@extends('backend.admin-withouterrmaster')
@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">Dashboard /</span>  All Investors / {{$ib_deal_investor_info->name}}<span style="float:right"> Email-Calls History</span></h4>
      <hr>     
      <div class="row">
        
          <label class="col-sm-3 col-form-label"></label>
          <div class="card "><br/>
            <div class="col">
              <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#basicModal">Custom Search</button>
              <a href="{{ url('superadmin/ibdealcallshistory') }}/{{$id}}?refresh=refresh" class="btn btn-primary mr10">Reset </a>
              </div><br/>
            <div class="table-responsive text-nowrap mb-3 mt-3">
              <table class="table table-bordered">
                <thead>
                  <tr>  
                    <th>Contact Person</th> 
                    <th>Deal</th>   
                    <th>Email/Call</th>                   
                    <th>Status</th>
                    <th>Interested Status</th>
                    <th>Final Status</th>
                    <th>Deal Amount</th>
                    <th>Remark</th>
                    <th>Date</th>
                  </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                  @foreach($ib_deal_calls as $tl)

                                      <tr>
                      <td> <a href="#"  data-bs-toggle="modal" class="contact_person_click" call_id="{{$tl->id_ib_deal_calls}}" contact_persons='' data-bs-target="#Modaldate{{$tl->id_ib_deal_calls}}">{!! $contactperson_dl !!} </a> </td>
                      <td><a href="{{ route('superadmin.ibdealcalls', $tl->id_ibdeal)}}?refresh=refresh">{{$tl->deal_name}}</a> </td>
                      <td>{{$tl->type}} </td>
                      <td>{{$tl->status}} </td>
                      <td>{{$tl->interested_status}} </td>
                      <td>{{$tl->final_status}} </td>  
                      <td>@if($tl->deal_amount >0) ₹ {{$tl->deal_amount}} @endif </td>  
                      <td>{{$tl->remark}} </td>                         
                      <td>{{ \Carbon\Carbon::parse($tl->created_at)->format('d-M-Y @ H:i:s')}}</td>
                    </tr>
                  @endforeach               
                </tbody>
              </table>
            </div>                       
          </div>
      </div>

    @foreach($ib_deal_calls as $tl)
      <div class="modal fade" id="Modaldate{{$tl->id_ib_deal_calls}}" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog" style="max-width: 50rem;" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalLabel1">History : {{$tl->deal_name}}</h5>
                  <button type="button"  class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>                 
              <div class="modal-body">                     
                <div class="row" style="max-width: 95%;margin: auto;">
                  <div class="call_history">               
                    <div class="table-responsive">
                      <table class="table table-bordered">
                        <thead>
                          <tr>  
                            <th>Email/Call</th>      
                            <th>Contact Person</th>             
                            <th>Status</th>
                            <th>Interested Status</th>
                            <th>Final Status</th>
                            <th>Remark</th>
                            <th>Date</th>
                          </tr>
                        </thead>
                        <tbody class="table-border-bottom-0">
                          @foreach($tl->call_history as $tld)
                            <tr  class="call_tr_{{$tl->id_ib_deal_calls}}" contact_person =''>                           
                              <td>{{$tld->type}} </td>
                              <td>
                                -                              </td>
                              <td>{{$tld->status}} </td>
                              <td>{{$tld->interested_status}} </td>
                              <td>{{$tld->final_status}} </td>  
                              <td>{{$tld->remark}} </td>                         
                              <td>
                                {{ \Carbon\Carbon::parse($tld->created_at)->format('d-M-Y @ H:i:s')}}
                              </td>
                            </tr>
                          @endforeach               
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
   @endforeach  
<hr>    
  
						  
            </div>
            <!-- / Content -->

           

          
</div>

