@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">DataBase /</span> Edit User</h4>
            <div class="mt-2 mb-4">
                @if(Auth::guard('admin')->user()->role == 'superadmin'   || Auth::guard('admin')->user()->role == 'telecaller' ||  Auth::guard('admin')->user()->role == 'saleshead' )
                 <a type="submit" href="{{route('superadmin.financialsuserlist')}}" class="btn btn-outline-secondary me-2">User List</a>
                @endif
                <a type="submit" href="{{route('superadmin.financialsuserview', $user_details->id)}}" title="User Detail" class="btn btn-outline-secondary me-2">User Detail</a> 
                <a type="submit" href="{{route('superadmin.financialsuseredit', $user_details->id)}}"  class="btn btn-outline-secondary me-2" style="background: #788393;color: #fff;" >User Edit</a>                              
						    <a  href="{{route('superadmin.financialsusertelecalling', $user_details->id)}}" class="btn btn-outline-secondary me-2"> Telecalling Info</a>
                <a  href="{{route('superadmin.rmenquirylistbyfinancialuser', $user_details->id)}}"  class="btn btn-outline-secondary me-2"> SmCalling Info</a>
              
                @if (Auth::guard('admin')->user()->role == 'telecaller' || Auth::guard('admin')->user()->role == 'superadmin')                                                              
                  <a  href="{{ route ('superadmin.financialsusertelecalling', $user_details->id) }}?newcall=1" class="btn btn-primary me-2" style="float: right;"> Add New Tl Call</a>    
                @endif   
                @if (Auth::guard('admin')->user()->role == 'rm' || Auth::guard('admin')->user()->role == 'sm' || Auth::guard('admin')->user()->role == 'superadmin')                                  
                 <a  href="{{ route ('superadmin.rmenquirylistbyfinancialuser', $user_details->id) }}?newcall=1" class="btn btn-primary me-2" style="float: right;"> Add New Sm Call</a>   
                @endif   
                              
              </div>
            <form id="formAuthentication" class="mb-3"
                action="{{ route('superadmin.financialsuserupdate') }}" 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">
                                    <input class="form-control" type="hidden" name="user_id" value="{{$user_details->id}}"></textarea>                                
                                    
                                    <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="{{$user_details->name}} {{$user_details->last_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="{{$user_details->email}}"  />
                                    </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="{{$user_details->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">{{$user_details->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="{{$user_details->zipcode}}"></textarea>                                
                                    </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="{{$user_details->city}}"></textarea>                                
                                    </div>  

                                    @if((Auth::guard('admin')->user()->role =='sm' && $user_details->assigned_sm_id == Auth::guard('admin')->user()->id))
                                    <div class="col mb-6"> 
                                       <label for="nameBasic" class="form-label">SM</label>
                                       <select id="sm" class="select2 form-select" name="sub_sm_id">
                                         
                                         @foreach($rms as $rm)
                                           <option value="{{$rm->id}}" {{ $user_details->sub_sm_id == $rm->id ? 'selected' : '' }}>{{$rm->name}}</option>
                                         @endforeach
                                        
                                       </select>
                                    </div>
                                    @endif  
                                    @if((Auth::guard('admin')->user()->role =='superadmin' || Auth::guard('admin')->user()->role =='saleshead'))
                                    <div class="col mb-6"> 
                                       <label for="nameBasic" class="form-label">Assigned TC/ARM</label>
                                       <select id="sme" class="select2 form-select" name="assigned_telecaller_id">
                                        @if(empty($user_details->assigned_telecaller_id)) 
                                             <option value="">Select</option>
                                        @endif
                                        @foreach($tls as $tl)
                                           <option value="{{$tl->id}}" {{ $user_details->assigned_telecaller_id == $tl->id ? 'selected' : '' }}>{{$tl->name}}</option>
                                        @endforeach
                                        
                                       </select>
                                    </div>
                                    @endif  
                                    
                
                                    <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