@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> Add Investor</h4>
            <form id="formAuthentication" class="mb-3"
                action="{{ route('superadmin.addainewinvestor') }}" 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>
                                        <select class="form-control" id="source" name="source" placeholder="" required />
                                             <option value="Mahan">Mahan</option>
                                             <option value="JLAN">JLAN</option>
                                             <option value="Fund">Fund</option>
                                             <option value="Buddy">Buddy</option>
                                        </select>     
                                    </div>
                                    
                                    <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>
                                          <input type="hidden" class="buddy_user_id" name="user_id" value="0">
                                        </div>
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Name</label><sup style="color:red;"></sup>
                                        <input class="form-control" required type="text" id="companypartner" name="name" placeholder="" value="{{ old('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="{{ old('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="{{ old('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="{{ old('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</option>
                                            <option value="HUF">HUF</option>
                                            <option value="Company">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">{{ old('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"  />                                
                                    </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="{{ old('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"  />                                
                                    </div> 
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Bank Details</label>
                                        <textarea class="form-control" name="bank_details">{{ old('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"  />                                
                                    </div>  

                                    <hr/>
                                    <strong>Applicants</strong>
                                    <br/>
                                     <div class="mb-3 col-md-12 sub_investors">
                                            <ul id="input-list" class="list-group">                                               
                                                    <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="removee-row btn" style="visibility: hidden;">Remove</button>
                                                  </li>                                             
                                            </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>
                                <!-- /Account -->
                            </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>
        $("#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.");
            }
        });

       
    </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>

<script>
$(document).ready(function() {
    $('#source').on('change', function (e) {
        var source = $(this).val();
        
        $('.select_investor_buddy').hide();
        $('.buddy_user_id').val(0);
      //  $('input[name="name"]').val('');
        //$('input[name="emailid"]').val('');
        //$('input[name="phone"]').val('');
        $('#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);
     // $('input[name="name"]').val(data.name);
     // $('input[name="emailid"]').val(data.email);
     // $('input[name="phone"]').val(data.phone);
    });
  });
</script>
<style type="text/css">
    .li_input_row {
        display: flex;
    }
    .alert.alert-danger {
        margin: 20px;
    }
</style>
@endsection