<div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog" role="document">
      <form action="{{ url('superadmin/ibdealcallshistory') }}/{{$id}}" method="GET">
             <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel1">Custom Search</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 col-md-6">
                <label for="nameBasic" class="form-label">IB Deal</label>
               
                  <select id="id_ibdeal" class="select2 form-select id_ibdeal" name="id_ibdeal">
                    <option value="">Select</option>
                     @foreach($ib_deals_list as $ibi)
                          <option value="{{$ibi->id_ibdeal}}"  {{ (Session()->get('id_ibdeal') ?? '') == $ibi->id_ibdeal ? 'selected' : '' }}>{{$ibi->deal_name}}</option>
                     @endforeach
                
                   
                  </select>
                </div> 
                <div class="col mb-3 col-md-6 contact_person_search_div">
                <label for="nameBasic" class="form-label">Contact Person</label>
               
                  <select id="id_contact_person_search"  class="form-select id_contact_person_search" name="contact_person_search" aria-label="Multiple select example">
                   <option value="">Select</option>
                     @foreach($sub_investors as $ibi)
                                                  <option value="{{$ibi->name}}-{{$ibi->phone}}-{{$ibi->email}}"  id_investor="{{$ibi->id_ibdeal_partner}}"   {{ (Session()->get('contact_person_search') ?? '') == $contact_person_search ? 'selected' : '' }}>{{$ibi->name}} -({{$ibi->phone}})</option>
                      
                      @endforeach
                
                   
                  </select>
                </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">Search</button>
            </div>
          </div>
         </form>
        </div>
      </div>

    <!-- / Layout wrapper -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
 <script>
  $(document).ready(function(){  
   

   function ibDealPayout(){
    var completed =$('#deal_status').val();   
    if(completed == 4){
      $('#ib_deal').removeClass('hide'); 
    }else{
      $('#ib_deal').addClass('hide'); 
    }
  }
		//CKEDITOR.replace( 'description' );
		function showdoc(value)
		{
			if(value=='Yes')
			{
				$("#signed_mandate_available_doc").show();
			}else{
				$("#signed_mandate_available_doc").hide();
			}
		}
  });
</script>
<script>
    tinymce.init({
      selector: '#description',
      plugins: 'code anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'code | undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ]
    });
  </script>
  
  <script>
 
	$("#upload").on('change', function () {
        if (typeof (FileReader) != "undefined") {
			var reader = new FileReader();
            reader.onload = function (e) {                
				$("#uploadedAvatar").attr('src',e.target.result);
            }            
            reader.readAsDataURL($(this)[0].files[0]);
        } else {
            alert("This browser does not support FileReader.");
        }
    });

    

    $(document).ready(function(){
    //group add limit
    var maxGroup = 10;
  
    // for consultant
     //add more fields group
     $(".addMoreConsultant").click(function(){
        if($('body').find('.fieldGroupConsultants').length < maxGroup){
            var fieldHTML = '<div class="row mb-3  fieldGroupConsultants">'+$(".fieldGroupCopyConsultants").html()+'</div>';
            $('body').find('.fieldGroupConsultants:last').after(fieldHTML);
        }else{
            alert('Maximum '+maxGroup+' Consultants are allowed.');
        }
    });

    //remove fields group
    $("body").on("click",".removeConsultants",function(){
        $(this).parents(".fieldGroupConsultants").remove();
    });



    $(".contact_person_click").click(function(e){
        var cn_persons  = $(this).attr('contact_persons');
        if(cn_persons.length >0) {
          var cn_personsArray = JSON.parse(cn_persons);
          var call_id = $(this).attr('call_id');
          $('.call_tr_'+call_id).hide();
          $.each(cn_personsArray, function(index, value) {
            var parts = value.split('-'); // Split string by '-'
            var c_name = parts[0]; // First part is the name
            var c_phone = parts[1];
            
            $('.call_tr_'+call_id).each(function() {               
                var contactPerson = $(this).attr('contact_person');
                if (contactPerson.includes(c_name) && contactPerson.includes(c_phone)) {
                  $(this).show();
                } 
            });
            
          });
          $('#Modaldate'+call_id+' .id_contact_person').change();
        }
      });
});

  </script>
  
  <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" defer></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        $('#exampleFormControlSelect26').select2();
        $('#exampleFormControlSelect28').select2();
        $('#exampleFormControlSelect4').select2();


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

           }
           
          });

         $(".final_status").change(function(e){
            var vli = $(this).val();
            if(vli =='Completed') {
              $(this).parent().parent().find('.deal_amount_div').show();           
            }
            else {
              $(this).parent().parent().find('.deal_amount_div').hide();   
               $(this).parent().parent().find('.deal_amount_div').val('');                       
            }
          });
      });
      
    </script>

     <script>
    function validateDecimal(input) {
      // Regular expression to match a decimal number
      var decimalPattern = /^\d*\.?\d*$/;

      if (!decimalPattern.test(input.value)) {
        
         input.value = input.value.slice(0, -1); // Clear the input field if it doesn't match the 
      } 
    }
  </script>
  
@endsection