@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">Ai Deals /</span> Enquiry Details</h4> 
<div class="row">
   <div class="col-md-12">
      <div class="card mb-4"> 
         <hr class="my-0" />
         <div class="card-body">

                    @if(isset($edit_enquiry->id))
            <form id="formAccountSettings" method="POST" action="{{ route('superadmin.pms_update_enquiry',$edit_enquiry->id) }}">
            @method('PUT')
          @else
          <form id="formAccountSettings" method="POST" action="{{ route('superadmin.ai_dealenquiry_process_submit') }}">
          @endif
            @csrf
               <div class="row">
                  <div class="mb-3 col-md-6" @if(Session()->get('generate_enquiry') !='' || Session()->get('generate_enquiry_tl') !='' || Session()->get('generate_enquiry_smfinancial') !=''|| Session()->get('generate_enquiry_tlsaarthi') !='') style="display:none;" @endif>
                     <label for="firstName" class="form-label">Query For<sup style="color:red">*</sup></label>                   
                        <select name="query_for"  class="form-control query_for" required>
                             <option value="">Select</option>
                             <option value="Buddy" @if(Session()->get('generate_enquiry') !='' || Session()->get('generate_enquiry_tl') !='' || Session()->get('generate_enquiry_smfinancial') !=''|| Session()->get('generate_enquiry_tlsaarthi') !='') selected @endif>Buddy</option>
                             <option value="Mahan">Mahan</option> 
                             <option value="JLAN">JLAN</option>                            
                        </select>
                  </div>
                  <div class="mb-3 col-md-6" @if(Session()->get('generate_enquiry') !='' || Session()->get('generate_enquiry_tl') !='' || Session()->get('generate_enquiry_smfinancial') !='' || Session()->get('generate_enquiry_tlsaarthi') !='') style="display:none;" @endif>
                     <div class="div_mahan" style="display: none;">
                        <label for="firstName" class="form-label">Investor</label>                   
                           <select name="mahan_id_investor"  class="form-control mahan_id_investor">
                                 <option value="" name="" emailid="" phone="">Select</option>
                                 @foreach($ai_deal_investors as $inv)
                                    @if ($inv->source =='Mahan')
                                       <option value="{{$inv->id}}" name="{{$inv->name}}"  emailid="{{$inv->emailid}}"  phone="{{$inv->phone}}">
                                          {{$inv->name}}
                                       </option>
                                    @endif   
                                 @endforeach
                                                         
                           </select>
                     </div>
                     <div class="div_jlan" style="display: none;">
                        <label for="firstName" class="form-label">Investor</label>                   
                           <select name="jlan_id_investor"  class="form-control jlan_id_investor">
                              <option value="" name="" emailid="" phone="">Select</option>
                              @foreach($ai_deal_investors as $inv)
                                 @if ($inv->source =='JLAN')
                                    <option value="{{$inv->id}}"  name="{{$inv->name}}"  emailid="{{$inv->emailid}}"  phone="{{$inv->phone}}">
                                       {{$inv->name}}
                                    </option>
                                 @endif   
                              @endforeach                           
                           </select>
                     </div>
                     <div class="div_buddy"  style="display: none;">
                        <label class="form-label" for="basic-default-name">
                           Buddy 
                        </label>
                                                
                          <select id="mySelectBuddy" class="form-control" style="width: 100%;"></select>
                          <input type="hidden" id="selectedIdBuddy" name="selectedIdBuddy">
                        
                      </div>
                      <div class="div_inv_user" style="display: none;padding-top:10px;">
                        <input type="radio" class="user_or_investor" checked name="user_or_investor" value="self">  Self
                        &nbsp;&nbsp; <input type="radio" name="user_or_investor" class="user_or_investor" value="investor">  Investor
                       
                        &nbsp;&nbsp;<input type="radio" class="user_or_investor" name="user_or_investor" value="user">  User
                        
                      </div>

                      <div class="div_buddy_inv" style="display: none;">
                        <label for="firstName" class="form-label">Investor</label>                   
                           <select name="buddy_id_investor"  class="form-control buddy_id_investor">
                              <option value="" buddy_id="0" name="" emailid="" phone="">Select</option>
                              @foreach($ai_deal_investors as $inv)
                                 @if ($inv->source =='Buddy')
                                    <option value="{{$inv->id}}" buddy_id="{{$inv->user_id}}"  name="{{$inv->name}}"  emailid="{{$inv->emailid}}"  phone="{{$inv->phone}}">
                                       {{$inv->name}}
                                    </option>
                                 @endif   
                              @endforeach                           
                           </select>
                     </div>
                     <div class="div_buddy_user" style="display: none;">
                        <label for="firstName" class="form-label">User</label> 
                        <select name="buddy_id_user"  class="form-control buddy_id_user">
                        </select>
                     </div>
                  </div>
                  <div class="mb-3 col-md-6">
                     <label for="firstName" class="form-label">Product Title<sup style="color:red">*</sup></label>                    
                        <select name="producttitle"  class="form-control select_ai_products">                       
                              @foreach($ai_deals as $payout_product)
                                 @if (!empty($payout_product->deal_name))
                                 <option value="{{$payout_product->id}}" {{ (old('producttitle') ?? '') == $payout_product->id ? 'selected' : '' }}>
                                    {{$payout_product->deal_name}}
                                 </option>
                                 @endif   
                              @endforeach
                        </select>
                  </div>
                
                  <div class="mb-3 col-md-6">
                     <label for="firstName" class="form-label" >Customer Name<sup style="color:red">*</sup></label>
                     <input class="form-control" type="text"  id="firstName" required  name="customerName"  placeholder="" value="{{ old('customerName') ?? old('customerName') }}" autofocus  onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'') "/>
                  </div>
                  <div class="mb-3 col-md-6">
                     <label for="firstName" class="form-label">Email Id<sup style="color:red">*</sup></label>
                     <input class="form-control" type="email"  id="firstName"  required name="emailid"   placeholder="" value="{{ old('emailid') ?? old('emailid') }}" autofocus />
                  </div>
                  
                  <div class="mb-3 col-md-6">
                     <label for="address" class="form-label">Contact No.<sup style="color:red">*</sup></label>
                     <input type="tel" maxlength="12" required onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"  name="phone" class="form-control" id="pmsQueryForphone" placeholder=""  value="{{ old('phone') ?? old('phone') }}" />
                  </div>
                  <div class="mb-3 col-md-6">
                     <label for="address" class="form-label">Amount Committed(INR)<sup style="color:red">*</sup></label>
                     <input type="text" maxlength="12"  name="amount_committed" class="form-control" id="" placeholder=""  value="" />
                  </div>

                  <div class="mb-3 col-md-6">
                     <label for="firstName" class="form-label">Message<sup style="color:red">*</sup></label>
                     <textarea class="form-control" required aria-label="With textarea" name="message">{{ old('message') ?? old('message') }}</textarea>
                  </div>
                                  
                  <div class="mt-2">
                     <button type="submit" class="btn btn-primary me-2">Save changes</button>
                     <a href="{{ url('superadmin/pms_enquiry') }}" class="btn btn-outline-secondary">Cancel</a>
                  </div>
            </form>
            </div>
            <!-- /Account -->
         </div>
      </div>
   </div>
