@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 Documentation</h4>
            <form id="formAuthentication" class="mb-3" action="{{ route('superadmin.addainewdocument') }}" 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">Select Deal</label><sup style="color:red;"></sup>                                               
                                          <select id="mySelectDeal" class="form-select"></select>
                                          <input type="hidden" id="selectedIdDeal" name="selectedIdDeal">
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Name of Client</label><sup style="color:red;"></sup>
                                        <input class="form-control" required type="text" id="companypartner" name="client_name" placeholder="" value="" required />
                                    </div> 
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Name of Legal Partner</label>
                                        <input class="form-control" required type="text" id="legal_partner_name" name="legal_partner_name" placeholder="" value=""  />                                
                                    </div>   
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Valuation</label>
                                        <input class="form-control" type="file" name="valuation"  />                                
                                    </div>                                     
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Due Deligence Report</label>
                                        <input class="form-control" type="file" name="due_deligence_report"  />                                
                                    </div>  
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Share Holding Argument</label>
                                        <input class="form-control" type="file" name="share_holding_argument"  />                                
                                    </div> 
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">ESOPs Policy</label><sup style="color:red;"></sup>
                                        <select class="form-control" id="esops_policy " name="esops_policy" placeholder="" />
                                            <option value="Yes">Yes</option>
                                            <option value="No">No</option>
                                        </select>     
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Employement Agreemrnt</label><sup style="color:red;"></sup>
                                        <select class="form-control" id="employement_agreemrnt " name="employement_agreemrnt" placeholder="" />
                                            <option value="Yes">Yes</option>
                                            <option value="No">No</option>
                                        </select>     
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Stamping of Share Certificates</label><sup style="color:red;"></sup>
                                        <select class="form-control" id="stamping_of_share_certificates " name="stamping_of_share_certificates" placeholder="" />
                                            <option value="Yes">Yes</option>
                                            <option value="No">No</option>
                                        </select>     
                                    </div>  
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Cap table/Member register</label>
                                        <input class="form-control" type="file" name="cap_table_member_register"  />                                
                                    </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>
                        </div>   
                    </div>  
                </div>       
            </form>
        </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() {
  $('#mySelectDeal').select2({
    ajax: {
      url: "{{ url('superadmin/aidocumentlist') }}?searchdeal=1",
      dataType: 'json',
      delay: 250,
      processResults: function(data) {
        var formattedData = data.map(function(item) {
          return {
            id: item.id,
            text: item.deal_name+' ('+item.product_code+')' // 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
  $('#mySelectDeal').on('select2:select', function (e) {
    var data = e.params.data;
    $('#selectedIdDeal').val(data.id);
  });
});
  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;
    }
</style>
@endsection