@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Saarthi.AI DB /</span> TeleCalling / <span style="font-size: 18px;">{{$user_details->name}}</span></h4>
              <div class="mt-2 mb-4">
                  <a type="submit" href="{{route('superadmin.saarthitelecallinglist')}}" title="Back To Telecalling List" class="btn btn-outline-secondary me-2">Back To Tl Calling List</a>
  						    <a type="submit" href="{{route('superadmin.saarthiuserlist')}}" title="Back To User List" class="btn btn-outline-secondary me-2">Back To User List</a>
                  <a type="submit" href="{{route('superadmin.saarthiuserview', $user_details->id)}}" title="Back To User Detail" class="btn btn-outline-secondary me-2">Back To User Detail</a>
                  <button type="button" style="float:right;" class="btn btn-primary opencallmodal" data-bs-toggle="modal" data-bs-target="#Modaldate">Add New</button>
              </div>
			        <!-- Horizontal -->
              <div class="row mb-3">
  				      <div class="card ">
                  <div class="table-responsive text-nowrap mb-3 mt-3">
                    <table class="table table-bordered">
                      <thead>
                        <tr>                       
                          <th>Telecaller</th>
  						            <th>Call Status</th>
                          <th>Sub Status</th>
                          <th>Tags</th>
                          <th>Follow Up</th>
                          <th>Remark</th>
                          <th>Date</th>
                        </tr>
                      </thead>
                      <tbody class="table-border-bottom-0">
                        @foreach($user_telecalling as $tl)

                                                  <tr>
                            <td>{{$tl->name}} </td>
                            <td>{{$tl->status}} </td>
                            <td>{{$tl->sub_status}} </td>
                             <td>{{$tl->tags}} </td>
                             <td>
                              @if(!empty($tl->follow_up_date))
                              {{ \Carbon\Carbon::parse($tl->follow_up_date)->format('d-M-Y @ H:i:s')}}
                              @endif
                             </td>
                            <td>{{$tl->remark}} 
                              @if(!empty($tl->interested_products))
                                <br/>
                                 <strong>Interested Products :</strong> {{$tl->interested_products}}

                              @endif
                              @if(!empty($tl->enquiry_detail))
                                <br/>
                                <a href="{{$enquiry_link}}"> {{$tl->enquiry_detail}} </a>

                              @endif
                            </td>
                            <td>{{ \Carbon\Carbon::parse($tl->created_at)->format('d-M-Y @ H:i:s')}}</td>
                          </tr>
                        @endforeach               
                      </tbody>
                    </table>
                  </div>
                   {{ $user_telecalling->links("pagination::bootstrap-4") }}				
                </div>
              </div>
              <!-- / Content -->
            </div>
          </div>
          <div class="modal fade" id="Modaldate" tabindex="-1" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <form action="{{ url('superadmin/saarthiusertelecallingupdate') }}" method="POST">
                  @csrf
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel1">TeleCalling Status Add</h5>
                      <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      ></button>
                    </div>
                    <div class="modal-body">
                      <div class="row">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Status</label>
                       
                          <select id="status" class="select2 form-select telecalling_status_select" name="status" required>
                            <option value="">Select</option>
                            @foreach($telecallingstatus as $tls)
                            <option value="{{$tls->id_telecallingstatus}}" @if($tls->id_telecallingstatus ==22 && $user_details->main_user_id >0) disabled @endif>{{$tls->status}}</option>
                            @endforeach 
                          </select>
                        </div>             
                      </div>

                      <div class="row sub_status_selection" style="display: none;">
                        <div class="col mb-3">
                         <label for="nameBasic" class="form-label">Sub Status</label>
                        
                           <select id="sub_status_id" class="select2 form-select sub_status_id" name="sub_status_id">
                             <option value="">Select</option>
                             @foreach($telecalling_substatus as $tls)
                             <option value="{{$tls->id}}" main_status_id="{{$tls->main_status_id}}">{{$tls->status}}</option>
                             @endforeach 
                           </select>
                         </div>             
                       </div>

                      <div class="row generate_enquiry_product" style="display:none;">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Interested Products</label>                      
                          <select id="status" class="select2 form-select enquiry_product_select" multiple name="interested_products[]">                                                  
                            <option value="Life insurance">Life insurance</option>
                            <option value="Health insurance">Health insurance</option>
                            <option value="General insurance">General insurance</option>
                            <option value="Homeloan">HomeLoan</option>
                            <option value="Lap">LAP</option>                           
                            <option value="Business financing">Business financing</option>
                            <option value="Personal loan">Personal Loan</option>
                            <option value="Business loan">Business Loan</option>
                            <option value="Credit_card">Credit Card</option>
                            <option value="Pms">PMS</option>
                            <option value="Aif">AIF</option>
                            <option value="Stock market">Stock Market</option>
                            <option value="Fis">FIS</option>
                            <option value="Ai deals">AI Deals</option>
                            <option value="Ib deals">IB Deals</option>
                            <option value="All">All</option>
                          </select>
                        </div>             
                      </div>
                      <div class="row generate_enquiry_products" style="display:none;">
                        <div class="col mb-3">
                         <label for="nameBasic" class="form-label">Enquiry Product</label>
                        
                           <select id="status" class="select2 form-select generate_enquiry_product_select" name="enquiry_product">
                             <option value="">Select</option>
                            @if($user_details->sub_type=='loan' || 1==1)
                             <option value="homeloan-document-process">HomeLoan enquiry</option>
                             <option value="lap-document-process">LAP enquiry</option>
                             
                             <option value="pf-document-process">Business financing enquiry</option>
                             <option value="pl-document-process">Personal Loan enquiry</option>
                             <option value="bl-document-process">Business Loan enquiry</option>
                             <option value="cc-document-process">Credit Card enquiry</option>
                            @endif

                            @if($user_details->sub_type=='insurance' || 1==1)
                            <option value="life_insurance_process">Life insurance enquiry</option>
                            <option value="health_insurance_process">Health insurance enquiry</option>
                            <option value="general_insurance_process">General insurance enquiry</option>
                            @endif

                            <option value="pms_enquiry_add_form">PMS</option>
                            <option value="aif_enquiry_add_form">AIF</option>
                            <option value="stock_enquiry_add_form">Stock Market</option>
                            <option value="fis_enquiry_add_form">Fis</option>
                            <option value="ai_dealenquiry_process">Ai Deals</option>
                            <option value="ib_dealenquiry_process">Ib Deals</option>
                          
                           </select>
                         </div>             
                       </div>
                      <input type="hidden" name="user_id" value="{{ $user_details->id }}">
                      <div class="row enquiry_follow_up">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Follow Up Time</label>
                          <input name="follow_up_date" type="datetime-local" class="form-control follow_up_date"></textarea>
                        </div>             
                      </div>
                      <div class="row row_tags" style="display: none;">
                       <div class="col mb-3">
                          <label for="nameBasic" class="form-label">Tags</label>
                          @foreach($tags as $tag)
                              <label class="tag_label tags_{{str_replace(' ', '', strtolower($tag->tag))}}"> <input type="checkbox" name="tags[]" value="{{$tag->tag}}">&nbsp;{{$tag->tag}}</option></label>
                          @endforeach 
                        </div>             
                      </div>
                      <div class="row">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Remark</label>
                          <textarea name="remark" class="form-control" required></textarea>
                        </div>             
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                  </div>
              </form>
            </div>
          </div>
        

