@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">IB Deals /</span> Add Investor</h4>
            <form id="formAuthentication" class="mb-3" action="{{ route('superadmin.addnewinvestor') }}" 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>
                                        <!--<p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p> -->
                                    </div>
                                </div>
                            </div>
                            <hr class="my-0" />
                            <div class="card-body">
                                <div class="row">
                                    <div class="mb-3 col-md-4 select_investor_buddy">
                                        <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="buddy_user_id" value="0">
                                        </div>
                                    </div>
                                    <div class="mb-3 col-md-12">
                                        <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-12">
                                        <label for="firstName" class="form-label">Website</label>
                                        <input class="form-control" required type="text" id="website" name="website" placeholder="" value="{{old('website')}}"  />                                   
                                    </div>
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Investment size(INR Cr) From</label>
                                        <input class="form-control" required oninput="validateDecimal(this)" type="text" id="investment_size_from" name="investment_size_from" placeholder="" value="{{old('investment_size_from')}}"  />                                     
                                    </div>
                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">Investment size(INR Cr) To</label>
                                        <input class="form-control" required oninput="validateDecimal(this)" type="text" id="investment_size_to" name="investment_size_to" placeholder="" value="{{old('investment_size_to')}}"  />                                    
                                    </div>
                                    <div class="mb-3 col-md-12" style="display:none;">
                                        <label for="firstName" class="form-label">Investment size(INR)</label>
                                        <select class="form-select" name="investment_size" id="exampleFormControlSelect1" aria-label="Default select example"> 
                                            <option value="">Select</option>   
                                               
                                        </select>                                     
                                    </div>
                                     <div class="mb-3 col-md-12">
                                        <label for="firstName" class="form-label">Location</label>
                                        <input class="form-control" required type="text" id="location" name="location"   placeholder="" value="{{old('location')}}"  />                                    
                                    </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="HNI"   {{ ( old('type')=='HNI' ) ? 'selected' : '' }}>HNI</option>
                                             <option value="Family office" {{ ( old('type')=='Family office' ) ? 'selected' : '' }}>Family office</option>
                                             <option value="VC debt fund" {{ ( old('type')=='VC debt fund' ) ? 'selected' : '' }}>VC debt fund</option>
                                             <option value="VC equity fund" {{ ( old('type')=='VC equity fund' ) ? 'selected' : '' }}>VC equity fund</option>
                                             <option value="PE" {{ ( old('type')=='PE' ) ? 'selected' : '' }}>PE</option>
                                             <option value="Angel Investor" {{ ( old('type')=='Angel Investor' ) ? 'selected' : '' }}>Angel Investor</option>
                                             <option value="Angel Network" {{ ( old('type')=='Angel Network' ) ? 'selected' : '' }}>Angel Network</option>
                                             <option value="Bank" {{ ( old('type')=='Bank' ) ? 'selected' : '' }}>Bank</option>
                                             <option value="NBFC" {{ ( old('type')=='NBFC' ) ? 'selected' : '' }}>NBFC</option>
                                             <option value="ARC" {{ ( old('type')=='ARC' ) ? 'selected' : '' }}>ARC</option>
                                             <option value="Special Situation Fund" {{ ( old('type')=='Special Situation Fund' ) ? 'selected' : '' }}>Special Situation Fund</option>
                                             <option value="Impact Fund" {{ ( old('type')=='Impact Fund' ) ? 'selected' : '' }}>Impact Fund</option>
                                             <option value="Insurance" {{ ( old('type')=='Insurance' ) ? 'selected' : '' }}>Insurance</option>
                                        </select>     
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Fund type</label><sup style="color:red;">*</sup>
                                        <select class="form-control" id="fund_type " name="fund_type" placeholder="" required />
                                             <option value="Equity" {{ ( old('fund_type')=='Equity' ) ? 'selected' : '' }}>Equity</option>
                                             <option value="Debt" {{ ( old('fund_type')=='Debt' ) ? 'selected' : '' }}>Debt</option>                                           
                                        </select>     
                                    </div>
                                    <div class="mb-3 col-md-4">
                                        <label for="firstName" class="form-label">Focus Industry</label><sup style="color:red;">*</sup>
                                        <select class="form-control focus_industry" id="focus_industry " name="focus_industry[]" multiple placeholder="" required   aria-label="Multiple select example"  />
                                            <option value="Technology" @if (old("focus_industry")) {{ (in_array('Technology', old("focus_industry")) ? "selected":"") }}@endif>Technology</option>
                                            <option value="Media and Entertainment"  @if (old("focus_industry")) {{ (in_array('Media and Entertainment', old("focus_industry")) ? "selected":"") }}@endif>Media and Entertainment</option>
                                            <option value="Education and Skill Development"  @if (old("focus_industry")) {{ (in_array('Education and Skill Development', old("focus_industry")) ? "selected":"") }}@endif>Education and Skill Development</option>
                                            <option value="Financial Services"  @if (old("focus_industry")) {{ (in_array('Financial Services', old("focus_industry")) ? "selected":"") }}@endif>Financial Services</option>
                                            <option value="Aerospace and Defence"  @if (old("focus_industry")) {{ (in_array('Aerospace and Defence', old("focus_industry")) ? "selected":"") }}@endif>Aerospace and Defence</option>
                                            <option value="Healthcare and Wellness"  @if (old("focus_industry")) {{ (in_array('Healthcare and Wellness', old("focus_industry")) ? "selected":"") }}@endif>Healthcare and Wellness</option>
                                            <option value="Pharma and Lifesciences"  @if (old("focus_industry")) {{ (in_array('Pharma and Lifesciences', old("focus_industry")) ? "selected":"") }}@endif>Pharma and Lifesciences</option>
                                            <option value="Retail and Consumer Goods"  @if (old("focus_industry")) {{ (in_array('Retail and Consumer Goods', old("focus_industry")) ? "selected":"") }}@endif>Retail and Consumer Goods</option>
                                            <option value="Energy and Resources"  @if (old("focus_industry")) {{ (in_array('Energy and Resources', old("focus_industry")) ? "selected":"") }}@endif>Energy and Resources</option>
                                            <option value="Agriculture"  @if (old("focus_industry")) {{ (in_array('Agriculture', old("focus_industry")) ? "selected":"") }}@endif>Agriculture</option>
                                            <option value="Infrastructure"  @if (old("focus_industry")) {{ (in_array('Infrastructure', old("focus_industry")) ? "selected":"") }}@endif>Infrastructure</option>
                                            <option value="Logistics and Mobility"  @if (old("focus_industry")) {{ (in_array('Logistics and Mobility', old("focus_industry")) ? "selected":"") }}@endif>Logistics and Mobility</option>
                                            <option value="B2B Services"  @if (old("focus_industry")) {{ (in_array('B2B Services', old("focus_industry")) ? "selected":"") }}@endif>B2B Services</option>
                                            <option value="SaaS"  @if (old("focus_industry")) {{ (in_array('SaaS', old("focus_industry")) ? "selected":"") }}@endif>SaaS</option>
                                            <option value="Gaming"  @if (old("focus_industry")) {{ (in_array('Gaming', old("focus_industry")) ? "selected":"") }}@endif>Gaming</option>
                                            <option value="Apparel and Accessories"  @if (old("focus_industry")) {{ (in_array('Apparel and Accessories', old("focus_industry")) ? "selected":"") }}@endif>Apparel and Accessories</option>
                                            <option value="Beauty and Personalcare"  @if (old("focus_industry")) {{ (in_array('Beauty and Personalcare', old("focus_industry")) ? "selected":"") }}@endif>Beauty and Personalcare</option>
                                            <option value="Clean Energy"  @if (old("focus_industry")) {{ (in_array('Clean Energy', old("focus_industry")) ? "selected":"") }}@endif>Clean Energy</option>
                                            <option value="Real Estate"  @if (old("focus_industry")) {{ (in_array('Real Estate', old("focus_industry")) ? "selected":"") }}@endif>Real Estate</option>
                                            <option value="Metaverse"  @if (old("focus_industry")) {{ (in_array('Metaverse', old("focus_industry")) ? "selected":"") }}@endif>Metaverse</option>    
                                            <option value="Sector Agnostic"  @if (old("focus_industry")) {{ (in_array('Sector Agnostic', old("focus_industry")) ? "selected":"") }}@endif>Sector Agnostic</option>    
                                            
                                        </select>     
                                    </div>
                                    <div class="mb-3 col-md-12 sub_investors">
                                            <ul id="input-list" class="list-group">   
                                                @if (old("subname") || old("subdesignation") || old("subemail") || old("submob"))   
                                                    @foreach(old("subname") as $kk => $subnme)
                                                        <li class="input-row li_input_row list-group-item">
                                                            <input type="text" class="form-control" name="subname[]" value="{{$subnme}}" placeholder="Name">
                                                            <input type="text" class="form-control" name="subdesignation[]" value="{{old("subdesignation")[$kk]}}" placeholder="Designation">
                                                            <input type="email" class="form-control" name="subemail[]" value="{{old("subemail")[$kk]}}" placeholder="Email">
                                                            <input type="text" class="form-control" name="submob[]" value="{{old("submob")[$kk]}}" placeholder="Mobile Number">
                                                            <button class="remove-row btn">Remove</button>
                                                        </li> 
                                                    @endforeach
                                                @else  
                                                    <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>
                                                @endif                                         
                                                                                             
                                            </ul>
                                            <button type="button" class="btn" 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/investorlist') }}"
                                            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() {
            $('.focus_industry').select2();
        });

        $("#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 
      } 
    }
    $(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,
              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-danger {
        margin: 20px;
    }
</style>
@endsection