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

@php
  $already_called_investors = array();
@endphp

<!-- 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> Update IB Deal <span style="float:right"> Email-Calls</span></h4>
    <hr>
    <div class="row">
      <label class="col-sm-3 col-form-label"></label>
      <div class="card ">
        <div class="table-responsive text-nowrap mb-3 mt-3">
          <div class="col">
            
            <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#basicModal">Custom Search</button>
            <a href="{{ url('superadmin/ibdealcalls') }}/{{$deal_id}}?refresh=refresh" class="btn btn-primary mr10">Reset </a>
            &nbsp;&nbsp;<button class="btn btn-primary" type="button" style="float:right;margin-left: 5px;"  data-bs-toggle="modal" data-bs-target="#Modaldate">Add</button>
           &nbsp; <a href="{{ route('superadmin.ibeditdeal', $deal_id)}}" class="btn btn-outline-primary" style="float:right;margin-left: 5px;">Back To Deal Detail</a>
            
          </div><br/><br/>
          
          <table class="table table-bordered">
             <thead>
                <tr>  
                  <th>Investor</th>  
                  <th>Contact Person</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)
                  @php
                    $already_called_investors[] = $tl->id_investor;
                  @endphp
                  <tr>
                    <td> <a href="#"  data-bs-toggle="modal" class="investor_person_click"  call_id="{{$tl->id_ib_deal_calls}}"  data-bs-target="#Modaldate{{$tl->id_ib_deal_calls}}">{{$tl->investor}} </a></td>
                    <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}}">{!! $contact_person_info !!} </a></td>
                   
                            </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>
