{{-- New File for Creation of master account  --}}

@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>
    .login_ip_section,.sms_api_ip_section,.whatsapp_api_ip_section,.rcs_api_ip_section{
        height: max-content;
    }
    .add_bt,.fa-minus-square{
        transform: scale(1.5);
        margin-left: 4px;
        cursor: pointer;
    }
    .ip_address_input{
        font-size: 0.8rem;
        padding: 5px;
        padding-left: 8px;
        border: 1px solid rgb(225, 214, 214);
        margin-top: 4px;
    }
    .required::after{
        content: '*';
        color: red;
        padding-left: 5px;
    }
    .sms_cps_div,.whatsapp_cps_div,.rcs_cps_div{
        margin: auto;
    }
    #createmaster{
        width: 21vw;
        margin-top: 25px;
    }
    #createmaster:hover{
        background: #262626;
        border: 1px solid #262626;
    }
    .hide{
        display: none;
    }
    .toggle {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
    }
  .toggle input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .slider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 25px;
    width: 100%;
    height: 100%;
    transition: 0.4s;
  }
  .slider:before {
    content: "";
    position: absolute;
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
  }
  input:checked + .slider {
    background-color: #2196F3;
  }
  input:checked + .slider:before {
    transform: translateX(24px);
  }
</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 id='master_account_form' method="post" action="{{ url('saveMasterAccount') }}" enctype="" autocomplete="off">
                {{ csrf_field() }}

                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="organisation_name" class="col-form-label required">Organization Name</label>
                        <input name="organisation_name" type="text" class="form-control" id="organisation_name" value="{{ old('organisation_name') }}" placeholder="Enter Organization Name" autocomplete="off">
                        <span class="error-organisation_name redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="email_id" class="col-form-label required">Email Id</label>
                        <input name="email_id" type="text" class="form-control" id="email_id" value="{{ old('email_id') }}" placeholder="Enter Email Id" autocomplete="off" title="Please Enter Letters (a-z), Numbers (0-9).">
                        <span class="error-email_id redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="user_name" class="col-form-label required">User Name</label>
                        <input name="user_name" type="text" class="form-control" id="user_name" value="{{ old('user_name') }}" placeholder="Enter User Name" autocomplete="off"  title="Only Alphabets,Dot,Space & 2 to 75 Characters Allowed" onKeyPress="if(this.value.length==75) return false;">
                        <span class="error-user_name redIcon"></span>
                    </div>
                </div>


                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="mobile_number" class="col-form-label required">Mobile Number</label>
                        <input name="mobile_number" type="number" class="form-control" id="mobile_number" name="mobile_number" value="{{old('mobile_number')}}" placeholder="Enter Mobile Number" title="Please enter valid mobile number " onKeyPress="if(this.value.length==10) return false;">
                        <span class="error-mobile_number redIcon"></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" 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="error-pan_number redIcon"></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">
                        <span class="error-account_manager redIcon"></span>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="relationship_manager" >Relationship Manager</label>
                        <select class="form-control" name="relationship_manager" id="relationship_manager">
                            <option value="">Choose Relationship Manager</option>
                            @foreach($relationship_manager as $manager)
                            <option value="{{ $manager->id }}">{{ $manager->name }}</option>
                            @endforeach
                        </select>
                        <span class="error-relationship_manager redIcon"></span>
                    </div>

                    <div class="form-group col-md-4">
                        <label for="account_type" class="col-form-label required">Account Type</label>
                        <select class="form-control" name="account_type" id="account_type">
                            <option value="">Choose Account Type</option>
                            <option {{old("account_type") == "1" ? 'Selected':'' }} value="1">Postpaid</option>
                            <option {{old("account_type") == '0' ? 'Selected':'' }} value="0">Prepaid</option>
                        </select>
                        <span class="error-account_type redIcon"></span>
                    </div>

                    <div class="form-group col-md-4">
                        <label for="account_category" class="col-form-label required">Account Category</label>
                        <select class="form-control" name="account_category" id="account_category">
                            <option value=""> Choose Account Category </option>
                            @foreach($account_category as $key => $val)
                                <option {{ $key == old("account_category") ? 'Selected':'' }} value={{$key}}> {{$val}} </option>
                            @endforeach
                        </select>
                        <span class="error-account_category redIcon"></span>
                    </div>

                </div>


                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="state" class="col-form-label required">State</label>
                        <input type="text" name="state" id="state" value="{{ old('state') }}" class="form-control" placeholder="Enter State">
                        <span class="error-state redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="city" class="col-form-label required">City</label>
                        <input name="city" id="city" value="{{ old('city') }}" class="form-control" placeholder="Enter city">
                        <span class="error-city redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="pincode" class="col-form-label required ">Pincode</label>
                        <input name="pincode" id="pincode" value="{{ old('pincode') }}" class="form-control" placeholder="Enter Pincode">
                        <span class="error-pincode redIcon"></span>
                    </div>
                </div>


                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="boarding_status" class="col-form-label required">Boarding Status</label>
                        <select class="form-control" name="boarding_status" id="boarding_status" required>
                            <option {{old("boarding_status") == '1' ? 'Selected':'' }} value="1">Onboarded</option>
                            <option {{old("boarding_status") == '0' ? 'Selected':'' }} value="0">Not Onboarded</option>
                        </select>
                        <span class="error-boarding_status redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="sales_type" class="col-form-label required">Type of Sales</label>
                        <select class="form-control" name="sales_type" id="sales_type">
                            <option {{ "0" == old("sales_type") ? 'Selected':'' }} value="N">New </option>
                            <option {{ "1" == old("sales_type") ? 'Selected':'' }} value="R">Retention</option>
                        </select>
                        <span class="error-sales_type redIcon"></span>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="campaign_platforms" class="col-form-label required">Campaign Platforms</label>
                        <select class="form-control" name="campaign_platforms[]" multiple id="campaign_platforms">
                            @foreach($campaign_platforms as $key => $val)
                                @if($key!='transaction_otp_enabled')
                                    <option {{in_array($key, old("campaign_platforms")? : []) ? "selected": ""}}  value={{$key}}> {{$val}} </option>
                                @endif
                            @endforeach
                        </select>
                        <span class="error-campaign_platforms redIcon"></span>
                    </div>
                </div>

                <div id="selected_campaign_group">
                    <div class="form-row sms_campaign_data hide"></div>
                    <div class="form-row whatsapp_campaign_data hide"></div>
                    <div class="form-row rcs_campaign_data hide"></div>
                    
                    <div class="form-row feed_campaign_data hide" id="alphabet_data">
                        <div id="meta_data_div">
                            <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>
                                    </div>
                                </div>
                                <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">
                                        <input name="meta_page_id" type="text" class="form-control meta_page_id" id="meta_page_id" autocomplete="off">
                                    </div>
                                </div>
                                <br></br>
                                <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>
                                <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>
                    </div>
                </div>

                <div id="ip_section" class="form-row">

                    <div class='login_ip_section col-sm-3 mt-4'>
                        <p>Whitelist Ip (Optional)</p>
                        <section id="login_ip_section">
                            <div id="login_ip_element_0" class="mt-4" >
                                <input name='login_ip_address[]' id="login_ip_input_0" class="ip_address_input login_address_input" placeholder="Add IP Address" />
                                <i title="add ip address" data-index=0 data-type='login' id="addIpAddress" class="add_bt fa fa-plus-square greenIcon transactional_add"></i>
                            </div>
                            <p class='error-login_ip_address_0 redIcon'></p>
                        </section>
                        <p class="error-login_ip redIcon hide">Maximum Limit reached</p>
                    </div>