</div>
<!-- / Content -->
<!-- / Content -->
<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() {
      $('.select_ai_products').select2();
      });

      $(document).ready(function() {
         $('#mySelectBuddy').select2({
            ajax: {
               url: "{{ url('superadmin/ib-deals') }}?searchusers=1",
               dataType: 'json',
               delay: 250,
               processResults: function(data) {
               var formattedData = data.map(function(item) {
                  return {
                     id: item.id,
                     name : item.name,
                     phone : item.phone,
                     email : item.email,
                     text: item.name+' ('+item.phone+')' // or use item.name + ' ' + item.last_name if you want to include last name
                  };
               });

               return {
                  results: formattedData
               };
               },
               cache: true
            }
         });

         $('.user_or_investor').on('change', function (e) {
            $('.div_buddy_inv, .div_buddy_user').hide();
            $('input[name="customerName"]').val('');
            $('input[name="emailid"]').val('');
            $('input[name="phone"]').val('');


            $('.buddy_id_user, .buddy_id_investor').removeAttr('required');

            var user_or_investor =  $('input[name="user_or_investor"]:checked').val();
            if(user_or_investor =='investor') {
               $('.div_buddy_inv').show();
               $('.buddy_id_investor').attr('required','required');    
            }
            if(user_or_investor =='user') {
               $('.div_buddy_user').show();
               $('.buddy_id_user').attr('required','required');    
            }

            if(user_or_investor =='self') {
               $('input[name="customerName"]').val($('#selectedIdBuddy').attr('namebuddy'));
               $('input[name="emailid"]').val($('#selectedIdBuddy').attr('emailid'));
               $('input[name="phone"]').val($('#selectedIdBuddy').attr('phone'));
            }
         });

         // Update hidden input with selected ID
         $('#mySelectBuddy').on('select2:select', function (e) {
            var data = e.params.data;
            console.log(data);
            $('.buddy_id_investor option').hide();
            $('#selectedIdBuddy').val(data.id);
            $('#selectedIdBuddy').attr('namebuddy', data.name);
            $('#selectedIdBuddy').attr('emailid', data.email);
            $('#selectedIdBuddy').attr('phone', data.phone);

            $('select.buddy_id_investor option[buddy_id=0]').show();
            $('select.buddy_id_investor option[buddy_id='+data.id+']').show();

            $('.div_inv_user').show();

            jQuery('.buddy_id_user').html('<option value="" name="" emailid="" phone="">User</option>')
               jQuery.ajax({
                  url:"{{ url('superadmin/ib-deals') }}?searchbuddyusers=1",
                  type:'get',
                  data:'buddy='+data.id,
                  success:function(result){
                  // alert(result);
                  jQuery('.buddy_id_user').html(result)
                  }
               });
            $('input[name="customerName"]').val(data.name);
            $('input[name="emailid"]').val(data.email);
            $('input[name="phone"]').val(data.phone);
         }); 

         $('.query_for').on('change', function (e) {
            var query_for = $(this).val();
            $('.div_mahan, .div_jlan, .div_buddy').hide();
            $('.div_inv_user, .div_buddy_inv, .div_buddy_user').hide();
            $('input[name="user_or_investor"][value="self"]').prop('checked', true);
            $('#selectedIdBuddy').val('');
            $('.buddy_id_user, .buddy_id_investor').removeAttr('required');
            $('#mySelectBuddy, .mahan_id_investor, .jlan_id_investor').removeAttr('required');
            if(query_for =='Buddy') {
               $('.div_buddy').show();
               $('#mySelectBuddy').attr('required','required');
            }
            if(query_for =='JLAN') {
               $('.div_jlan').show();
               $('.jlan_id_investor').attr('required','required');
            }
            if(query_for =='Mahan') {
               $('.div_mahan').show();
               $('.mahan_id_investor').attr('required','required');              
            }
         });

         $('.jlan_id_investor, .mahan_id_investor, .buddy_id_investor, .buddy_id_user').on('change', function (e) {
            var selectedOption = $("option:selected", this);
            $('input[name="customerName"]').val(selectedOption.attr("name"));
            $('input[name="emailid"]').val(selectedOption.attr("emailid"));
            $('input[name="phone"]').val(selectedOption.attr("phone"));
         });

      });
</script>
@endsection