<hr>    
  
						  
            </div>
            <!-- / Content -->

            @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">
                <form action="{{ route('superadmin.updatepostdeal')}}" method="POST">
                  @csrf
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel1">Email/Call Status Add</h5>
                      <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      ></button>
                    </div>
                    <input type="hidden" name="ibcallstatus_update" value="1">
                    <input type="hidden" name="id" value="">
                    <div class="modal-body">
                     
                      <div class="row">
                        <div class="col mb-3 col-md-6">
                        <label for="nameBasic" class="form-label">Investor</label>
                       
                          <select id="id_investor" class="select2 form-select id_investor" name="id_investor" required>
                        
                             @foreach($ib_deal_investors as $ibi)
                                @if($ibi->id == $tl->id_investor)
                                  <option value="{{$ibi->id}}"  @if($ibi->id == $tl->id_investor) selected @endif>{{$ibi->name}}</option>
                                @endif
                              @endforeach
                        
                           
                          </select>
                        </div> 

                        <div class="col mb-3 col-md-6">
                        <label for="nameBasic" class="form-label">Contact Person</label>
                       
                          <select  multiple class="select2 form-select id_contact_person" name="contact_person[]" aria-label="Multiple select example">
                          
                             @foreach($sub_investors as $ibi)
                                @if($ibi->id_ibdeal_partner == $tl->id_investor)
                                  <option value="{{$ibi->name}}-{{$ibi->phone}}-{{$ibi->email}}"  id_investor="{{$ibi->id_ibdeal_partner}}">{{$ibi->name}} -({{$ibi->phone}})</option>
                                @endif
                              @endforeach
                        
                           
                          </select>
                        </div> 


                      </div>
                      <div class="row">

                        <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Email/Call</label>
                       
                          <select id="status" class="select2 form-select ib_status_type" name="type" required>
                           
                            <option value="Call">Call</option>
                            <option value="Email">Email</option>                          
                          </select>
                        </div> 

                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Status</label>
                       
                          <select id="status" class="select2 form-select ib_status_select" name="status" required>
                            <option value="">Select</option>
                            <option value="Call Later">Call Later</option>
                            <option value="Connected">Connected</option>
                            <option value="Did not Pick">Did not Pick</option>
                            <option value="Wrong number">Wrong number</option>
                            <option value="Number busy">Number busy</option>
                            <option value="Interested">Interested</option>
                            <option value="Not Interested">Not Interested</option>
                            <option value="Email Sent">Email Sent</option>
                           
                          </select>
                        </div>             
                      </div>
                      <div class="row generate_enquiry_product" style="display:none;">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">If Interested</label>
                       
                          <select id="interested_status" class="select2 form-select interested_status" name="interested_status">
                        
                            <option value="">Select</option>
                            <option value="Meeting with Promotors">Meeting with Promotors</option>
                            <option value="Call with Promotors">Call with Promotors</option>
                            <option value="Further Details Sent">Further Details Sent</option>
                            <option value="Interested in next stage">Interested in next stage</option>
                           
                          </select>
                        </div>             
                      </div>
                      <div class="row">
                      <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Final Status</label>
                       
                          <select id="final_status" class="select2 form-select final_status" name="final_status">
                            <option value="">Select</option>
                            <option value="Interested">Interested</option>
                            <option value="Not Interested">Not Interested</option>
                            <option value="Completed">Completed</option>
                           
                           
                          </select>
                        </div> 

                       <div class="col mb-3 deal_amount_div" style="display:none;">
                        <label for="nameBasic" class="form-label">Deal Amount(INR)</label>
                       
                          <input type="number" name="deal_amount" min="0" class="form-control" value="">
                                   
                        </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>
                    <hr/>
                 <div class="row" style="max-width: 95%;margin: auto;">
              <div class="call_history">
                
                <label><strong>History</strong></label><br/><br/>
                <div class="table-responsive">
                <table class="table table-bordered">
                      <thead>
                        <tr>  
                          <th>Investor</th> 
                          <th>Contact Person</th>   
                          <th>Email/Call</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->investor}}</td>
                            <td>
                             {!! $contact_person_name !!}
                            </td>
                            <td>{{$tld->type}} </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>
              </form>
              </div>
            </div>
            @endforeach  

              <div class="modal fade" id="Modaldate" tabindex="-1" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <form action="{{ route('superadmin.updatepostdeal')}}" method="POST">
                  @csrf
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel1">Email/Call Status Add</h5>
                      <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      ></button>
                    </div>
                    <input type="hidden" name="ibcallstatus_update" value="1">
                    <input type="hidden" name="id" value="">
                    <div class="modal-body">
                      <div class="row">
                        <div class="col mb-3 col-md-6">
                        <label for="nameBasic" class="form-label">Investor</label>
                       
                          <select id="id_investor" class="select2 form-select id_investor" name="id_investor" required>
                            <option value="">Select</option>
                             @foreach($ib_deal_investors as $ibi)
                                @if(!in_array($ibi->id, $already_called_investors))
                                  <option value="{{$ibi->id}}">{{$ibi->name}}</option>
                                @endif
                             @endforeach
                        
                           
                          </select>
                        </div> 
                        <div class="col mb-3 col-md-6 contact_person_div" style="display:none;">
                        <label for="nameBasic" class="form-label">Contact Person</label>
                       
                          <select id="id_contact_person" multiple class="select2 form-select id_contact_person" name="contact_person[]" aria-label="Multiple select example">
                           
                             @foreach($sub_investors as $ibi)
                                
                                  <option value="{{$ibi->name}}-{{$ibi->phone}}-{{$ibi->email}}"  id_investor="{{$ibi->id_ibdeal_partner}}">{{$ibi->name}} -({{$ibi->phone}})</option>
                              
                              @endforeach
                        
                           
                          </select>
                        </div> 
                      </div>
                      <div class="row">

                        <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Email/Call</label>
                       
                          <select id="status" class="select2 form-select ib_status_type" name="type" required>
                           
                            <option value="Call">Call</option>
                            <option value="Email">Email</option>                          
                          </select>
                        </div> 

                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Status</label>
                       
                          <select id="status" class="select2 form-select ib_status_select" name="status" required>
                            <option value="">Select</option>
                            <option value="Call Later">Call Later</option>
                            <option value="Connected">Connected</option>
                            <option value="Did not Pick">Did not Pick</option>
                            <option value="Wrong number">Wrong number</option>
                            <option value="Number busy">Number busy</option>
                            <option value="Interested">Interested</option>
                            <option value="Not Interested">Not Interested</option>
                             <option value="Email Sent">Email Sent</option>
                           
                          </select>
                        </div>             
                      </div>
                      <div class="row generate_enquiry_product" style="display:none;">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">If Interested</label>
                       
                          <select id="interested_status" class="select2 form-select interested_status" name="interested_status">
                        
                            <option value="">Select</option>
                            <option value="Meeting with Promotors">Meeting with Promotors</option>
                            <option value="Call with Promotors">Call with Promotors</option>
                            <option value="Further Details Sent">Further Details Sent</option>
                            <option value="Interested in next stage">Interested in next stage</option>
                           
                          </select>
                        </div>             
                      </div>
                      <div class="row">
                      <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Final Status</label>
                       
                          <select id="final_status" class="select2 form-select final_status" name="final_status">
                            <option value="">Select</option>
                            <option value="Interested">Interested</option>
                            <option value="Not Interested">Not Interested</option>
                            <option value="Completed">Completed</option>
                           
                           
                          </select>
                        </div> 
                        <div class="col mb-3 deal_amount_div" style="display:none;">
                        <label for="nameBasic" class="form-label">Deal Amount(INR)</label>
                       
                          <input type="number" name="deal_amount" min="0" class="form-control" value="">
                                   
                        </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>


