@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@include('panels.page-title')

{{-- vendor style --}}
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2-materialize.css')}}">
@endsection

@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/form-select2.css')}}">
<style>
  .d-none{
    display: none;
  }
  .all_radio_btn {
    display: flex;
    justify-content: space-between;
    margin-top:20px;
}
  </style>
@endsection

{{-- page content --}}
@section('content')
<div class="section">
  <div class="card">
    
  </div>

  <!-- HTML VALIDATION  -->


  <div class="row">
    <div class="col s12">
      <div id="validations" class="card card-tabs">
        <div class="card-content">
          <div class="card-title">
            <div class="row">
              <div class="col s12 m6 l10">
                
              </div>
            </div>
          </div>
          <div id="view-validations">
            @include('panels.flashMessages')
            @if(isset($company_result))
            <form class="formValidate" action="{{route('company.update',$company_result->id)}}" id="formValidateCompany" method="post">
            {!! method_field('patch') !!}
            @else
            <form class="formValidate" action="{{route('company.store')}}" id="formValidateCompany" method="post">
            @endif
            @csrf()
              <div class="row">
                <div class="input-field col m6 s12">
                  <label for="company_name">{{__('locale.company_name')}}*</label>
                  <input id="company_name" class="validate" name="company_name" type="text" data-error=".errorTxt1" value="{{(isset($company_result->company_name)) ? $company_result->company_name : old('company_name')}}">
                  <small class="errorTxt1"></small>
                </div>
                <div class="input-field col m6 s12">
                  <label for="company_code">{{__('locale.company_code')}}*</label>
                  <input id="company_code" type="text" name="company_code" data-error=".errorTxt2" value="{{(isset($company_result->company_code)) ? $company_result->company_code : old('company_code')}}">
                  <small class="errorTxt2"></small>
                </div>
                <div class="input-field col s12">
                  <label for="address1">{{__('locale.address1')}}*</label>
                  <input id="address1" type="text" name="address1" data-error=".errorTxt3" value="{{(isset($company_result->address1)) ? $company_result->address1 : old('address1')}}">
                  <small class="errorTxt3"></small>
                </div>
                <div class="input-field col s12">
                  <label for="address2">{{__('locale.address2')}}</label>
                  <input id="address2" type="text" name="address2" data-error=".errorTxt4" value="{{(isset($company_result->address2) && $company_result->address2!='NULL') ? $company_result->address2 : old('address2')}}">
                  <small class="errorTxt4"></small>
                </div>
                <div id="view-select2">
                  <div class="">
                    <div class="col m4 s12">
                      
                      <label>{{__('locale.country')}}</label>
                      <div class="input-field">
                        <select class="select2 browser-default" id="country" name="country">
                          <option value="square">Select Country</option>
                          @if(isset($countries) && !empty($countries))
                            @foreach ($countries as $country_value)
                              <option value="{{$country_value->id}}">{{$country_value->name}}</option>
                            @endforeach
                          @endif
                        </select>
                        
                
                      </div>
                    </div>
                    <div class="col m4 s12">
                      <label>{{__('locale.state')}} *</label>
                      <div class="input-field">
                        <select class="select2 browser-default" id="state" name="state">
                          <option value="square">Select State</option>
                          @if(isset($company_result->state) && isset($states) && !empty($states))
                            @foreach ($states as $state_value)
                              <option value="{{$state_value->id}}">{{$state_value->name}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>
                    </div>

                    <div class="col m4 s12">
                      <label>{{__('locale.city')}} *</label>
                      <div class="input-field">
                        <select class="select2 browser-default" id="city" name="city">
                          <option value="square">Select City</option>
                          @if(isset($company_result->city) && isset($cities) && !empty($cities))
                            @foreach ($cities as $city_value)
                              <option value="{{$city_value->id}}">{{$city_value->name}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>
                    </div>



                  </div>
                </div>
                <!-- <div class="col m4 s12">
                  <label for="country">{{__('locale.country')}} *</label>
                  <div class="input-field">
                    <select class="error select2" id="country" name="country" data-error=".errorTxt6">
                      <option value="">Choose {{__('locale.country')}}</option>
                      @if(isset($countries) && !empty($countries))
                        @foreach ($countries as $country_value)
                          <option value="{{$country_value->id}}">{{$country_value->name}}</option>
                        @endforeach
                      @endif
                    </select>
                    <small class="errorTxt6"></small>
                  </div>
                </div> -->
                <!-- <div class="col m4 s12">
                  <label for="state">{{__('locale.state')}} *</label>
                  <div class="input-field">
                    <select class="error" id="state" name="state" data-error=".errorTxt7">
                      <option value="">Choose {{__('locale.state')}}</option>
                      @if(isset($company_result->state) && isset($states) && !empty($states))
                        @foreach ($states as $state_value)
                          <option value="{{$state_value->id}}">{{$state_value->name}}</option>
                        @endforeach
                      @endif
                    </select>
                    <small class="errorTxt7"></small>
                  </div>
                </div> -->
                <!-- <div class="col m4 s12">
                  <label for="city">{{__('locale.city')}} *</label>
                  <div class="input-field">
                    <select class="error" id="city" name="city" data-error=".errorTxt8">
                      <option value="">Choose {{__('locale.city')}}</option>
                      @if(isset($company_result->city) && isset($cities) && !empty($cities))
                        @foreach ($cities as $city_value)
                          <option value="{{$city_value->id}}">{{$city_value->name}}</option>
                        @endforeach
                      @endif
                    </select>
                    <small class="errorTxt8"></small>
                  </div>
                </div> -->
                <!-- <div class="input-field col m4 s12">
                  <label for="country">{{__('locale.country')}}*</label>
                  <input id="country" type="text" name="country" data-error=".errorTxt6" value="{{(isset($company_result->country) && $company_result->country!='NULL') ? $company_result->country : old('country')}}">
                  <small class="errorTxt6"></small>
                </div>
                <div class="input-field col m4 s12">
                  <label for="state">{{__('locale.state')}}*</label>
                  <input id="state" type="text" name="state" data-error=".errorTxt7" value="{{(isset($company_result->state) && $company_result->state!='NULL') ? $company_result->state : old('state')}}">
                  <small class="errorTxt7"></small>
                </div>
                <div class="input-field col m4 s12">
                  <label for="city">{{__('locale.city')}}*</label>
                  <input id="city" type="text" name="city" data-error=".errorTxt7" value="{{(isset($company_result->city) && $company_result->city!='NULL') ? $company_result->city : old('city')}}">
                  <small class="errorTxt7"></small>
                </div>
                -->
                <div class="input-field col m6 s12">
                  <label for="pincode">{{__('locale.pin')}} *</label>
                  <input id="pincode" type="text" name="pincode" data-error=".errorTxt9" oninput="this.value=this.value.replace(/[^0-9.,]/g,'');" value="{{(isset($company_result->pincode)) ? $company_result->pincode : old('pincode')}}">
                  <small class="errorTxt9"></small>
                </div>
                <div class="input-field col m6 s12">
                  <label for="dob">{{__('locale.licence_valid_till')}} *</label>
                  <input type="text" class="datepicker" id="dob" name="licence_valid_till" data-error=".errorTxt10" value="{{(isset($company_result->licence_valid_till)) ? $company_result->licence_valid_till : old('licence_valid_till')}}">
                  <small class="errorTxt10"></small>
                </div>
                <div class="input-field col m6 s12">
                  <label for="contact_person">{{__('locale.contact_person')}} *</label>
                  <input id="contact_person" type="text" name="contact_person" data-error=".errorTxt11" value="{{(isset($company_result->contact_person)) ? $company_result->contact_person : old('contact_person')}}">
                  <small class="errorTxt11"></small>
                </div>
                <div class="input-field col m6 s12">
                  <label for="contact_mobile">{{__('locale.contact_mobile')}} *</label>
                  <input id="contact_mobile" type="text" name="contact_mobile" data-error=".errorTxt12" oninput="this.value=this.value.replace(/[^0-9.,]/g,'');" value="{{(isset($company_result->contact_mobile)) ? $company_result->contact_mobile : old('contact_mobile')}}">
                  <small class="errorTxt12"></small>
                </div>

    

                <div class="input-field col m6 s12">
                  <label for="phone_no">{{__('locale.phone_no')}}</label>
                  <input id="phone_no" type="text" name="phone_no" data-error=".errorTxt12" value="{{(isset($company_result->phone_no)) ? $company_result->phone_no : old('phone_no')}}">
                  <small class="errorTxt12"></small>
                </div>
       
                
                <div class="input-field col m6 s12">
                    <select name="blocked" id="blocked">
                    <option value="1">{{__('locale.blocked')}}</option>
                    <option value="0">{{__('locale.unblocked')}}</option>
                    </select>
                    <label>{{__('locale.blocked')}}</label>
                </div>


                <div class="input-field col m6 s12">
                                    <p> <label>{{__('locale.e-invoice via')}}</label></p>
                  <div class="all_radio_btn" >
                  @foreach ($send_option as $val)

                
                 <p>
                      <label>
                          <input type="radio" name="send_by" value="{{$val}}" {{ (!empty($send_by_arr) && $val==$send_by_arr )  ? 'checked' : ''}} required>
                          <span>{{ ucfirst($val) }}</span>
                          @error('send_by')
                          <div class="alert-danger">{{$message}}</div>
                          @enderror
                      </label>
                    </p>
                    @endforeach
                  </div>
                  
                </div>

                                
               
              </div>
              <div class="row">
                  <div class="input-field sms-div {{ (isset($company_result->send_by) && in_array($company_result->send_by,['SMS','Both'])) ? '' : 'd-none' }}" id="SMS-section">
                   
                    <div class="col m12 s12"> <h6>SMS</h6></div>
                    <div class="input-field col m6 s12">

                      <label for="api_url">{{ __('locale.SMS API url') }} *</label>
                      
                      <div class="input-field">
                          <input type="text" id="api_url" name="sms_detail[api_url]" class="form-control" placeholder="Enter SMS API url" value="{{ isset($comp['api_url']) ? $comp['api_url'] : '' }}">
                      </div>
                      
                    </div>

                    <div class="input-field col m6 s12">

                        <label for="sms_user">{{ __('locale.SMS user') }} *</label>

                        <div class="input-field">
                            <input type="text" id="sms_user" name="sms_detail[sms_user]" class="form-control" placeholder="Enter SMS user" value="{{ isset($comp['sms_user']) ? $comp['sms_user'] : '' }}">
                        </div>
                    </div>

                    <div class="input-field col m6 s12">

                        <label for="sms_key">{{ __('locale.SMS key') }} *</label>
                        <div class="input-field">
                            <input type="text" id="sms_key" name="sms_detail[sms_key]" class="form-control" placeholder="Enter SMS key" value="{{ isset($comp['sms_key']) ? $comp['sms_key'] : '' }}">
                        </div>

                    </div>

                    <div class="input-field col m6 s12">

                        <label for="mesage">{{ __('locale.mesage') }} *</label>

                        <div class="input-field">
                            <input type="text" id="mesage" name="sms_detail[mesage]" class="form-control" placeholder="Enter Mesage" value="{{ isset($comp['mesage']) ? $comp['mesage'] : '' }}">
                        </div>
                    </div>
                    <div class="input-field col m6 s12">

                      <label for="senderid">{{ __('locale.senderid') }} *</label>

                      <div class="input-field">
                          <input type="text" id="senderid" name="sms_detail[senderid]" class="form-control" placeholder="Enter Senderid" value="{{ isset($comp['senderid']) ? $comp['senderid'] : '' }}">
                      </div>
                    </div>

                    <div class="input-field col m6 s12">

                      <label for="dlt_number">{{ __('locale.DLT Number') }} *</label>

                      <div class="input-field">
                          <input type="text" id="dlt_number" name="sms_detail[dlt_number]" class="form-control" placeholder="Enter DLT Number" value="{{ isset($comp['dlt_number']) ? $comp['dlt_number'] : '' }}">
                      </div>
                    </div>

                    <div class="input-field col m'dlt_number'  m12 s12">

                      <label for="Dlt_temp_id">{{ __('locale.DLT Template id') }} *</label>

                      <div class="input-field">
                          <input type="text" id="Dlt_temp_id" name="sms_detail[dlt_temp_id]" class="form-control" placeholder="Enter DLT Template id" value="{{ isset($comp['dlt_temp_id']) ? $comp['dlt_temp_id'] : '' }}">
                      </div>
                    </div>

                  </div>

                  
                  <!-- whatsapp -->
                  <div class="input-field sms-div {{ (isset($company_result->send_by) && in_array($company_result->send_by,['WhatsApp','Both'])) ? '' : 'd-none' }}" id="WhatsApp-section">
                    <div class="col m12 s12"><h6>WhatsApp</h6></div>
                    <div class="input-field col m6 s12">
                      <label for="apiUrl">{{ __('locale.apiUrl') }} *</label>
                      <div class="input-field">
                          <input type="text" id="apiUrl" name="whatsup_detail[apiUrl]" class="form-control" placeholder="Enter API Url" value="{{ isset($comp_wp['apiUrl']) ? $comp_wp['apiUrl'] : '' }}">
                      </div>
                    </div>
                    <div class="input-field col m6 s12">
                      <label for="wanumber">{{ __('locale.wanumber') }} *</label>
                      <div class="input-field">
                          <input type="text" id="wanumber" name="whatsup_detail[wanumber]" class="form-control" placeholder="Enter WA Number" value="{{ isset($comp_wp['wanumber']) ? $comp_wp['wanumber'] : '' }}">
                      </div>
                    </div>
                    <div class="input-field col m6 s12">
                      <label for="apikey">{{ __('locale.apikey') }} *</label>
                      <div class="input-field">
                          <input type="text" id="apikey" name="whatsup_detail[apikey]" class="form-control" placeholder="Enter API Key" value="{{ isset($comp_wp['apikey']) ? $comp_wp['apikey'] : '' }}">
                      </div>
                    </div>

                    <div class="input-field col m6 s12">
                      <label for="messaging_product">{{ __('locale.messaging_product') }} *</label>
                      <div class="input-field">
                          <input type="text" id="messaging_product" name="whatsup_detail[messaging_product]" class="form-control" placeholder="Enter Messaging Product" value="{{ isset($comp_wp['messaging_product']) ? $comp_wp['messaging_product'] : '' }}">
                      </div>
                    </div>

                    


                    <div class="input-field col m6 s12">

                        <label for="recipient_type">{{ __('locale.recipient_type') }} *</label>

                        <div class="input-field">
                            <input type="text" id="recipient_type" name="whatsup_detail[recipient_type]" class="form-control" placeholder="Enter Recipient Type" value="{{ isset($comp_wp['recipient_type']) ? $comp_wp['recipient_type'] : '' }}">
                        </div>
                    </div>

                    <div class="input-field col m6 s12">

                      <label for="type">{{ __('locale.type') }} *</label>

                      <div class="input-field">
                          <input type="text" id="type" name="whatsup_detail[type]" class="form-control" placeholder="Enter Type" value="{{ isset($comp_wp['type']) ? $comp_wp['type'] : '' }}">
                      </div>
                    </div>
                    <div class="input-field col m6 s12">

                      <label for="template_name">{{ __('locale.template_name') }} *</label>

                      <div class="input-field">
                          <input type="text" id="template_name" name="whatsup_detail[template_name]" class="form-control" placeholder="Enter Template name" value="{{ isset($comp_wp['template_name']) ? $comp_wp['template_name'] : '' }}">
                      </div>
                    </div>
                    {{--
                    <div class="input-field col m6 s12">

                        <label for="preview_url">{{ __('locale.preview_url') }} *</label>

                        <div class="input-field">
                            <input type="text" id="preview_url" name="whatsup_detail[preview_url]" class="form-control" placeholder="Enter Preview  Url" value="{{ isset($comp_wp['preview_url']) ? $comp_wp['preview_url'] : '' }}">
                        </div>
                    </div>
                    <div class="input-field col m6 s12">

                      <label for="to">{{ __('locale.to') }} *</label>

                      <div class="input-field">
                          <input type="text" id="to" name="whatsup_detail[to]" class="form-control" placeholder="Enter To" value="{{ isset($comp_wp['to']) ? $comp_wp['to'] : '' }}">
                      </div>
                    </div>
                    

                    

                    <div class="input-field col m6 s12">

                      <label for="text">{{ __('locale.text') }} *</label>

                      <div class="input-field">
                          <input type="text" id="text" name="whatsup_detail[text]" class="form-control" placeholder="Enter Text" value="{{ isset($comp_wp['text']) ? $comp_wp['text'] : '' }}">
                      </div>
                    </div>
                    --}}

                  </div>
                  <div class="input-field col s12">
                    <button class="btn waves-effect waves-light right submit" type="submit" name="action">Submit
                      <i class="material-icons right">send</i>
                    </button>
                  </div>
                </div>

            </form>
          </div>
          
        </div>
      </div>
    </div>
  </div>

</div>

@endsection

{{-- vendor script --}}
@section('vendor-script')
<script src="{{asset('vendors/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('vendors/select2/select2.full.min.js')}}"></script>
@endsection

{{-- page script --}}
{{--
@section('page-script')
<script src="{{asset('js/scripts/form-select2.js')}}"></script>
@endsection
--}}

{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/form-validation.js')}}"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script>
  window.onload=function(){
    var country_value = "{{(isset($company_result->country) && $company_result->country!='NULL') ? $company_result->country : old('country')}}";
    var state_value = "{{(isset($company_result->state) && $company_result->state!='NULL') ? $company_result->state : old('state')}}";
    var city_value = "{{(isset($company_result->city) && $company_result->city!='NULL') ? $company_result->city : old('state')}}";
    var blocked = "{{(isset($company_result->blocked) && $company_result->blocked!='NULL') ? $company_result->blocked : 1}}";
    console.log(country_value,state_value);
    // $('#country').val(country_value);
    // $('#country').select2().select2('val', country_value)
    $('#country').val(country_value).trigger('change');
    $('#state').val(state_value).trigger('change');
    $('#city').val(city_value).trigger('change');
    // $('#country').formSelect();
    // $('#state').val(state_value);
    // $('#state').formSelect();
    // $('#city').val(city_value);
    // $('#city').formSelect();
    $('#blocked').val(blocked);
    $('#blocked').formSelect();
  }
    $(document).ready(function () {

      $('input[name=send_by]').click(function(){
        let sectionId = $(this).val();
        let section = $(this).val()+'-section';
        $('.sms-div').addClass('d-none');
        if(sectionId=='Both'){
          $('.sms-div').removeClass('d-none');
        }else{
          $('#'+section).removeClass('d-none');
        }
      });


            $('#formValidateCompany').submit(function(event) {
                event.preventDefault(); // Prevent form submission
                $('.error-message').remove();
                // Validation logic
                let sendBy = $('input[name=send_by]:checked').val();
                let isValid = true;

                if (sendBy == 'SMS' || sendBy == 'Both') {
                    $('#SMS-section input').each(function() {
                        if ($(this).val() === '') {
                            isValid = false;
                            // alert('Please fill out all required SMS fields.');
                            $(this).after('<span class="error-message" style="color: red;">Please fill out all required SMS fields.</span>');
                            return false; // Break the loop
                        }
                    });
                }

                if (sendBy == 'WhatsApp' || sendBy == 'Both') {
                    $('#WhatsApp-section input').each(function() {
                        if ($(this).val() === '') {
                            isValid = false;
                            // alert('Please fill out all required WhatsApp fields.');
                            $(this).after('<span class="error-message" style="color: red;">Please fill out all required WhatsApp fields.</span>');

                            return false; // Break the loop
                        }
                    });
                }

                if (isValid) {
                    // Proceed with form submission
                    this.submit();
                }
            });
      
            // Show/Hide sections based on the selected radio button
            $('input[name=send_by]').change(function() {
                let sendBy = $(this).val();
                $('.sms-div').addClass('d-none');
                if (sendBy == 'Both') {
                    $('#SMS-section').removeClass('d-none');
                    $('#WhatsApp-section').removeClass('d-none');
                } else if (sendBy == 'SMS') {
                    $('#SMS-section').removeClass('d-none');
                } else if (sendBy == 'WhatsApp') {
                    $('#WhatsApp-section').removeClass('d-none');
                }
            });

      $(".select2").select2({
          /* the following code is used to disable x-scrollbar when click in select input and
          take 100% width in responsive also */
          dropdownAutoWidth: true,
          width: '100%',
      });
      
      $('#country').select2({})
        .on("select2:select", function (e) {
        console.log("select2:select")
        var data = e.params.data;
        console.log(data.id);
          $.ajax({
            url: "{{url('api/user-fetch-states')}}",
            type: "POST",
            data: {
                country_id: data.id,
                _token: '{{csrf_token()}}'
            },
            dataType: 'json',
            
            success: function (result) {
              console.log(result);
                $('#state').html('<option value="">Select State</option>');
                $.each(result.states, function (key, value) {
                    $("#state").append('<option value="' + value
                        .id + '">' + value.name + '</option>');
                });
                $('#state').formSelect();
                $('#city').html('<option value="">Select City</option>');
            }
        });
      });

      $('#state').select2({})
        .on("select2:select", function (e) {
        console.log("select2:select")
        var data = e.params.data;
        console.log(data.id);
        $.ajax({
            url: "{{url('api/user-fetch-cities')}}",
            type: "POST",
            data: {
                state_id: data.id,
                _token: '{{csrf_token()}}'
            },
            dataType: 'json',
            success: function (res) {
                $('#city').html('<option value="">Select City</option>');
                $.each(res.cities, function (key, value) {
                    $("#city").append('<option value="' + value
                        .id + '">' + value.name + '</option>');
                });
                $('#city').formSelect();
            }
        });
      });
      
      // $('#country').on('select2:select', function (e) {
      //     var data = e.params.data;
      //     console.log(data);
      // });

        /*$('#country').on('change', function () {
            var idCountry = this.value;
            console.log(idCountry);
            $("#state").html('');
            $.ajax({
                url: "{{url('api/user-fetch-states')}}",
                type: "POST",
                data: {
                    country_id: idCountry,
                    _token: '{{csrf_token()}}'
                },
                dataType: 'json',
                success: function (result) {
                    $('#state').html('<option value="">Select State</option>');
                    $.each(result.states, function (key, value) {
                        $("#state").append('<option value="' + value
                            .id + '">' + value.name + '</option>');
                    });
                    $('#state').formSelect();
                    $('#city').html('<option value="">Select City</option>');
                }
            });
        });*/
        // $('#state').on('change', function () {
        //     var idState = this.value;
        //     $("#city").html('');
        //     $.ajax({
        //         url: "{{url('api/user-fetch-cities')}}",
        //         type: "POST",
        //         data: {
        //             state_id: idState,
        //             _token: '{{csrf_token()}}'
        //         },
        //         dataType: 'json',
        //         success: function (res) {
        //             $('#city').html('<option value="">Select City</option>');
        //             $.each(res.cities, function (key, value) {
        //                 $("#city").append('<option value="' + value
        //                     .id + '">' + value.name + '</option>');
        //             });
        //             $('#city').formSelect();
        //         }
        //     });
        // });
    });
</script>
@endsection