{{--
                    <div class='sms_api_ip_section col-sm-3 mt-4'>
                        <p>SMS IP</p>
                        <section id="sms_ip_section">
                            <div id="sms_ip_element_0" class="mt-4" >
                                <input name='sms_ip_address[]' id="sms_ip_input_0" class="ip_address_input sms_address_input" placeholder="Add IP Address" />
                                <i title="add ip address" data-index=0 data-type='sms' id="addIpAddress" class="add_bt fa fa-plus-square greenIcon transactional_add"></i>
                            </div>
                            <p class='error-sms_ip_address_0 redIcon'></p>
                        </section>
                        <p class="error-sms_ip redIcon hide">Maximum Limit reached</p>
                    </div>

                    <div class='rcs_api_ip_section col-sm-3 mt-4'>
                        <p>RCS API IP</p>
                        <section id="rcs_ip_section">
                            <div id="rcs_ip_element_0" class="mt-4" >
                                <input name='rcs_ip_address[]' id="rcs_ip_input_0" class="ip_address_input rcs_address_input" placeholder="Add IP Address" />
                                <i title="add ip address" data-index=0 data-type='rcs' id="addIpAddress" class="add_bt fa fa-plus-square greenIcon transactional_add"></i>
                            </div>
                            <p class='error-rcs_ip_address_0 redIcon'></p>
                        </section>
                        <p class="error-rcs_ip redIcon hide">Maximum Limit reached</p>
                    </div>

                    <div class='whatsapp_api_ip_section col-sm-3 mt-4'>
                        <p>Whatsapp API IP</p>
                        <section id="whatsapp_ip_section">
                            <div id="whatsapp_ip_element_0" class="mt-4" >
                                <input name='whatsapp_ip_address[]' id="whatsapp_ip_input_0" class="ip_address_input whatsapp_address_input" placeholder="Add IP Address" />
                                <i title="add ip address" data-index=0 data-type='whatsapp' id="addIpAddress" class="add_bt fa fa-plus-square greenIcon transactional_add"></i>
                            </div>
                            <p class='error-whatsapp_ip_address_0 redIcon'></p>
                        </section>
                        <p class="error-whatsapp_ip redIcon hide">Maximum Limit reached</p>
                    </div> --}}

                </div>

                @can('hasAddPermission')
                    <div class="form-row d-flex justify-content-center">
                        <button type="submit" id="createmaster" class="btn btn-primary">Submit</button>
                    </div>
                @endcan
            </form>
        </div>
    </div>