<div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog" role="document">
      <form action="{{ url('superadmin/ibdealcalls') }}/{{$deal_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">Investor</label>
               
                  <select id="id_investor_search" class="select2 form-select id_investor_search" name="id_investor_search">
                    <option value="">Select</option>
                     @foreach($ib_deal_investors as $ibi)
                          <option value="{{$ibi->id}}">{{$ibi->name}}</option>
                     @endforeach
                
                   
                  </select>
                </div> 
                <div class="col mb-3 col-md-6 contact_person_search_div" style="display:none;">
                <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}}">{{$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>

<style>
  .select2-container {
    width:100% !important;
  }
  .select2-dropdown {
    z-index: 111111 !important;
  }
  .select2-results__option--disabled {
    display:none;
  }
</style>
    <!-- / 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();
    });
});

  </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>
      $(document).ready(function() {
       
        $('.id_contact_person').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('');                       
            }
          });

          $(".id_investor").change(function(e){
            var id_investor = $(this).val();
            $('#id_contact_person').val('');
            $('#id_contact_person option').hide();
            $("#id_contact_person option").prop("disabled", true);
            if(id_investor >0) {
              $('.contact_person_div').show();
              $('#id_contact_person option[id_investor="' + id_investor + '"]').show();
              $('#id_contact_person option[id_investor="' + id_investor + '"]').prop("disabled", false);
            }
            else {
              $('.contact_person_div').hide();
            }
            $(".id_contact_person").select2("destroy").select2();
          });


          $("#id_investor_search").change(function(e){
            var id_investor = $(this).val();
            $('#id_contact_person_search').val('');
            $('#id_contact_person_search option').hide();
            $("#id_contact_person_search option").prop("disabled", true);
            if(id_investor >0) {
              $('.contact_person_search_div').show();
              $('#id_contact_person_search option[id_investor="' + id_investor + '"]').show();
              $('#id_contact_person_search option[id_investor="' + id_investor + '"]').prop("disabled", false);
            }
            else {
              $('.contact_person_search_div').hide();
            }
            $(".id_contact_person_search").select2("destroy").select2();
          });
      });

      $(".investor_person_click").click(function(e){
          var call_id = $(this).attr('call_id');
          $('.call_tr_'+call_id).show();
          $('#Modaldate'+call_id+' .id_contact_person option').removeAttr('selected');
          $('#Modaldate'+call_id+' .id_contact_person').change();
      });
      $(".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 option').each(function() {  
                var contactPerson = $(this).attr('value');
                if (contactPerson.includes(c_name) && contactPerson.includes(c_phone)) {
                  $(this).attr('selected', 'selected');
                } 
            });
           


          });
          $('#Modaldate'+call_id+' .id_contact_person').change();
        }
      });
      
    </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