<script>
  $(document).ready(function(){
    $("#myTab a").click(function(e){
      e.preventDefault();
      $(this).tab('show');
    });
     $(".telecalling_status_select").change(function(e){
     var vl = $(this).val();
     if(vl ==4) {
      $('.follow_up_date').attr('readonly', 'readonly');
      $('.follow_up_date').val('');
     }
     else {
      $('.follow_up_date').removeAttr('readonly');
     }
     
    });

    $(".telecalling_status_select").change(function(e){
     var vl = $(this).val();
     if(vl ==13) {
      $('.generate_enquiry_product').show();
      $('.generate_enquiry_product select').val('');
     
     }
     else {
       $('.generate_enquiry_product').hide();
      $('.generate_enquiry_product select').val('');
     

     }
     
    });
  });

  $(".telecalling_status_select").change(function(e){
     var vl = $(this).val();
     if(vl ==23) {
      $('.generate_enquiry_products').show();
      $('.generate_enquiry_products select').val('');
      $('.enquiry_follow_up').hide();
     }
     else {
       $('.generate_enquiry_products').hide();
      $('.generate_enquiry_products select').val('');
      $('.enquiry_follow_up').show();

     }

     $('.sub_status_selection').hide();
     $('.sub_status_id').val('');
     $('.sub_status_id').removeAttr('required');
     $("input[name='tags[]']").prop("checked", false);
     $('.row_tags').hide();

     let status_index = 1;
      $('.sub_status_id option').each(function() {
            if ($(this).attr('main_status_id') === vl) {
                $('.sub_status_selection').show();
                $(this).show(); 
                $('.sub_status_id').attr('required', 'required');
            } else {
                $(this).hide(); // Hide option if main_status_id doesn't match
                if($(this).attr('value')=='') {
                  $(this).show(); 
                }
            }
      });
     
    });

    $(".sub_status_id").change(function(e){
      var vll= $(this).val();
      $('.row_tags').hide();
      $("input[name='tags[]']").prop("checked", false);
      if(vll ==23) {
        $('.row_tags').show();
      }
    });
</script>

@if(request()->has('newcall') && request()->input('newcall') == 1)
  <script>
    $(document).ready(function(){
        $('.opencallmodal').trigger('click');
    });
  </script>
@endif
<style type="text/css">
  label.tag_label {
    border: none;
    padding: 10px;
    margin: 0 0 10px;
    display: inline-block;
    border-radius: 20px;
    cursor: pointer;
    color: #000;
}
</style>
@endsection