@extends('backend.admin-master')
@section('site-title')
    {{ __('Dashboard') }}
@endsection
@section('content')
    {{-- for success msg --}}
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    <!-- 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> Edit Investor</h4>
            <form id="formAuthentication" class="mb-3"
                action="{{ route('superadmin.updateaiinvestor', $edit_partner->id) }}" enctype="multipart/form-data"
                method="POST">
                @method('PUT')
                <div class="row">
                    <div class="col-md-12">
                        <div class="card mb-4">
                            <div class="card-body">
                                @csrf
                                <div class="d-flex align-items-start align-items-sm-center gap-4">
                                    <div class="button-wrapper">                                      
                                        <button type="reset" style="display:none;" class="btn btn-outline-secondary account-image-reset mb-4" onclick="resetform();">
                                            <i class="bx bx-reset d-block d-sm-none"></i>
                                            <span class="d-none d-sm-block">Reset</span>
                                        </button>
                                      </div>
                                </div>
                            </div>
                            <hr class="my-0" />
                            <div class="card-body">
                                <div class="row">
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Source</label><sup style="color:red;">*</sup>
                                        @if($edit_partner->source !='')                                 
                                            <input type="text" name="source" class="form-control"  value="{{$edit_partner->source}}" readonly>                                      
                                        @else
                                            <select class="form-control" id="source" name="source" placeholder="" required />
                                                <option value="" >Select</option>
                                                <option value="Mahan" {{ ( 'Mahan' == $edit_partner->source) ? 'selected' : '' }}>Mahan</option>
                                                <option value="JLAN"  {{ ( 'JLAN' == $edit_partner->source) ? 'selected' : '' }}>JLAN</option>
                                                <option value="Fund"  {{ ( 'Fund' == $edit_partner->source) ? 'selected' : '' }}>Fund</option>
                                                <option value="Buddy" {{ ( 'Buddy' == $edit_partner->source) ? 'selected' : '' }}>Buddy</option>
                                            </select> 
                                        @endif    
                                    </div>
                                    @if($edit_partner->source =='Buddy')   
                                        <div class="mb-3 col-md-4">
                                             @if($edit_partner->buddy_name !='')
                                                <label for="firstName" class="form-label">Buddy</label><sup style="color:red;">*</sup>                 
                                                <input type="text" name="buddy_name" class="form-control"  value="{{$edit_partner->buddy_name}}" readonly>                                      
                                            @else
                                                <div class="mb-3 col-md-4 select_investor_buddy">
                                                    <label class="form-label" for="basic-default-name">
                                                    Select Buddy 
                                                    </label>
                                                    <div class="col-sm-9">                           
                                                    <select id="mySelectBuddy" class="form-select" style="width: 300px;"></select>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    @endif
                                    @if($edit_partner->source !='Buddy')  
                                        <div class="mb-3 col-md-4 select_investor_buddy" style="display: none;">
                                            <label class="form-label" for="basic-default-name">
                                            Select Buddy 
                                            </label><sup style="color:red;">*</sup>
                                            <div class="col-sm-9">                           
                                            <select id="mySelectBuddy" class="form-select" style="width: 300px;"></select>
                                            </div>
                                        </div>
                                    @endif
                                    <input type="hidden" class="buddy_user_id" name="user_id" value="{{$edit_partner->user_id}}">
                                       

                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Name</label><sup style="color:red;"></sup>
                                        <input class="form-control" type="text" id="companypartner" required name="name"
                                            placeholder="" value="{{ $edit_partner->name }}" required />
                                    </div> 
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Email</label><sup style="color:red;"></sup>
                                        <input class="form-control" type="text" id="companypartner" required name="emailid"
                                            placeholder="" value="{{ $edit_partner->emailid }}" required />
                                    </div> 
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Phone</label><sup style="color:red;"></sup>
                                        <input class="form-control" type="text" id="companypartner" required name="phone"
                                            placeholder="" value="{{ $edit_partner->phone }}" required />
                                    </div> 
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Website</label>
                                        <input class="form-control"  type="text" id="website" name="website"
                                            placeholder="" value="{{ $edit_partner->website }}"  />
                                     
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Type</label><sup style="color:red;">*</sup>
                                        <select class="form-control" id="type " name="type" placeholder="" required/>
                                            <option value="Individual"  {{ ( 'Individual' == $edit_partner->type) ? 'selected' : '' }}>Individual</option>
                                            <option value="HUF"  {{ ( 'HUF' == $edit_partner->type) ? 'selected' : '' }}>HUF</option>
                                            <option value="Company"  {{ ( 'Company' == $edit_partner->type) ? 'selected' : '' }}>Company</option>
                                        </select>     
                                    </div>
                                </div> 
                                    <div class="row">
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Address</label>
                                        <textarea class="form-control" name="address">{{ $edit_partner->address }}</textarea>                                
                                    </div>  
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Address Proof</label>
                                        <input class="form-control" type="file"  name="address_proof"  />   
                                        @if(!empty($edit_partner->address_proof))
                                        <a href="{{ asset('public/uploads/deals/' . $edit_partner->address_proof) }}" class="btn btn-primary" style="float: right;" download="" target="_blank">View</a>
                                        @endif
                                    </div>   
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">PAN No.</label>
                                        <input class="form-control" type="text" name="pan" value="{{ $edit_partner->pan }}">                               
                                    </div>  
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">PAN No. Proof</label>
                                        <input class="form-control" type="file" name="pan_proof"  /> 
                                        @if(!empty($edit_partner->pan_proof))
                                        <a href="{{ asset('public/uploads/deals/' . $edit_partner->pan_proof) }}" class="btn btn-primary" style="float: right;" download="" target="_blank">View</a>
                                        @endif                               
                                    </div> 
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Bank Details</label>
                                        <textarea class="form-control" name="bank_details">{{ $edit_partner->bank_details }}</textarea>                                
                                    </div>  
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Copy Of Cancelled Cheque</label>
                                        <input class="form-control" type="file" name="bank_cheque"  />  
                                        @if(!empty($edit_partner->bank_cheque))
                                        <a href="{{ asset('public/uploads/deals/' . $edit_partner->bank_cheque) }}" class="btn btn-primary" style="float: right;" download="" target="_blank">View</a>
                                        @endif                              
                                    </div>  

                                    <hr/>
                                    <strong>Applicants</strong>
                                    <br/>
                                    <div class="mb-3 col-md-12 sub_investors">
                                            <ul id="input-list" class="list-group">

                                                @forelse($ibdeal_subinvestors as $key=> $subinvestor)
                                                     <li class="input-row li_input_row list-group-item">
                                                    <input type="text" class="form-control" value="{{$subinvestor->name}}" name="subname[{{$key}}]" placeholder="Name">
                                                        &nbsp;
                                                    <input type="text" class="form-control" value="{{$subinvestor->designation}}" name="subdesignation[{{$key}}]" placeholder="Designation">
                                                         &nbsp;
                                                    <input type="email" class="form-control" value="{{$subinvestor->email}}" name="subemail[{{$key}}]" placeholder="Email">
                                                         &nbsp;
                                                    <input type="text" class="form-control" value="{{$subinvestor->phone}}" name="submob[{{$key}}]" placeholder="Mobile Number">
                                                    <button class="remove-row btn">Remove</button>
                                                   </li>
                                                @empty
                                                    <li class="input-row li_input_row list-group-item">
                                                    <input type="text" class="form-control" name="subname[]" placeholder="Name">
                                                    <input type="text" class="form-control" name="subdesignation[]" placeholder="Designation">
                                                    <input type="email" class="form-control" name="subemail[]" placeholder="Email">
                                                    <input type="text" class="form-control" name="submob[]" placeholder="Mobile Number">
                                                    <button class="remove-row btn">Remove</button>
                                                  </li>
                                               @endforelse
                                              
                                            </ul>
                                            <br/>
                                            <button type="button"  class="btn btn-primary" style="float: right;" id="add-row">Add More</button>

                                     </div>

                                    <div class="mt-2">
                                        <button type="submit" class="btn btn-primary me-2">Save changes</button>
                                        <a href="{{ url('superadmin/aiinvestorlist') }}"
                                            class="btn btn-outline-secondary">Cancel</a>
                                    </div>
                                </div>

                            </div>
            </form>
        </div>
    </div> 
    </div>
    <!-- / 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 src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $('#source').on('change', function (e) {
        var source = $(this).val();
       
        $('.select_investor_buddy').hide();
        $('.buddy_user_id').val(0);
        $('#mySelectBuddy').removeAttr('required');
        if(source =='Buddy') {
            $('.select_investor_buddy').show();
            $('#mySelectBuddy').attr('required', 'required');
        }
        $('#mySelectBuddy').val('').trigger('change');
    });
    $('#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,
              email: item.email,
              phone: item.phone,
              text: item.name+' ('+item.phone+')' // or use item.name + ' ' + item.last_name if you want to include last name
            };
          });
  
          return {
            results: formattedData
          };
        },
        cache: true
      }
    });
  
    // Update hidden input with selected ID
    $('#mySelectBuddy').on('select2:select', function (e) {
      var data = e.params.data;
      $('.buddy_user_id').val(data.id);
  
    });
  });    
        $("#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.");
            }
        });

        function resetform() {
            var ipat = "{{ asset('public/uploads/pms/partner/' . $edit_partner->Logo) }}";
            $("#uploadedAvatar").attr('src', ipat);
        }
    </script>

    <script>
   $(document).ready(function(){
    $("#add-row").click(function(){
      var newRow = '<li class="input-row li_input_row list-group-item">' +
                      '<input type="text"  class="form-control" name="subname[]" placeholder="Name">&nbsp;' +
                      '<input type="text"  class="form-control" name="subdesignation[]" placeholder="Designation">&nbsp;' +
                      '<input type="email"  class="form-control" name="subemail[]" placeholder="Email">&nbsp;' +
                      '<input type="text"  class="form-control" name="submob[]" placeholder="Mobile Number">&nbsp;' +
                      '<button class="remove-row btn">Remove</button>' +
                    '</li>';
      $("#input-list").append(newRow);
    });

    $("#input-list").on("click", ".remove-row", function(){
      $(this).closest("li").remove();
    });
  });

  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>
<style type="text/css">
    .li_input_row {
        display: flex;
    }
    .alert.alert-danger {
        margin: 20px;
    }
</style>
@endsection