</div>

<script>
    var csrfToken = "{{ csrf_token() }}";
    const min_data_cps = {
        'min_raw_data_cps': Number('{{env('min_whatsapp_cps')}}'),
        'min_my_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_whistle_smart_data_cps': Number('{{env('min_whatsapp_cps')}}'),
        'min_pincode_data_cps': Number('{{env('min_whatsapp_cps')}}'),
        'min_whistle_smart_phone_data_cps': Number('{{env('min_whatsapp_cps')}}'),
        'min_api_mydata_cps': Number('{{env('min_whatsapp_cps')}}'),
        'min_july_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_bdl_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_bdl_usa_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_bdl_usa_my_data_cps' : Number('{{env('min_whatsapp_cps')}}'),

        'min_raw_data_cps_numeric': Number('{{env('min_whatsapp_cps')}}'),
        'min_my_data_cps_numeric' : Number('{{env('min_whatsapp_cps')}}'),
        'min_whistle_smart_data_cps_numeric': Number('{{env('min_whatsapp_cps')}}'),
        'min_pincode_data_cps_numeric': Number('{{env('min_whatsapp_cps')}}'),
        'min_whistle_smart_phone_data_cps_numeric': Number('{{env('min_whatsapp_cps')}}'),
        'min_api_mydata_cps_numeric': Number('{{env('min_whatsapp_cps')}}'),
        'min_july_data_cps_numeric' : Number('{{env('min_whatsapp_cps')}}'),
        'min_bdl_data_cps_numeric' : Number('{{env('min_whatsapp_cps')}}'),
        'min_bdl_usa_data_cps_numeric' : Number('{{env('min_whatsapp_cps')}}'),
        'min_bdl_usa_my_data_cps_numeric' : Number('{{env('min_whatsapp_cps')}}'),
        
        'min_rcs_my_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_raw_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_whistle_smart_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_whistle_smart_phone_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_bdl_usa_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_bdl_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_bdl_usa_my_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_july_2022_data_cps': Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_android_read_data_cps':  Number('{{env('min_whatsapp_cps')}}'),
        'min_rcs_pincode_data_cps': Number('{{env('min_whatsapp_cps')}}'),

        'min_wa_raw_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_my_data_cps'  : Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_whistle_smart_data_cps':  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_api_data_cps' : Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_bdl_usa_data_cps':  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_bdl_usa_my_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_mobile_smart_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_july_2022_data_cps' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_pincode_data_cps'  :  Number('{{env('min_whatsapp_cps')}}'),

        'min_wa_raw_data_cps_trans' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_my_data_cps_trans'  : Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_whistle_smart_data_cps_trans':  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_api_data_cps_trans' : Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_bdl_usa_data_cps_trans':  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_bdl_usa_my_data_cps_trans' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_mobile_smart_data_cps_trans' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_july_2022_data_cps_trans' :  Number('{{env('min_whatsapp_cps')}}'),
        'min_wa_pincode_data_cps_trans'  :  Number('{{env('min_whatsapp_cps')}}'),
    };
</script>

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