@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">Leads /</span> TeleCalling/ <span style="font-size: 18px;">{{$user_details->firstname}} {{$user_details->lastname}}</span></h4>
              <div class="mt-2 mb-4">
                  <a type="submit" href="{{route('superadmin.landingpageleadstelecallinglist')}}" title="Back To Telecalling List" class="btn btn-outline-secondary me-2">Back To Tl Calling List</a>
  						    <a type="submit" href="{{route('superadmin.landingpageleads')}}" title="Back To Leads" class="btn btn-outline-secondary me-2">Back To Leads</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 -->
              @if(request('sameusererror') == 1)
    <div class="alert alert-warning">There is a duplicate user with the same email or phone number. <a  data-bs-toggle="modal" href="" data-bs-target="#Modaldsameuser">Click Here</a> to view.</div>
@endif
              <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>State</th>
                          <th>City</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>{{$tl->state_name}}</td>
                            <td>{{$tl->city_name}}</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/landingpageleadstelecallinglistupdate') }}" 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)
                            @if($tls->id_telecallingstatus ==22 && ($user_details->main_user_id <1 || empty($user_details->main_user_id )))                            
                              <option value="{{$tls->id_telecallingstatus}}" disabled style="color:red">{{$tls->status}} - (Please create the user first before using this feature)</option>
                            @else
                              <option value="{{$tls->id_telecallingstatus}}" @if($tls->id_telecallingstatus ==23 && $user_details->main_user_id >0) disabled style="color:red"@endif>{{$tls->status}}</option>
                            @endif  
                            @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">
                          <div class="mb-3 col-md-6">
                            <label for="state" class="form-label">State</label>
                            <select id="state" class="select2 form-select" name="state_id">
                              <option value="">Select State</option>
                              @foreach($state as $list)                         
                                <option value="{{$list->state_id}}">{{$list->state_name}}</option>                         
                              @endforeach
                            </select>
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="city" class="form-label">City</label>
                            <select id="city" class="select2 form-select" name="city_id">
                              <option value="">Select City</option>
                            </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>
                            <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="general_insurance_process">General insurance enquiry</option>
                             <option value="life_insurance_process">Life insurance enquiry</option>
                             <option value="health_insurance_process">Health insurance enquiry</option>
                             <option value="pms_enquiry_add_form">PMS</option>
                             <option value="aif_enquiry_add_form">AIF</option>
                             <option value="fis_enquiry_add_form">Fis</option>
                             <option value="stock_enquiry_add_form">Stock Market</option>    
                             <!--<option value="cc-document-process">Credit Card enquiry</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">
                       <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>




          <div class="modal fade" id="Modaldsameuser" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <form  method="POST">
                @csrf
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel1">Users With Same Phone/Email</h5>
                    <button  type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">
                    <div class="card ">
                      <div class="table-responsive text-nowrap mb-3 mt-3">
                        <table class="table table-bordered">
                          <thead>
                            <tr>   
                              <th></th>                    
                              <th>Name</th>
                              <th>Email</th>
                              <th>Phone</th>
                              <th>User Code</th>
                            </tr>
                          </thead>
                          <tbody>

                            @foreach($sameusers as $su)
                            <tr>
                              <td><a href="{{ url('superadmin/landingpageleadstelecallinglisdetail') }}/{{ $user_details->id }}/?main_linking_user={{$su->id}}">Click To Link</a></td>
                              <td>{{$su->name}}</td>
                              <td>{{$su->email}}</td>
                              <td>{{$su->phone}}</td>
                              <td>{{$su->user_code}}</td>
                            </tr>
                            @endforeach 
                          </tbody>
                        </table>
                      </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 ==22) {
      $('.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').show();

     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').show();
      $("input[name='tags[]']").prop("checked", false);
      if(vll ==23) {
        $('.row_tags').show();
      }
    });


    jQuery('#state').change(function(){
        let sid=jQuery(this).val();
        jQuery.ajax({
          url:"{{url('/getCity')}}",
          type:'post',
          data:'sid='+sid+'&_token={{csrf_token()}}',
          success:function(result){
            jQuery('#city').html(result)
          }
        });
      });
</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;
}
.alert-danger {
  margin: 25px;
}
</style>
@endsection