@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">Financials DB /</span> Add User</h4>
            <form id="formAuthentication" class="mb-3"
                action="{{ route('superadmin.financialsuseraddnew') }}" enctype="multipart/form-data"
                method="POST">
                @method('POST')
                <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-6">
                                        <label for="firstName" class="form-label">Profile</label><sup style="color:red;"></sup>
                                    
                                        <select class="form-select" id="profile" aria-label="Default select example" name="profile">
                                            <option value="">Select</option>
                                            <option value="CA in practice"> CA in practice</option>
                                            <option value="CA not in practice"> CA not in practice </option>
                                            <option value="Corporate Sector"> Corporate Sector  </option>
                                            <option value="Investment Banker"> Investment Banker </option>
                                            <option value="Wealth Advisor"> Wealth Advisor </option>
                                            <option value="Family Office Advisor"> Family Office Advisor </option>
                                            <option value="Bank professional"> Bank professional </option>
                                            <option value="CWA/CS/MBA/Lawyer"> CWA/CS/MBA/Lawyer </option>
                                            <option value="Loan Advisor"> Loan Advisor </option>
                                            <option value="Insurance Agent"> Insurance Agent </option>
                                            <option value="Real Estate Consultant"> Real Estate Consultant </option>
                                          </select>
                                    </div>
                                    <div class="mb-3 col-md-6">
                                        <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-6">
                                        <label for="firstName" class="form-label">Email</label><sup style="color:red;"></sup>
                                        <input class="form-control" type="email" id="companypartner"  name="emailid"
                                            placeholder="" value="{{old('emailid')}}"  />
                                    </div> 
                                    <div class="mb-3 col-md-6">
                                        <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>
                                <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">Pincode</label>
                                        <input class="form-control" type="text" name="pincode" value="{{old('pincode')}}">                            
                                    </div>  

                                    <div class="mb-3 col-md-6">
                                        <label for="firstName" class="form-label">City</label>
                                        <input class="form-control" type="text" name="city" value="{{old('city')}}">                             
                                    </div>  
                                    
                
                                    <div class="mt-2">
                                        <button type="submit" class="btn btn-primary me-2">Save changes</button>
                                       
                                    </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-danger {
        margin: 25px;
    }
</style>
@endsection