@extends('layouts.app')

@section('appjs')
<script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection
@section('content')
@section('page_title') Create Master Account @endsection
<style type="text/css">
    .field_wrapper div {
        margin-bottom: 10px;
    }
    .toggle_btn input[type=checkbox]{
        height: 0;
        width: 0;
        visibility: hidden;
    }
    
    .toggle_btn label {
        cursor: pointer;
        text-indent: -9999px;
        width: 40px;
        height: 20px;
        background: grey;
        display: block;
        border-radius: 100px;
        position: relative;
        margin: 5px 10px 0px 0px;
    }
    
    .toggle_btn label:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 15px;
        height: 14px;
        background: #fff;
        border-radius: 90px;
        transition: 0.1s;
    }
    
    .toggle_btn input:checked + label {
        background: #547CB8;
    }
    
    .toggle_btn input:checked + label:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }
    
    .toggle_btn label:active:after {
        width: 130px;
    }
    .toggle_btn {
        display: flex;
        justify-content: center;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .col-form-label:after {
        content: '*';
        color: red;
        padding-left: 5px;
    }
.transactional_add{
    position: absolute;
    right: 0;
    top: 40%;
    font-size: 18px;
    background: transparent;
    transform: translate(50%, -40%);
    border: none;
    cursor: pointer;
}

.transactional_add:focus{
    outline: none;
}
/* .fa-minus-square.transactional_add {
    top: 25%;
} */
#createmaster{
    margin-bottom: 25px;
    margin-top: -15px;
}
.whitelist_ip_div_element{
    margin-bottom: 12px;
}

.error_message {
    color: #cb0000;
    margin-left: 18px;
}

.ip_validator {
    color: #cb0000;
    margin: 0;
    margin-left: 18px;
    margin-top: -12px;
    margin-bottom: 16px;
}
.hide{
    display: none;
}
#rcscamp_data, #alphabet_data, #whatsapp_data {
    border: none !important;
    border-top: 1px solid #ccc !important;
    border-radius: 0px !important;
}

.transactional_toggels{
    margin-left: -54px;
}
.transactional_sms{
    /* margin-left: 30px */
    margin-left: 48px;
}
.whatsapp_toggles{
    margin-left: -54px;
}
.toggle_btn_marketing {
    margin-left: -55px;
    margin-right: 79px;
    padding-left: -8px;
}

#rcscamp_data, #alphabet_data, #whatsapp_data{
    padding-top: 33px;
}
.metaNote{
    font-weight:600;
}
.multiselect-container {
    max-height: 200px; /* Adjust height as needed */
    overflow-y: auto;
}
#meta_account_id_div.no-accounts .col-sm-10:hover::after {
    content: "No Available Account Ids";
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    top: -100%;
    right: 0;
    z-index: 1000;
    display: none;
}
#meta_account_id:hover + .btn-group .multiselect-container span.multiselect-placeholder {
    display: none;
}
.dropdown-item {
        display: flex;
        justify-content: space-between;
        padding: 5px 10px;
        background-color: #f0f0f0;
        border: 1px solid #ddd;
        margin-top: 5px;
        width: 100%;
        align-items:center;
    }
    .remove-btn {
        color: red;
        cursor: pointer;
    }
    #dropdownContainer {
        max-height: 150px;
        overflow-y: auto;
        border: 0px solid #ccc;
        width: 100%;
        background: #fff;
        z-index: 1000;
        margin: 3px 0 0 0;
    }
    #addPageId{
        position: absolute;
        right: -3px;
        top: 10px;
        cursor: pointer;
    }
    .dropdown-item div{
        width: 90%;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
</style>
<div class="container">
<div class="card-header">
            <h4><b>Create Master Account</b>
                @can('hasViewPermission')
                <a class="btn btn-secondary pull-right border-radius-0" href="{{ url('accountlist') }}">Accounts List</a>
                @endcan
            </h4>
        </div>
    <div class="card">

        <div class="card-body">
            <form method="post" action="{{ url('addmaster') }}" enctype="" autocomplete="off" id="create_master_account_form">
                {{ csrf_field() }}
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        <label for="orgname" class="col-form-label">Organization Name</label>
                        <input name="orgname" type="text" class="form-control" id="orgname" value="{{ old('orgname') }}" placeholder="Enter Organization Name" autocomplete="off" oninput="this.value = this.value.replace(/[^a-zA-Z0-9_. ]/g, '').replace(/(\..*?)\..*/g, '$1');">
                        <span class="orgname_error_message redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="emailid" class="col-form-label">Email Id</label>
                        <input name="emailid" type="email" class="form-control" id="emailid" value="{{ old('emailid') }}" placeholder="Enter Email Id" autocomplete="off" title="Please Enter Letters (a-z), Numbers (0-9)." oninput="this.value = this.value.replace(/[^0-9a-zA-Z@. ]/g, '').replace(/(\*?)\*/g, '$1');">
                        <span class="email_error_message redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="mastername" class="col-form-label">User Name</label>
                        <input name="mastername" type="text" class="form-control" id="mastername" value="{{ old('mastername') }}" placeholder="Enter User Name" autocomplete="off" oninput="this.value = this.value.replace(/[^a-zA-Z. ]/g, '').replace(/(\..*?)\..*/g, '$1');" title="Only Alphabets,Dot,Space & 2 to 75 Characters Allowed" onKeyPress="if(this.value.length==75) return false;">
                        <span class="username_error_message redIcon"></span>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        <label for="mobile_number" class="col-form-label">Mobile Number</label>
                        <input name="mobile_number" type="number" oninput="handleMobileNumber(event)" value="{{ old('mobile_number') }}" class="form-control" id="mobile_number" placeholder="Enter Mobile Number" title="Please enter a valid mobile number">
                        <span class="redIcon mobile_error_message"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="pan_number">PAN Number</label>
                        <input name="pan_number" type="text" class="form-control" id="pan_number" oninput="this.value = this.value.toUpperCase()" pattern="([A-Z]){5}([0-9]){4}([A-Z]){1}" title="Please Enter Valid Format" value="{{ old('pan_number') }}" placeholder="Enter PAN  Number" autocomplete="off">
                        <span class="redIcon pan_error_message"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="account_manager">Account Manager</label>
                        <input name="account_manager" type="text" class="form-control" id="account_manager" value="{{ old('account_manager') }}" placeholder="Enter Account Manager" autocomplete="off">
                    </div>  
                </div>
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        <label for="relation_manager" >Relationship Manager</label>
                        <select class="form-control" name="relation_manager" id="relation_manager">
                            <option value="">Choose Relationship Manager</option>
                            @foreach($relationship_manager as $manager)
                            <option value="{{ $manager->id }}">{{ $manager->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="user_type" class="col-form-label">Account Type</label>
                        <select class="form-control" name="user_type" id="user_type" required>
                            <option value="">---------Choose --------</option>
                            <option {{ "1" == old("user_type") ? 'Selected':'' }} value="1">Postpaid</option>
                            <option {{ "0" == old("user_type") ? 'Selected':'' }} value="0">Prepaid</option>
                        </select>
                        <span class="redIcon account_type_error_message"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="acc_cat" class="col-form-label">Account Category</label>
                        <select class="form-control" name="acc_cat" id="acc_cat" required>
                            <option value="">---------Choose --------</option>
                            @foreach($acc_category as $key => $val)
                            <option {{ $key == old("acc_cat") ? 'Selected':'' }} value={{$key}}> {{$val}} </option>
                            @endforeach
                        </select>
                        <span class="redIcon account_category_error_message"></span>
                    </div>
                    @if(isset($categories))
                    <!-- <div class="form-group col-md-4">
                    <label for="category" class="col-form-label">Category Type</label>
                        <select class="form-control" name="category[]" multiple id="category">
                            @foreach($categories as $val)
                            <option {{in_array($val->type_id, old("category") ?: []) ? "selected": ""}} value={{$val->type_id}}> {{$val->type_name}} </option>
                            @endforeach
                        </select>
                    </div> -->
                    @endif
                </div>
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        <label for="state" class="col-form-label">State</label>
                        <input type="text" name="state" id="state" value="{{ old('state') }}" class="form-control" placeholder="Enter State">
                        <span class="redIcon state_error_message"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="city" class="col-form-label">City</label>
                        <input name="city" id="city" value="{{ old('city') }}" class="form-control" placeholder="Enter city">
                        <span class="redIcon city_error_message"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="pincode" class="col-form-label">Pincode</label>
                        <input type="number" name="pincode" id="pincode" value="{{ old('pincode') }}" class="form-control" placeholder="Enter Pincode">
                        <span class="redIcon pincode_error_message"></span>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        <label for="boarding_status" class="col-form-label">Boarding Status</label>
                        <select class="form-control" name="boarding_status" id="boarding_status" required>
                            <!-- <option >---------Choose --------</option> -->
                            <option {{ "1" == old("boarding_status") ? 'Selected':'' }} value="1">Onboarded</option>
                            <option {{ "0" == old("boarding_status") ? 'Selected':'' }} value="0">Not Onboarded</option>
                        </select>
                        <span class="redIcon boarding_status_error_message"></span>
                    </div>
                    <div class="form-group col-md-4">
                    <label for="sales_type" class="col-form-label">Type of Sales</label>
                        <select class="form-control" name="sale_type" id="sales_type">
                            <!-- <option >---------Choose --------</option> -->
                            <option {{ "0" == old("sale_type") ? 'Selected':'' }} value="N">New </option>
                            <option {{ "1" == old("sale_type") ? 'Selected':'' }} value="R">Retention</option>
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                    <label for="campain_platforms" class="col-form-label">Campaign Platforms</label>
                        <select class="form-control" name="campain_platforms[]" multiple id="campain_platforms">
                            @foreach($campain_platforms as $key => $val)
                                @if($val!='Transactional')
                                 <option {{in_array($key, old("campain_platforms")? : []) ? "selected": ""}}  value={{$key}}> {{$val}} </option>
                                @endif
                            @endforeach
                        </select>
                        <span class="error-campaign_platforms redIcon"></span>
                    </div>
                </div>

                   <!-- SMS Campaign Data start -->
                <div id="alphabet_data">
                {{-- <hr style="border-top:2px solid #ccc;margin-top:2rem;"> --}}
                    <div class="form-group row">
                        <label for="datatypes" class="col-sm-4 col-form-label bold-text"><b>Select SMS Campaign Data</b></label>
                        <div class="col-sm-8">
                            <select id="datatypes" name="datatypes[]" multiple class="form-control">
                                <option value="raw_data" {{in_array("raw_data", old("datatypes") ?: []) ? "selected": ""}}>Upload My Data</option>
                                <option value="my_data" {{in_array("my_data", old("datatypes") ?: []) ? "selected": ""}}>My 'Smart-M Click' Data</option>
                                <option value="whistle_smart_data" {{in_array("whistle_smart_data", old("datatypes") ?: []) ? "selected": ""}}>Whistle 'Smart-M Click' Data</option>
                                <option value="whistle_smart_phone_data" {{in_array("whistle_smart_phone_data", old("datatypes") ?: []) ? "selected": ""}}>Whistle 'Mobile-Smart' Data</option>
                                <!-- <option value="whistle_raw_data" {{in_array("whistle_raw_data", old("datatypes") ?: []) ? "selected": ""}}>Whistle Generic Data</option> -->
                                <option value="pincode_data" {{in_array("pincode_data", old("datatypes") ?: []) ? "selected": ""}}>Whistle 'Smart-Code' Pin Data</option>
                                <option value="api_mydata" {{in_array("api_mydata", old("datatypes") ?: []) ? "selected": ""}}>My Data</option>
                                <option value="july_data" {{in_array("july_data", old("datatypes") ?: []) ? "selected": ""}}>Whistle July 2022 Data</option>
                                <option value="bdl_data" {{in_array("bdl_data", old("datatypes") ?: []) ? "selected": ""}}>BDL Data</option>
                                <option value="whistle_bdl_us" {{in_array("whistle_bdl_us", old("datatypes") ?: []) ? "selected": ""}}>Whistle BDL USA Data</option>
                                <option value="my_data_bdl_usa" {{in_array("my_data_bdl_usa", old("datatypes") ?: []) ? "selected": ""}}>Whistle BDL-USA Smart-M click</option>
                            </select>
                            <span class="error-sms-campaign_data redIcon"></span>
                        </div>
                    </div>
                    <!-- Transactional Message Display Start -->
                        <div class="form-group row" id="transactional_cps_div">
                            <div class="col-sm-4">
                                <label for="transactional_cps" class="col-sm-12 col-form-label">SMS API TPS</label>
                            </div>
                            <div class="col-sm-4">
                                <div class="col-sm-12">
                                <input type="number" class="form-control" id="limit_per_minute" name="limit_per_minute" value="{{old('limit_per_minute')}}"  placeholder="Redis-Limit Per Minute" min="1">
                                <span class="error-lpm-data redIcon"></span>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="col-sm-12">
                                <input type="number" class="form-control" id="limit_per_days" name="limit_per_days" value="{{old('limit_per_days')}}" placeholder="Redis-Limit Per Days">
                                <span class="error-lpd-data redIcon"></span>
                                </div>
                            </div>
                        </div>
                    <!-- Transactional Message Display End -->
                    <div class="form-group row transactional_toggels">
                        <div class="col-sm-4 toggle_btn row">
                            <input type="checkbox" id="non_premium_pincode" name="non_premium_pincode" {{ "on" == old("non_premium_pincode") ? 'checked':'' }} />&nbsp;
                            <label for="non_premium_pincode">Toggle</label>
                            <span class="toggle_label">Non Premium PinCode</span>
                        </div>
                        <div class="col-sm-4 toggle_btn row">
                            <input type="checkbox" id="cam_sms_auto" name="cam_sms_auto" value="1" @if(old('cam_sms_auto') == '1') checked @endif>
                            <label for="cam_sms_auto" style="cursor: pointer;">Toggle</label>
                            <span class="toggle_label">SMS Automation</span>
                        </div>
                        <div class="col-sm-4 transactional_sms">
                        <div class="row">
                            <div class="col-sm-6 toggle_btn row">
                                <input type="checkbox" id="switchSmsAPI" name="sms_api" />
                                <label for="switchSmsAPI">Toggle</label>
                                <span class="toggle_label">API</span>
                            </div>
                            <div class="col-sm-6 sms_api_toggle">
                                <input name="transactional_cps" type="text" class="form-control" id="transactional_cps" value="{{ !empty(old('transactional_cps')) ? old('transactional_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-transactional-data redIcon"></span> 
                            </div>
                        </div>
                        </div>
                    </div>

                    <div class="form-group row " id="row_sms_cps_heading">
                        <div class="col-sm-4 offset-sm-4">
                            <label for="raw_data_cps" class="col-sm-12 text-center">Alphabet Operator based CPM</label>
                        </div>
                        <div class="col-sm-4">
                            <label for="raw_data_cps_1" class="col-sm-12 text-center">Numeric Operator based CPM</label>
                        </div>
                    </div>

                    <div class="form-group row mt-4">
                        <div class="col-sm-4">
                            <label for="freq_capping_sms" class="col-sm-12 col-form-label">Frequency Capping</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="freq_capping_sms" type="number" class="form-control" id="freq_capping_sms" value="0"  autocomplete="off">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="raw_data_cps_div">
                        <div class="col-sm-4">
                            <label for="raw_data_cps" class="col-sm-12 col-form-label">Upload My Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="raw_data_cps" type="text" class="form-control" id="raw_data_cps" value="{{ !empty(old('raw_data_cps')) ? old('raw_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-raw-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="raw_data_cps_1" type="text" class="form-control" id="raw_data_cps_1" value="{{ !empty(old('raw_data_cps_1')) ? old('raw_data_cps_1') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-raw-data-num redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="my_data_cps_div">
                        <div class="col-sm-4">
                            <label for="my_data_cps" class="col-sm-12 col-form-label">My 'Smart-M Click' Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="my_data_cps" type="text" class="form-control" id="my_data_cps" value="{{ !empty(old('my_data_cps')) ? old('my_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-my-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="my_data_cps_1" type="text" class="form-control" id="my_data_cps_1" value="{{ !empty(old('my_data_cps_1')) ? old('my_data_cps_1') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-my-data-num redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="whistle_smart_data_cps_div">
                        <div class="col-sm-4">
                            <label for="whistle_smart_data_cps" class="col-sm-12 col-form-label">Whistle 'Smart-M Click' Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="whistle_smart_data_cps" type="text" class="form-control" id="whistle_smart_data_cps" value="{{ !empty(old('whistle_smart_data_cps')) ? old('whistle_smart_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-whistle-smart-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="whistle_smart_data_cps_1" type="text" class="form-control" id="whistle_smart_data_cps_1" value="{{ !empty(old('whistle_smart_data_cps_1')) ? old('whistle_smart_data_cps_1') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-whistle-smart-data-num redIcon"></span>
                            </div>
                        </div>
                        <!-- <div class="col-sm-12 offset-md-4">
                            <div class="col-sm-8" style="border: 1px solid #000;padding: 5px 0 0 225px;border-radius: 15px;margin: 10px 0 0 10px;width: 63%;">
                                <input type="checkbox" id="non_premium_pincode" name="non_premium_pincode" {{ "on" == old("non_premium_pincode") ? 'checked':'' }} />&nbsp;
                                <label for="non_premium_pincode">Non Premium PinCode </label>
                            </div>
                        </div> -->
                    </div>

                    <div class="form-group row" id="whistle_smart_phone_cps_div">
                        <div class="col-sm-4">
                            <label for="whistle_smart_phone_cps" class="col-sm-12 col-form-label">Whistle 'Mobile-Smart' Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="whistle_smart_phone_cps" type="text" class="form-control" id="whistle_smart_phone_cps" value="{{ !empty(old('whistle_smart_phone_cps')) ? old('whistle_smart_phone_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-whistle-smart-phone-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="whistle_smart_phone_cps_1" type="text" class="form-control" id="whistle_smart_phone_cps_1" value="{{ !empty(old('whistle_smart_phone_cps_1')) ? old('whistle_smart_phone_cps_1') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-whistle-smart-phone-data-num redIcon"></span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="form-group row" id="whistle_raw_data_cps">
                    <div class="col-sm-6" style="display:flex;">
                        <label for="whistle_raw_data_cps" class="col-sm-3 col-form-label">Whistle Generic Data CPS</label>
                        <div class="col-sm-9">
                            <input name="whistle_raw_data_cps" type="text" class="form-control" id="whistle_raw_data_cps" value="{{ !empty(old('whistle_raw_data_cps')) ? old('whistle_raw_data_cps') : '0.00' }}" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-sm-6" style="display:flex;">
                    </div>
				    </div> -->
                    <div class="form-group row" id="pincode_data_cps_div">
                        <div class="col-sm-4">
                            <label for="pincode_data_cps" class="col-sm-12 col-form-label">Whistle 'Smart-Code' Pin Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="pincode_data_cps" type="text" class="form-control" id="pincode_data_cps" value="{{ !empty(old('pincode_data_cps')) ? old('pincode_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-pincode-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="pincode_data_cps_1" type="text" class="form-control" id="pincode_data_cps_1" value="{{ !empty(old('pincode_data_cps_1')) ? old('pincode_data_cps_1') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-pincode-data-num redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="api_mydata_cps_div">
                        <div class="col-sm-4">
                            <label for="api_mydata_cps" class="col-sm-12 col-form-label">My Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="api_mydata_cps" type="text" class="form-control" id="api_mydata_cps" value="{{ !empty(old('api_mydata_cps')) ? old('api_mydata_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-api-mydata redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="api_mydata_cps_num" type="text" class="form-control" id="api_mydata_cps_num" value="{{ !empty(old('api_mydata_cps_num')) ? old('api_mydata_cps_num') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-api-mydata-num redIcon"></span>
                            </div>
                        </div>
                    </div>
                    <!-- july data cps cpm start here  -->
                    <div class="form-group row" id="july_data_cps_div">
                        <div class="col-sm-4">
                            <label for="july_data_cps" class="col-sm-12 col-form-label">July Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="july_data_cps" type="text" class="form-control" id="july_data_cps" value="{{ !empty(old('july_data_cps')) ? old('july_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-july-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="july_data_cps_num" type="text" class="form-control" id="july_data_cps_num" value="{{ !empty(old('july_data_cps_num')) ? old('july_data_cps_num') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-july-data-num redIcon"></span>
                            </div>
                        </div>
                    </div>

                    {{-- BDL Data For SMS --}}
                    <div class="form-group row" id="sms_bdl_data_div">
                        <div class="col-sm-4">
                            <label for="sms_bdl_data" class="col-sm-12 col-form-label">BDL Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="sms_bdl_data_cps" type="text" class="form-control" id="sms_bdl_data_cps" value="{{ !empty(old('sms_bdl_data_cps')) ? old('sms_bdl_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-bdl-data redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="sms_bdl_data_cps_num" type="text" class="form-control" id="sms_bdl_data_cps_num" value="{{ !empty(old('sms_bdl_data_cps_num')) ? old('sms_bdl_data_cps_num') : '0.00' }}" autocomplete="off">
                                <span class="error-bdl-data-num redIcon"></span>
                            </div>
                        </div>
                    </div>
                    <!-- Whistle bdl us cpm start here -->
                    <div class="form-group row" id="bdl_us_cps_div">
                        <div class="col-sm-4">
                            <label for="bdl_us_cps" class="col-sm-12 col-form-label">Whistle BDL USA CPM</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="bdl_us_cps" type="text" class="form-control" id="bdl_us_cps" value="{{ !empty(old('bdl_us_cps')) ? old('bdl_us_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-bdl-us redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="bdl_us_cps_num" type="text" class="form-control" id="bdl_us_cps_num" value="{{ !empty(old('bdl_us_cps_num')) ? old('bdl_us_cps_num') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-bdl-us-num redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <!-- Whistle BDL-USA Smart-M click cpm start here -->
                    <div class="form-group row" id="my_data_bdl_us_cps_div">
                        <div class="col-sm-4">
                            <label for="my_data_bdl_us_cps" class="col-sm-12 col-form-label">Whistle BDL-USA Smart-M Click Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="my_data_bdl_us_cps" type="text" class="form-control" id="my_data_bdl_us_cps" value="{{ !empty(old('my_data_bdl_us_cps')) ? old('my_data_bdl_us_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-my_data_bdl_us redIcon"></span>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="my_data_bdl_us_cps_num" type="text" class="form-control" id="my_data_bdl_us_cps_num" value="{{ !empty(old('my_data_bdl_us_cps_num')) ? old('my_data_bdl_us_cps_num') : '0.00' }}" autocomplete="off">
                                <span class="error-sms-my_data_bdl_us_num redIcon"></span>
                            </div>
                        </div>
                    </div>


                    <!-- <div class="col-sm-12 offset-md-4">
                    <div class="col-sm-12 offset-md-4">
                        <div class="col-sm-8" style="border: 1px solid #000;padding: 5px 0 0 225px;border-radius: 15px;margin: 10px 0 0 10px;width: 63%;">
                            <input type="checkbox" id="cam_sms_auto" name="cam_sms_auto" value="1" @if(old('cam_sms_auto') == '1') checked @endif>
                            <label for="cam_sms_auto" style="cursor: pointer;">SMS Automation</label>
                        </div>
                    </div> -->
                </div>
                 <!-- SMS Campaign Data end -->

                <!-- RCS Campaign Data start -->

                <div id="rcscamp_data" class="hidden">
                {{-- <hr style="border-top:2px solid #ccc;margin-top:2rem;margin-bottom:2rem;"> --}}
                    <div class="form-group row">
                        <label for="rcscamp_select" class="col-sm-4 col-form-label bold-text"><b>Select RCS Campaign Data</b></label>
                        <div class="col-sm-8">
                            <select id="rcscamp_select" name="rcs_datatypes[]" multiple class="form-control">
                                <option value="rcs_raw_data" {{in_array("rcs_raw_data", old("rcs_datatypes") ?: []) ? "selected": ""}}>Upload My Data</option>
                                <option value="rcs_my_data" {{in_array("rcs_my_data", old("rcs_datatypes") ?: []) ? "selected": ""}}>My 'Smart-M Click' Data</option>
                                <option value="rcs_whistle_smart_data" {{in_array("rcs_whistle_smart_data", old("rcs_datatypes") ?: []) ? "selected": ""}}>Whistle 'Smart-M Click' Data</option>
                                <option value="rcs_whistle_smart_phone_data" {{in_array("rcs_whistle_smart_phone_data", old("rcs_datatypes") ?: []) ? "selected": ""}}>Whistle 'Mobile-Smart' Data</option>
                                <option value="rcs_pincode_data" {{in_array("rcs_pincode_data", old("rcs_datatypes") ?: []) ? "selected": ""}}>Whistle 'Smart-Code' Pin Data</option>
                                <option value="rcs_whistle_bdl_us" {{in_array("rcs_whistle_bdl_us", old("rcs_datatypes") ?: []) ? "selected": ""}}>Whistle BDL USA Data</option>
                            </select>
                            <span class="error-rcs-campaign_data redIcon"></span>
                            
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-6">
                            <div class="row">
                                <div class="col-sm-6 toggle_btn row">
                                    <input type="checkbox" id="rcs_api" name="rcs_api" value="1" @if(old('rcs_api') == '1') checked @endif><label for="rcs_api">Toggle</label>
                                    <span class="toggle_label">API</span>
                                </div>
                                <div class="col-sm-3">
                                    <input class="form-control" name="cps_rcs_api" type="text" id="cps_rcs_api" value="{{ !empty(old('cps_rcs_api')) ? old('cps_rcs_api') : '0.00' }}" autocomplete="off" placeholder="API CPM">
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="row">
                                <div class="col-sm-4" id="rcs_chatbot_cps_label">
                                    <label for="rcs_chatbot_cost" class="col-sm-12">Chatbot Cost</label>
                                </div>
                                <div class="col-sm-3" id="rcs_cost_chatbot_div">
                                    {{-- <div class="col-sm-6"> --}}
                                        <input name="rcs_chatbot_cost" type="number" class="form-control" value="0.00" id="rcs_chatbot_cost" autocomplete="off">
                                    {{-- </div> --}}
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group row mt-4">
                        <div class="col-sm-4">
                            <label for="freq_capping_rcs" class="col-sm-12 col-form-label">Frequency Capping</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="freq_capping_rcs" type="number" class="form-control" id="freq_capping_rcs" value="0"  autocomplete="off">
                            </div>
                        </div>
                    </div>

                    {{--  RCS Chatbot Cost --}}
                    {{-- <div class="form-group row">
                        <div class="col-sm-4" id="rcs_chatbot_cps_label">
                            <label for="rcs_chatbot_cost" class="col-sm-12">Chatbot Cost</label>
                        </div>
                        <div class="col-sm-4" id="rcs_cost_chatbot_div">
                            <div class="col-sm-6">
                                <input name="rcs_chatbot_cost" type="text" class="form-control" value="0.00" id="rcs_chatbot_cost" autocomplete="off">
                            </div>
                        </div>
                    </div> --}}

                    <div class="col-sm-4 offset-sm-4">
                        <label for="rcs_cps" id="rcs_campaign_heading" class="col-sm-12 text-center">Campaign CPM</label>
                    </div>

                    <div class="form-group row" id="rcs_raw_data_cps_div">
                        <div class="col-sm-4">
                            <label for="rcs_raw_data_cps" class="col-sm-12 col-form-label">Upload My Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_raw_data_cps" type="text" class="form-control" id="rcs_raw_data_cps" value="{{ !empty(old('rcs_raw_data_cps')) ? old('rcs_raw_data_cps') : '0.00' }}" autocomplete="off">
                            <span class="error-rcs-raw-data redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="rcs_my_data_cps_div">
                        <div class="col-sm-4">
                            <label for="rcs_my_data_cps" class="col-sm-12 col-form-label">My 'Smart-M Click' Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_my_data_cps" type="text" class="form-control" id="rcs_my_data_cps" value="{{ !empty(old('rcs_my_data_cps')) ? old('rcs_my_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-rcs-my-data redIcon"></span>
                             </div>
                        </div>
                    </div>

                    <div class="form-group row" id="rcs_whistle_smart_data_cps_div">
                        <div class="col-sm-4">
                            <label for="rcs_whistle_smart_data_cps" class="col-sm-12 col-form-label">Whistle 'Smart-M Click' Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_whistle_smart_data_cps" type="text" class="form-control" id="rcs_whistle_smart_data_cps" value="{{ !empty(old('rcs_whistle_smart_data_cps')) ? old('rcs_whistle_smart_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-rcs-whistle-smart-data redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="rcs_whistle_smart_phone_cps_div">
                        <div class="col-sm-4">
                            <label for="rcs_whistle_smart_phone_cps" class="col-sm-12 col-form-label">Whistle 'Mobile-Smart' Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_whistle_smart_phone_cps" type="text" class="form-control" id="rcs_whistle_smart_phone_cps" value="{{ !empty(old('rcs_whistle_smart_phone_cps')) ? old('rcs_whistle_smart_phone_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-rcs-whistle-smart-phone redIcon"></span>
                            </div>
                        </div>
                    </div>


                    <div class="form-group row" id="rcs_pincode_data_cps_div">
                        <div class="col-sm-4">
                            <label for="rcs_pincode_data_cps" class="col-sm-12 col-form-label">Whistle 'Smart-Code' Pin Data</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_pincode_data_cps" type="text" class="form-control" id="rcs_pincode_data_cps" value="{{ !empty(old('rcs_pincode_data_cps')) ? old('rcs_pincode_data_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-rcs-pincode-data redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="rcs_bdl_us_cps_div">
                        <div class="col-sm-4">
                            <label for="rcs_bdl_us_cps" class="col-sm-12 col-form-label">Whistle BDL USA CPM</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_bdl_us_cps" type="text" class="form-control" id="rcs_bdl_us_cps" value="{{ !empty(old('rcs_bdl_us_cps')) ? old('rcs_bdl_us_cps') : '0.00' }}" autocomplete="off">
                                <span class="error-rcs-bdl-us redIcon"></span>
                            </div>
                        </div>
                    </div>

                     {{--  Rate Limiter For RCS API --}}
                     <div class="form-group row" id="rcs_rate_mimiter_div">
                        <div class="col-sm-4">
                            <label for="rcs_rate_limiter" class="col-sm-12">Requests Per Minute</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="rcs_rate_limiter" type="text" class="form-control" id="rcs_rate_limiter" autocomplete="off" placeholder="Request Limit Per Minute">
                                <span class="error-rcs-rate-limiter redIcon"></span>
                            </div>
                        </div>
                    </div>

                </div>

                <!-- RCS Campagin Data end -->

                 <!-- WhatsApp Data start -->
                <div id="whatsapp_data" class="hidden">
                {{-- <hr style="border-top:2px solid #ccc;margin-top:2rem;margin-bottom:2rem;"> --}}
                    <div class="form-group row">
                        <label for="whatsapp_camp_select" class="col-sm-4 col-form-label bold-text"><b>Select WhatsApp Campaign Data</b></label>
                        <div class="col-sm-8">
                            <select id="whatsapp_camp_select" name="whatsapp_datatypes[]" multiple class="form-control">
                                <option value="wa_raw_data" {{in_array("wa_raw_data", old("whatsapp_datatypes") ?: []) ? "selected": ""}}>Upload My Data</option>
                                <option value="wa_my_data" {{in_array("wa_my_data", old("whatsapp_datatypes") ?: []) ? "selected": ""}}>My 'Smart-M Click' Data</option>
                                <option value="wa_clicked_data" {{in_array("wa_clicked_data", old("whatsapp_datatypes") ?: []) ? "selected": ""}}>Whistle Smart-M click Data</option>
                                <option value="wa_bdl_data" {{in_array("wa_bdl_data", old("whatsapp_datatypes") ?: []) ? "selected": ""}}>BDL campaign data</option>
                                <option value="wa_api_data" {{in_array("wa_api_data", old("whatsapp_datatypes") ?: []) ? "selected": ""}}>My data</option>
                                <option value="wa_whistle_bdl_us" {{in_array("wa_whistle_bdl_us", old("whatsapp_datatypes") ?: []) ? "selected": ""}}>Whistle BDL USA Data</option>
                            </select>
                            <span class="error-whatsapp-campaign_data redIcon"></span>
                        </div>
                    </div>
                    <div class="form-group row whatsapp_toggles">
                        <div class="col-sm-4 toggle_btn row">
                            <input type="checkbox" id="cam_wa_auto" name="cam_wa_auto" value="1" @if(old('cam_wa_auto') == '1') checked @endif><label for="cam_wa_auto">Toggle</label>
                            <span class="toggle_label">WhatsApp Automation</span>
                            <span class="error-wa-select redIcon"></span>
                        </div>      
                        <div class="col-sm-4 toggle_btn row toggle_btn_marketing">
                            <input type="checkbox" id="wa_promotional" name="wa_promotional" @if(old('wa_promotional') == '1') checked @endif><label for="wa_promotional">Toggle</label>
                            <span class="toggle_label">Marketing</span>
                        </div>
                        <span class="error-no-data redIcon float-sm-right"></span>
                        <div class="col-sm-4">
                            <div class="row">
                            <div class="col-sm-6 toggle_btn row">
                                <input type="checkbox" id="wa_utility" name="wa_utility"  @if(old('wa_utility') == '1') checked @endif><label for="wa_utility">Utility (API)</label>
                                <span class="toggle_label">Utility(API)</span>
                            </div>
                            <div class="col-sm-6">
                            <input class ="form-control" name="cps_whatsapp_transactional" type="number" id="cps_whatsapp_transactional" value="{{ !empty(old('cps_whatsapp_transactional')) ? old('cps_whatsapp_transactional') : '0.00' }}" autocomplete="off" placeholder="API CPM">
                            </div>
                            <span class="error-transactional-data redIcon"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row mt-4">
                        <div class="col-sm-4">
                            <label for="freq_capping_whatsapp" class="col-sm-12 col-form-label">Frequency Capping</label>
                        </div>
                        <div class="col-sm-4">
                            <div class="col-sm-12">
                                <input name="freq_capping_whatsapp" type="number" class="form-control" id="freq_capping_whatsapp" value="0"  autocomplete="off">
                            </div>
                        </div>
                    </div>

                    {{-- Whatsapp Chatbot Cost --}}
                    <div class="form-group row">
                        <div class="col-sm-4" id="whatsapp_chatbot_cps_label">
                            <label for="whatsapp_chatbot_cost" class="col-sm-12">Chatbot Cost</label>
                        </div>
                        <div class="col-sm-4" id="whatsapp_cost_chatbot_div">
                            <div class="col-sm-6">
                                <input name="whatsapp_chatbot_cost" type="number" class="form-control" value="0.00" id="whatsapp_chatbot_cost" autocomplete="off">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row" id="wa_raw_data_cps_div">
                        <div class="col-sm-4">
                            <label for="wa_cps_raw_data" class="col-form-label">Upload My Data</label>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_raw_data" type="text" class="form-control" id="wa_cps_raw_data" value="{{ !empty(old('wa_cps_raw_data')) ? old('wa_cps_raw_data') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-raw-data redIcon"></span>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_raw_data_trans" type="text" class="form-control" id="wa_cps_raw_data_trans" value="{{ !empty(old('wa_cps_raw_data_trans')) ? old('wa_cps_raw_data_trans') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-raw-data-trans redIcon"></span>
                        </div>
                    </div>

                    <div class="form-group row" id="wa_my_data_cps_div">
                        <div class="col-sm-4">
                            <label for="wa_cps_my_data" class="col-form-label">My 'Smart-M Click' Data</label>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_my_data" type="text" class="form-control" id="wa_cps_my_data" value="{{ !empty(old('wa_cps_my_data')) ? old('wa_cps_my_data') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-my-data redIcon"></span>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_my_data_trans" type="text" class="form-control" id="wa_cps_my_data_trans" value="{{ !empty(old('wa_cps_my_data_trans')) ? old('wa_cps_my_data_trans') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-my-data-trans redIcon"></span>
                        </div>
                    </div>

                    <div class="form-group row" id="wa_clicked_data_cps_div">
                        <div class="col-sm-4">
                            <label for="wa_cps_clicked_data" class="col-form-label">Whistle My Smart-M Click Data</label>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_clicked_data" type="text" class="form-control" id="wa_cps_clicked_data" value="{{ !empty(old('wa_cps_clicked_data')) ? old('wa_cps_clicked_data') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-clicked-data redIcon"></span>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_clicked_data_trans" type="text" class="form-control" id="wa_cps_clicked_data_trans" value="{{ !empty(old('wa_cps_clicked_data_trans')) ? old('wa_cps_clicked_data_trans') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-clicked-data-trans redIcon"></span>
                        </div>
                    </div>

                    <div class="form-group row" id="wa_bdl_data_cps_div">
                        <div class="col-sm-4">
                            <label for="wa_cps_bdl_data" class="col-form-label">BDL campaign Data</label>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_bdl_data" type="text" class="form-control" id="wa_cps_bdl_data" value="{{ !empty(old('wa_cps_bdl_data')) ? old('wa_cps_bdl_data') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-bdl-data redIcon"></span>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_bdl_data_trans" type="text" class="form-control" id="wa_cps_bdl_data_trans" value="{{ !empty(old('wa_cps_bdl_data_trans')) ? old('wa_cps_bdl_data_trans') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-bdl-data-trans redIcon"></span>
                        </div>
                    </div>

                    <div class="form-group row" id="wa_api_data_cps_div">
                        <div class="col-sm-4">
                            <label for="wa_cps_api_data" class="col-form-label">My Data</label>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_api_data" type="text" class="form-control" id="wa_cps_api_data" value="{{ !empty(old('wa_cps_api_data')) ? old('wa_cps_api_data') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-api-data redIcon"></span>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_api_data_trans" type="text" class="form-control" id="wa_cps_api_data_trans" value="{{ !empty(old('wa_cps_api_data_trans')) ? old('wa_cps_api_data_trans') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-api-data-trans redIcon"></span>
                        </div>
                    </div>

                    <div class="form-group row" id="wa_whistle_bdl_us_div">
                        <div class="col-sm-4">
                            <label for="wa_cps_bdl_us" class="col-form-label">Whistle BDL USA CPM</label>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_bdl_us" type="text" class="form-control" id="wa_cps_bdl_us" value="{{ !empty(old('wa_cps_bdl_us')) ? old('wa_cps_bdl_us') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-bdl-us redIcon"></span>
                        </div>
                        <div class="col-sm-4">
                                <input name="wa_cps_bdl_us_trans" type="text" class="form-control" id="wa_cps_bdl_us_trans" value="{{ !empty(old('wa_cps_bdl_us_trans')) ? old('wa_cps_bdl_us_trans') : '0.00' }}" autocomplete="off">
                                <span class="error-wa-bdl-us-trans redIcon"></span>
                        </div>
                    </div>
                </div>
                <!-- Whatsapp Data end -->


                {{-- Feed Data Start --}}
                <div id="feed_data_div" class="hidden">
                    <hr style="border-top:2px solid #ccc;margin-top:2rem;margin-bottom:2rem;">
                    <div class="form-group row">
                        <label class="col-sm-4 bold-text"><b>Feed Campaign</b></label>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-4" id="feed_chatbot_cps_label">
                            <label for="feed_chatbot_cost" class="col-sm-12">Chatbot Cost</label>
                        </div>
                        <div class="col-sm-4" id="feed_cost_chatbot_div">
                            <div class="col-sm-6">
                                <input name="feed_chatbot_cost" type="number" class="form-control" value="0.00" id="feed_chatbot_cost" autocomplete="off">
                            </div>
                        </div>
                    </div> 

                </div>
                <!-- Meta Fields starts here-->
                <div id="meta_data_div" class="hidden">
                    <hr style="border-top:2px solid #ccc;margin-top:2rem;margin-bottom:2rem;">
                    <div class="form-group row">
                        <label class="col-sm-4 bold-text"><b>Meta Fields</b></label>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-2" id="meta_account_id_label">
                            <label for="meta_account_id" class="col-sm-12">Meta Account Id</label>
                        </div>
                        <div class="col-sm-4" id="meta_account_id_div">
                            <div class="col-sm-10">
                                <select name="meta_account_id[]" class="form-control meta_account_id" id="meta_account_id" multiple></select>
                                <input type="hidden" name="meta_account_name" id="meta_account_name">
                            </div>
                        </div>
                        <div class="col-sm-2" id="meta_app_id_label">
                            <label for="meta_app_id" class="col-sm-10">Meta App Id</label>
                        </div>
                        <div class="col-sm-4" id="meta_app_id_div">
                            <div class="col-sm-10">
                                <input name="meta_app_id" type="number" class="form-control meta_app_id" id="meta_app_id" autocomplete="off">
                            </div>
                        </div>
                        <br></br>
                        <div class="col-sm-2" id="meta_page_id_label">
                            <label for="meta_page_id" class="col-sm-10">Meta Page Id</label>
                        </div>
                        <div class="col-sm-4" id="meta_page_id_div">
                            <div class="col-sm-10">
                                <div class="relative">
                                    <input type="hidden" name="meta_page_id" id="meta_page_id">
                                    <input type="number" id="inputField" class="form-control" placeholder="Enter Page Id">
                                    <span id="addPageId" class="add_button_page fa fa-plus-square greenIcon"></span>
                                    <input type="hidden" id="page_id">
                                </div>
                            </div>
                            <div class="col-sm-10">
                             <div id="dropdownContainer"></div>
                            </div>
                        </div>
                        <div class="col-sm-2" id="meta_object_url_label">
                            <label for="meta_object_url" class="col-sm-10">Meta App Object Url</label>
                        </div>
                        <div class="col-sm-4" id="meta_object_url_div">
                            <div class="col-sm-10">
                                <input name="meta_object_url" type="text" class="form-control meta_object_url" id="meta_object_url" autocomplete="off">
                                <span class="meta_object_url_error span-error redIcon"></span>
                            </div>
                        </div>
                    </div>
                    <span style ="margin: 15px"><span class="metaNote">Note :</span> Above four fields are required for creating Meta Campaigns</span>
                </div>
                <!-- Meta Fields ends here -->

                <div>
                    <hr style="border-top:2px solid #ccc;margin-top:15px;margin-bottom:2rem;">
                    <div class="form-group row" id="whitelist_ip_div">
                        <div class="col-sm-3">
                            <label for="whitelist_ip" class="col-sm-12 col-form">Login IP</label>
                        </div>
                        <div class="col-sm-3">
                            <label for="transactional_ip" class="col-sm-12 col-form">SMS API IP</label>
                        </div>
                        <div class="col-sm-3">
                            <label for="rcs_ip" class="col-sm-12 col-form">RCS API IP</label>
                        </div>
                        <div class="col-sm-3">
                            <label for="wa_ip" class="col-sm-12 col-form">Whatsapp API IP</label>
                        </div>
                    </div>
                    <div class="form-group row">

                        {{-- Login IP WHITELIST --}}
                        <div class="col-sm-3 head_div_ip_login">
                            <div class="col-sm-12 whitelist_ip_div_element">
                                <input type="text" data-type='login-0' class="col-sm-12 form-control input_ip login_ip_address" name="add_whitelist_ip[]" placeholder="Add IP Address"  title="Add IP address" value="{{ !empty(old('add_whitelist_ip')) ? old('add_whitelist_ip')[0] : '' }}" />
                                <i onclick="handleAddWishlist('login_ip','head_div_ip_login','add_whitelist_ip')" class="add_bt fa fa-plus-square greenIcon transactional_add"></i> 
                                <span class="redIcon" id="login_ip_error_0"></span>
                            </div>
                        </div>

                        {{-- SMS IP whitelist --}}
                        <div class="col-sm-3 head_div_sms_ip">
                            <div class="col-sm-12 whitelist_ip_div_element">
                                <input type="text" data-type='sms-0' placeholder="IP Address"  name="add_whitelist_ip_api[]" placeholder="Add IP Address" class="form-control input_ip" title="Add IP address" />
                                <i onclick="handleAddWishlist('sms_ip','head_div_sms_ip','add_whitelist_ip_api')" class="add_bt fa fa-plus-square greenIcon transactional_add"></i> 
                                <span class="redIcon" id="sms_ip_error_0"></span>
                            </div>
                        </div>

                        {{-- RCS IP Whitelist --}}
                        <div class="col-sm-3 head_div_rcs_ip">
                            <div class="col-sm-12 whitelist_ip_div_element">
                                <input type="text" data-type='rcs-0'  name="add_whitelist_ip_api[]" class="form-control input_ip" placeholder="Add IP Address" title="Add IP address" />
                                <i onclick="handleAddWishlist('rcs_ip','head_div_rcs_ip','add_whitelist_ip_api')" class="add_bt fa fa-plus-square greenIcon transactional_add"></i> 
                                <span class="redIcon" id="rcs_ip_error_0"></span>
                            </div> 
                        </div> 

                        {{-- Whatsapp IP witelist --}}
                        <div class="col-sm-3 head_div_whatsapp_ip">
                            <div class="col-sm-12 whitelist_ip_div_element">
                                <input type="text" data-type='whatsapp-0'  name="add_whitelist_ip_api[]" class="form-control input_ip" placeholder="Add IP Address" title="Add IP address" />
                                <i onclick="handleAddWishlist('whatsapp_ip','head_div_whatsapp_ip','add_whitelist_ip_api')" class="add_bt fa fa-plus-square greenIcon transactional_add"></i> 
                                <span class="redIcon" id="whatsapp_ip_error_0"></span>
                            </div> 
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-3 field_wrapper"> 
                        </div>
                        <div class="col-sm-3 field"> 
                        </div>
                    </div>
                </div>
        </div>

        @can('hasAddPermission')
        <div class="footerwidth d-flex justify-content-center">
            <button type="submit" id="createmaster" class="btn btn-primary create-submit-btn">Submit</button>
        </div>
        @endcan
        <!-- <div>
            <p align="right" style="color:red;">* - Mandatory</p>
        </div> -->
        </form>
    </div>
</div>
</div>
<script>
    var min_whatsapp_cps = Number('{{env('min_whatsapp_cps')}}')
    var min_transactional_cps = Number('{{env('min_transactional_cps')}}')
    var min_wa_transactional_cps = Number('{{env('min_wa_transactional_cps')}}')

    var wa_raw_data_promo = Number('{{env('wa_raw_data_promo')}}')
    var wa_raw_data_trans = Number('{{env('wa_raw_data_trans')}}')

    var wa_my_data_promo = Number('{{env('wa_my_data_promo')}}')
    var wa_my_data_trans = Number('{{env('wa_my_data_trans')}}')

    var wa_clicked_data_promo = Number('{{env('wa_clicked_data_promo')}}')
    var wa_clicked_data_trans = Number('{{env('wa_clicked_data_trans')}}')

    var wa_bdl_data_promo = Number('{{env('wa_bdl_data_promo')}}')
    var wa_bdl_data_trans = Number('{{env('wa_bdl_data_trans')}}')

    var wa_api_data_promo = Number('{{env('wa_api_data_promo')}}')
    var wa_api_data_trans = Number('{{env('wa_api_data_trans')}}')

    var wa_bdl_us_promo = Number('{{env('wa_bdl_us_promo')}}')
    var wa_bdl_us_trans = Number('{{env('wa_bdl_us_trans')}}')

    var upper_rate_limit = Number('{{env('RATE_LIMITER_UPPER_LIMIT')}}')

</script>
<script type="application/javascript" src="{{ asset('js/Account_info/create_account.js?time=').time() }}"></script>
@endsection