@extends('layouts.app')
@php
  $fullname = $user->name;
  $parts = explode(' ', trim($fullname));

  $firstname = $parts[0];
  $lastname = implode(' ', array_slice($parts, 1));
@endphp
@section('content')
<style>
   .tab-content .tab-pane {
       padding: 0 !important; 
       border: none !important; 
   }
</style>
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between my-2 page-header-breadcrumb">
        <div>
        </div>
        <div class="main-dashboard-header-right">

        </div>
    </div>
    <!-- End Page Header -->
    <div class="row">
      <div id="formAlert" class=""></div>
        <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Update Profile Details
                   </div>
                </div>
                <div class="card-body">
                  <form id="memberForm" novalidate>
                   @csrf
                   <div class="row">
                      <div class="col-md-6 mb-3">
                         <label class="form-label">First Name</label>
                         <input type="text" name="firstname" class="form-control" value="{{@$firstname}}" placeholder="First name"
                            aria-label="First name">
                      </div>
                      <div class="col-md-6 mb-3">
                         <label class="form-label">Last Name</label>
                         <input type="text" name="lastname" class="form-control" value="{{@$lastname}}" placeholder="Last name"
                            aria-label="Last name">
                      </div>

                      <div class="col-md-6 mb-3">
                         <label class="form-label">Contact Number</label>
                         <input type="text" name="mobile" class="form-control" value="{{@$user->mobile}}" placeholder="First name"
                            aria-label="First name">
                      </div>
                      <div class="col-md-6 mb-3">
                         <label class="form-label">Email Address</label>
                         <input type="text" name="email" class="form-control" value="{{@$user->email}}" placeholder="Last name"
                            aria-label="Last name">
                      </div>

                      <div class="col-md-6 mb-3">
                         <label class="form-label">D.O.B.</label>
                         <input type="date" name="dob" class="form-control" value="{{@$user->dob}}" placeholder="First name"
                            aria-label="Enter dob">
                      </div>
                      <div class="col-md-6 mb-3">
                         <label class="form-label">State Name</label>
                         <input type="text" name="state" class="form-control" value="{{@$user->state}}" placeholder="Last name"
                            aria-label="State name">
                      </div>

                      <div class="col-md-6 mb-3">
                         <label class="form-label">District Name</label>
                         <input type="text" name="district" class="form-control" value="{{@$user->district}}" placeholder="District name">
                      </div>
                      <div class="col-md-6 mb-3">
                         <label class="form-label">City Name</label>
                         <input type="text" name="city" class="form-control" value="{{@$user->city}}" placeholder="Enter City">
                      </div>

                      <div class="col-md-6 mb-3">
                         <label class="form-label">Village Name</label>
                         <input type="text" name="village" class="form-control" value="{{@$user->village}}" placeholder="First name"
                            aria-label="Village name">
                      </div>
                      <div class="col-md-6 mb-3">
                         <label class="form-label">Pin Code</label>
                         <input type="text" name="pincode" class="form-control" value="{{@$user->pincode}}" placeholder="Enter pincode"
                            aria-label="Enter pincode">
                      </div>
 
                       <div class="col-md-6 mb-3">
                         <label class="form-label">Address</label>
                         <input type="text" name="address" class="form-control" value="{{@$user->address}}" placeholder="Enter Address">
                      </div>
                      <div class="col-md-6 mb-3">
                         <label class="form-label">Business Name</label>
                         <input type="text" name="shopname" class="form-control" value="{{@$user->shopname}}" placeholder="Business name">
                      </div>

                      <div class="col-md-6 mb-3">
                         <label class="form-label">Business Address</label>
                         <input type="text" name="businessaddress" class="form-control" value="{{@$user->businessAddress}}" placeholder="Address"
                            aria-label="Address">
                      </div>

                       @if(\CommonHelper::can('change_profile'))
                      <input type="hidden" name="userid" value="{{@$user->id}}">
                      <div class="col-md-12 text-right">
                         <button type="submit" class="btn btn-primary">Update</button>
                      </div>
                      @endif
                   </div>
                  </form> 
                </div>
            </div>
        </div>
        
        @if(\CommonHelper::hasRole('admin'))
        <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Commission Plan
                   </div>
                </div>
                <div class="card-body">
                   <div class="row">
                      <div class="col-md-9 mb-3">
                         <label class="form-label">Select Plan</label>
                         <select name="commission_plan" id="commission_plan" class="form-control">
                             <option value="01">01 - Default Plan</option>
                             <option value="02">02 - Individual Plan Offer</option>
                         </select>
                      </div>
                      
                      <div class="col-md-3 mt-2"><br>
                          <button type="submit" class="btn btn-primary">Update</button>
                      </div>
                   </div>
                </div>
            </div>
            @if(\CommonHelper::hasRole('admin'))
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Fund Manager Options
                   </div>
                </div>
                <div class="card-body">
                   <div class="row">
                      <div class="col-md-9 mb-3">
                           <div class="table-responsive">
                              <table class="table text-nowrap table-bordered">
                                 <thead>
                                    <tr>
                                       <th scope="col">Current Amount</th>
                                       <th scope="col">Hold Amount</th>
                                       <th scope="col">Balance</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    <tr data-user-id="{{ $user->id }}" data-current="{{ $user->mainwallet }}">
                                        <td class="current-amt">₹ {{ $user->mainwallet }}</td>
                                        <td>
                                          <input type="number" class="form-control form-control-sm hold-amt text-end" value="{{ $user->lockedamount }}" min="0"></td>
                                        <td class="balance-amt text-success fw-bold">₹ 0</td>
                                    </tr>
                                 </tbody>
                              </table>
                           </div>
                      </div>
                      <div class="col-md-3 mt-3"><br>
                          <button type="submit" id="updateFund" class="btn btn-primary">Update</button>
                      </div>
                   </div>
                </div>
            </div>
            @endif

            <!-- <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Mapping Manager
                   </div>
                </div>
                <div class="card-body">
                   <div class="row">
                      <div class="col-md-9 mb-3">
                         <label class="form-label">Select</label>
                         <select class="form-control" placeholder="First name"
                            aria-label="First name">
                                <option selected="">RT86786786 - Ramesh kumar</option>
                                <option>Plan B</option>
                            </select>
                      </div>
                      <div class="col-md-3 mt-2"><br>
                          <button type="submit" class="btn btn-primary">Update</button>
                      </div>

                      <div class="col-md-12">
                          <b>Note: </b>Currently this agent mapped under Admin.
                      </div>
                   </div>
                </div>
            </div> -->
             @if(isset($wlpartnerdata) && $wlpartnerdata != "")
              <div class="card custom-card">
                  <div class="card-header justify-content-between">
                     <div class="card-title">
                        Domain Credentials Details
                     </div>
                  </div>
                  <div class="card-body">
                     <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Domain Name</label>
                            <input type="text" name="domainname" class="form-control" value="{{ @$wlpartnerdata->companyname }}" placeholder="Enter Domain Name" aria-label="Domain Name" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Domain URL</label>
                            <input type="text" name="website" class="form-control" value="{{ @$wlpartnerdata->website }}" placeholder="Enter Domain URL" aria-label="Domain URL" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">IP Configuration Details</label>
                            <input type="text" class="form-control" placeholder="Enter IP Configuration Details" name="ipaddress" value="{{ @$wlpartnerdata->ipaddress }}" aria-label="IP Configuration Details" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Upload Logo</label>
                            <input type="file" name="companylogo" class="form-control" placeholder="Enter Logo URL or Upload" aria-label="Upload Logo">
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-md-12 text-right" style="text-align: right !important;">
                      <button type="button" class="btn btn-primary">Update</button>
                       </div>
                    </div>

                  </div>


              </div>
              @endif


        </div> 
        @endif
    </div>

    <div class="row">
        <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      User KYC Updates:
                   </div>
                </div>
                <div class="card-body">
                   <div class="row">
                      <div class="col-md-12 mb-3">
                           <div class="table-responsive">
                              <table class="table text-nowrap table-bordered">
                                 <thead>
                                    <tr>
                                       <th scope="col">Doc Name</th>
                                       <th scope="col">View Doc</th>
                                       <th scope="col">Upload Docs</th>
                                       <th scope="col">Approve/Reject</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    <tr>
                                        <td>Pan Card No</td>
                                        <td>AKHJH7655H</td>
                                        <td>-----</td>
                                        <td><span class="badge bg-success">Approved</span></td>
                                    </tr>

                                    <tr>
                                        <td>Aadhar Card No</td>
                                        <td>876457638564</td>
                                        <td>-----</td>
                                        <td><span class="badge bg-danger">Rejected</span></td>
                                    </tr>

                                    <tr data-doc="pancard" data-user="{{ $user->id }}">
                                        <td>Pancard</td>
                                         <td class="text-center">
                                            <button class="btn btn-sm btn-primary view-doc"
                                                  data-file="{{ asset($user->pancardpic) }}">
                                              View File
                                          </button>
                                        </td>
                                        <td><input type="file" class="form-control form-control-sm doc-file"  accept="image/*,application/pdf"></td>
                                       <td><button type="button" class="btn btn-sm btn-primary upload-doc">Upload</button>
                                       </td>
                                    </tr>

                                    <tr data-doc="aadhar" data-user="{{ $user->id }}">
                                       <td>Aadhar Card</td>
                                       <td class="text-center">
                                           <button class="btn btn-sm btn-primary view-doc"
                                                  data-file="{{ asset($user->aadharcardpic) }}">
                                              View File
                                          </button>
                                       </td>
                                        <td><input type="file" class="form-control form-control-sm doc-file"  accept="image/*,application/pdf"></td>
                                       <td><button type="button" class="btn btn-sm btn-primary upload-doc">Upload</button>
                                       </td>
                                    </tr>

                                    <tr data-doc="cheque" data-user="{{ $user->id }}">
                                       <td>Cancel cheque</td>
                                       <td class="text-center">
                                           <button class="btn btn-sm btn-primary view-doc"
                                                  data-file="{{ asset($user->cancelchequepic) }}">
                                              View File
                                          </button>
                                       </td>
                                        <td><input type="file" class="form-control form-control-sm doc-file"  accept="image/*,application/pdf"></td>
                                       <td><button type="button" class="btn btn-sm btn-primary upload-doc">Upload</button>
                                       </td>
                                    </tr>

                                    <tr data-doc="agreement" data-user="{{ $user->id }}">
                                       <td>Agreement Copy</td>
                                       <td class="text-center">
                                           <button class="btn btn-sm btn-primary view-doc"
                                                  data-file="{{ asset($user->agreementpic) }}">
                                              View File
                                          </button>
                                       </td>
                                        <td><input type="file" class="form-control form-control-sm doc-file"  accept="image/*,application/pdf"></td>
                                       <td><button type="button" class="btn btn-sm btn-primary upload-doc">Upload</button>
                                       </td>
                                    </tr>


                                 </tbody>
                              </table>
                           </div>
                      </div>
                   </div>
                </div>
            </div>
        </div>
        
         @if(\CommonHelper::hasRole('admin'))
        <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Login Page Banners
                   </div>
                </div>
                <div class="card-body" style="padding-top: 2px; !important;">
                  <form id="memberForm" novalidate>
                   @csrf
                   <div class="row">
                      <div class="col-md-12 mb-3">
                          <p class="text-muted">Browse Banner01:</p>
                          <input type="file" name="browselogo" class="form-control">                      
                        </div>
                        <div class="col-md-12 mb-3">
                          <p class="text-muted">Browse Banner02:</p>
                          <input type="file" name="browselogo" class="form-control">                      
                        </div>

                      <input type="hidden" name="userid" value="{{@$user->id}}">
                      <div class="col-md-12 text-right">
                         <button type="submit" class="btn btn-primary">Update</button>
                      </div>
                   </div>
                  </form> 
                  </div>
              </div>
           
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      User Platform Accessibilities
                   </div>
                </div>
               <div class="card-body">
                 <div class="row">
                   <div class="col-md-9 mb-3">
                     <label class="form-label">Select the User Platform</label>

                     <div class="d-flex gap-4">
                       <div class="form-check">
                         <input class="form-check-input access-mobile"
                                type="checkbox"
                                id="accessMobile"
                                {{ ($user->isAccessMobile == 'yes') ? 'checked' : '' }}>
                         <label class="form-check-label" for="accessMobile">
                           Mobile Application
                         </label>
                       </div>

                       <div class="form-check">
                         <input class="form-check-input access-web"
                                type="checkbox"
                                id="accessWeb"
                                {{ ($user->isAccessWeb == 'yes') ? 'checked' : '' }}>
                         <label class="form-check-label" for="accessWeb">
                           Web Portal Access
                         </label>
                       </div>
                     </div>
                   </div>

                   <div class="col-md-3 mt-2"><br>
                     <button type="button"
                             class="btn btn-primary"
                             id="updateAccess"
                             data-user="{{ $user->id }}">
                       Update
                     </button>
                   </div>
                 </div>
               </div>

            </div>
            @endif
        </div>

<!--         <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      User Agent ID Update - BBPS - Bill Avenue
                   </div>
                </div>
                <div class="card-body">
                   <div class="row">
                      <div class="col-md-9 mb-3">
                        <div class="mb-2">
                             <label class="form-label">Agent Type</label>
                             <select class="form-control" placeholder="First name"
                                aria-label="First name">
                                    <option selected="">Agent ID (Bill Avenue)</option>
                            </select>
                        </div>
                        <div class="mb-2">
                             <label class="form-label">Agent ID</label>
                             <select class="form-control" placeholder="First name"
                                aria-label="First name">
                                    <option selected="">---------</option>
                            </select>
                        </div>
                      </div>
                      <div class="col-md-3 mt-5"><br>
                          <button type="submit" class="btn btn-primary">Update</button>
                      </div>
                   </div>
                </div>
            </div>

            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      User Platform Accessibilities
                   </div>
                </div>
               <div class="card-body">
                 <div class="row">
                   <div class="col-md-9 mb-3">
                     <label class="form-label">Select the User Platform</label>

                     <div class="d-flex gap-4">
                       <div class="form-check">
                         <input class="form-check-input access-mobile"
                                type="checkbox"
                                id="accessMobile"
                                {{ ($user->isAccessMobile == 'yes') ? 'checked' : '' }}>
                         <label class="form-check-label" for="accessMobile">
                           Mobile Application
                         </label>
                       </div>

                       <div class="form-check">
                         <input class="form-check-input access-web"
                                type="checkbox"
                                id="accessWeb"
                                {{ ($user->isAccessWeb == 'yes') ? 'checked' : '' }}>
                         <label class="form-check-label" for="accessWeb">
                           Web Portal Access
                         </label>
                       </div>
                     </div>
                   </div>

                   <div class="col-md-3 mt-2"><br>
                     <button type="button"
                             class="btn btn-primary"
                             id="updateAccess"
                             data-user="{{ $user->id }}">
                       Update
                     </button>
                   </div>
                 </div>
               </div>

            </div>


        </div> --> 
    </div>

    <div class="row">
      <div class="col-xl-6">
          <div class="card custom-card">
              <div class="card-header justify-content-between">
                  <div class="card-title">
                      Bank Account Updates:
                  </div>
              </div>

              <div class="card-body">

                  <!-- 🔹 Tabs -->
                  <ul class="nav nav-tabs mb-3" role="tablist">
                     
                      <li class="nav-item">
                          <button class="nav-link active px-2 py-1 text-nowrap" data-bs-toggle="tab"
                                  data-bs-target="#selfBank" type="button">
                              Self Bank Top-Up
                          </button>
                      </li>
                      <li class="nav-item">
                          <button class="nav-link px-2 py-1 text-nowrap" data-bs-toggle="tab"
                                  data-bs-target="#agentBank" type="button">
                              Agent Top-up Bank
                          </button>
                      </li>
                      <li class="nav-item">
                          <button class="nav-link px-2 py-1 text-nowrap" data-bs-toggle="tab"
                                  data-bs-target="#settlementBank" type="button">
                              Settlement Bank A/c
                          </button>
                      </li>
                  </ul>

                  <!-- 🔹 Tab Content -->
                  <div class="tab-content">
                      <!-- ================= Self Bank Top-Up ================= -->
                      <div class="tab-pane fade show active" id="selfBank">

                          <div class="row">
                              <!-- Bank 1 -->
                              <div class="col-md-6">
                                  <fieldset style="all: revert; border-radius:7px; border:1px solid #ccc;">
                                      <legend style="all: revert;">Self Bank-01</legend>

                                    <form class="fundBankForm">
                                        <input type="hidden" name="type" value="self">

                                        <div class="mb-1">
                                            <input type="text" name="name" placeholder="Enter holder name" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="account" placeholder="Enter bank account" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="ifsc" placeholder="Enter IFSC" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="accounttype" placeholder="Ex- Saving, Current etc." class="form-control" required>
                                        </div>

                                        <button type="submit" class="btn btn-sm btn-success">Save</button>
                                    </form>
                                  </fieldset>
                              </div>

                              <!-- Bank 2 -->
                              <div class="col-md-6">
                                  <fieldset style="all: revert; border-radius:7px; border:1px solid #ccc;">
                                      <legend style="all: revert;">Self Bank-02</legend>
                                       <form class="fundBankForm">
                                           <input type="hidden" name="type" value="self">

                                           <div class="mb-1">
                                               <input type="text" name="name" placeholder="Enter holder name" class="form-control" required>
                                           </div>

                                           <div class="mb-2">
                                               <input type="text" name="account" placeholder="Enter bank account" class="form-control" required>
                                           </div>

                                           <div class="mb-2">
                                               <input type="text" name="ifsc" placeholder="Enter IFSC" class="form-control" required>
                                           </div>

                                           <div class="mb-2">
                                               <input type="text" name="accounttype" placeholder="Ex- Saving, Current etc." class="form-control" required>
                                           </div>

                                           <button type="submit" class="btn btn-sm btn-success">Save</button>
                                       </form>
                                  </fieldset>
                              </div>
                          </div>
                      </div>

                      <!-- ================= Agent Bank TAB ================= -->
                      <div class="tab-pane fade show" id="agentBank">

                          <div class="row">
                              <!-- Bank 1 -->
                              <div class="col-md-6">
                                  <fieldset style="all: revert; border-radius:7px; border:1px solid #ccc;">
                                      <legend style="all: revert;">Agent Bank-01</legend>

                                    <form class="fundBankForm">
                                        <input type="hidden" name="type" value="agent">

                                        <div class="mb-1">
                                            <input type="text" name="name" placeholder="Enter holder name" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="account" placeholder="Enter bank account" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="ifsc" placeholder="Enter IFSC" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="accounttype" placeholder="Ex- Saving, Current etc." class="form-control" required>
                                        </div>

                                        <button type="submit" class="btn btn-sm btn-success">Save</button>
                                    </form>
                                  </fieldset>
                              </div>

                              <!-- Bank 2 -->
                              <div class="col-md-6">
                                  <fieldset style="all: revert; border-radius:7px; border:1px solid #ccc;">
                                      <legend style="all: revert;">Agent Bank-02</legend>

                                    <form class="fundBankForm">
                                        <input type="hidden" name="type" value="agent">

                                        <div class="mb-1">
                                            <input type="text" name="name" placeholder="Enter holder name" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="account" placeholder="Enter bank account" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="ifsc" placeholder="Enter IFSC" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="accounttype" placeholder="Ex- Saving, Current etc." class="form-control" required>
                                        </div>

                                        <button type="submit" class="btn btn-sm btn-success">Save</button>
                                    </form>                                  </fieldset>
                              </div>
                          </div>
                      </div>

                      <!-- ================= Settlement Bank TAB ================= -->
                      <div class="tab-pane fade" id="settlementBank">

                          <div class="row">
                              <!-- Bank 1 -->
                              <div class="col-md-6">
                                  <fieldset style="all: revert; border-radius:7px; border:1px solid #ccc;">
                                      <legend style="all: revert;">Settlement Bank-01</legend>

                                    <form class="fundBankForm">
                                        <input type="hidden" name="type" value="settlement">

                                        <div class="mb-1">
                                            <input type="text" name="name" placeholder="Enter holder name" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="account" placeholder="Enter bank account" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="ifsc" placeholder="Enter IFSC" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="accounttype" placeholder="Ex- Saving, Current etc." class="form-control" required>
                                        </div>

                                        <button type="submit" class="btn btn-sm btn-success">Save</button>
                                    </form>
                                  </fieldset>
                              </div>

                              <!-- Bank 2 -->
                              <div class="col-md-6">
                                  <fieldset style="all: revert; border-radius:7px; border:1px solid #ccc;">
                                      <legend style="all: revert;">Settlement Bank-02</legend>

                                    <form class="fundBankForm">
                                        <input type="hidden" name="type" value="settlement">

                                        <div class="mb-1">
                                            <input type="text" name="name" placeholder="Enter holder name" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="account" placeholder="Enter bank account" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="ifsc" placeholder="Enter IFSC" class="form-control" required>
                                        </div>

                                        <div class="mb-2">
                                            <input type="text" name="accounttype" placeholder="Ex- Saving, Current etc." class="form-control" required>
                                        </div>

                                        <button type="submit" class="btn btn-sm btn-success">Save</button>
                                    </form>
                                  </fieldset>
                              </div>
                          </div>

                      </div>

                  </div>
              </div>
          </div>
      </div>


        <div class="col-xl-6">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                   <div class="card-title">
                      Password Manager:
                   </div>
                </div>
                <div class="card-body">
                   <div class="row">

                       <div class="col-md-6">
                            <form action="your-action-url" method="POST">
                                <fieldset style="all: revert; border-radius: 7px; margin: -9px 0px 0px -14px; border: 1px solid #ccc;">
                                    <legend style="all: revert;">Reset Transactional Password</legend>

                                      <div class="col-md-12 mb-2">
                                         <label class="form-label">Current</label>
                                         <input type="text" class="form-control" placeholder="*****"
                                            aria-label="First name">
                                      </div>

                                      <div class="col-md-12 mb-2">
                                         <label class="form-label">New</label>
                                         <input type="text" class="form-control" placeholder="*****"
                                            aria-label="First name">
                                      </div>

                                      <div class="col-md-12 mb-2">
                                         <label class="form-label">Re-type</label>
                                         <input type="text" class="form-control" placeholder="*****"
                                            aria-label="First name">
                                      </div>
                                      <div style="float: right;">
                                          <span class="badge bg-primary smlbtn">Reset</span>
                                      </div>
                                

                                </fieldset>
                            </form>
                       </div>  

                       <div class="col-md-6">
                          
                            <form id="passwordForm" action="{{route('password.reset')}}" method="POST">
                              <div class="formerror"></div>
                              @csrf
                              <input type="hidden" name="actiontype" value="password">
                                <fieldset style="all: revert; border-radius: 7px; margin: -9px 0px 0px -14px; border: 1px solid #ccc;">
                                    <legend style="all: revert;">Reset Login Password</legend>

                                      <div class="col-md-12 mb-2">
                                         <label class="form-label">Current</label>
                                         <input type="password" name="oldpassword" class="form-control"  placeholder="*****"
                                            aria-label="Current Password">
                                      </div>

                                      <div class="col-md-12 mb-2">
                                         <label class="form-label">New</label>
                                         <input type="password" name="password" id="password" class="form-control" placeholder="*****"
                                            aria-label="New">
                                      </div>

                                      <div class="col-md-12 mb-2">
                                         <label class="form-label">Re-type</label>
                                         <input type="password" name="password_confirmation" class="form-control" placeholder="*****"
                                            aria-label="Re-type">
                                      </div>
                                      <input type="hidden" name="userid" value="{{@$user->id}}">
                                      <div style="float: right;">
                                          <button type="submit" class="smlbtn btn-primary">Reset</button>
                                      </div>
                                
                                </fieldset>
                            </form>
                       </div>  
                   </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="docViewModal" tabindex="-1">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">View Document</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <div class="modal-body text-center" id="docPreview">
        <!-- Dynamic content -->
      </div>
    </div>
  </div>
</div>

@endsection


@section('scripts')
<script>
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('input[name="_token"]').val()
    }
});

$('#memberForm').on('submit', function(e) {
    e.preventDefault();

    let formData = new FormData(this);
    $('#formAlert').html('Updating...');

    $.ajax({
        url: "{{ route('updatemember') }}",
        type: "POST",
        data: formData,
        contentType: false,
        processData: false,

        success: function(response) {
            //$('#formAlert').html('<div class="alert alert-success">✔️ ' + response.message + '</div>');
             $('#formAlert').html('');
             msgalert('success', response.message);
            //$('#memberForm')[0].reset();
        },

        error: function(xhr) {
            if (xhr.status === 422) {
                let errors = xhr.responseJSON.errors;
                let messages = '<div class="alert alert-danger"><ul>';
                $.each(errors, function(key, val) {
                    messages += '<li>' + val[0] + '</li>';
                });
                messages += '</ul></div>';
                $('#formAlert').html(messages);
            } else {
                $('#formAlert').html('<div class="alert alert-danger">❌ Something went wrong. Please try again.</div>');
            }
        }
    });

});

$(document).on('submit', '.fundBankForm', function(e){
    e.preventDefault();

    let form = $(this);
    let formData = form.serialize();

    $.ajax({
        url: "{{ route('fundbank.save') }}",
        type: "POST",
        data: formData,
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        },
        success: function(res){
            if(res.status){
                alert(res.message);
            }else{
                alert(res.message);
            }
        }
    });
});

$('#updateAccess').on('click', function () {

    let userId = $(this).data('user');

    let isMobile = $('.access-mobile').is(':checked') ? 'yes' : 'no';
    let isWeb    = $('.access-web').is(':checked') ? 'yes' : 'no';

    $.ajax({
        url: "{{ route('user.update.access') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            user_id: userId,
            isAccessMobile: isMobile,
            isAccessWeb: isWeb
        },

        success: function (res) {
            msgalert('success', res.message);
        },

        error: function () {
            msgalert('warning', res.message);
        }
    });
});

$(document).on('click', '.upload-doc', function () {

    let row  = $(this).closest('tr');
    let file = row.find('.doc-file')[0].files[0];

    if (!file) {
        alert('Please select file');
        return;
    }

    let formData = new FormData();
    formData.append('_token', '{{ csrf_token() }}');
    formData.append('user_id', row.data('user'));
    formData.append('doc_type', row.data('doc'));
    formData.append('document', file);

    $.ajax({
        url: "{{ route('kyc.document.upload') }}",
        type: "POST",
        data: formData,
        contentType: false,
        processData: false,

        success: function (res) {
            alert(res.message);
        },

        error: function (xhr) {
            alert(xhr.responseJSON?.message || 'Upload failed');
        }
    });
});

$(document).on('click', '.view-doc', function () {

    let fileUrl = $(this).data('file');

    if (!fileUrl) {
        alert('File not found');
        return;
    }

    let preview = fileUrl.endsWith('.pdf')
        ? `<iframe src="${fileUrl}" width="100%" height="500"></iframe>`
        : `<img src="${fileUrl}" class="img-fluid">`;

    $('#docPreview').html(preview);
    new bootstrap.Modal('#docViewModal').show();
});



// runtime calculate
$(document).on('keyup blur', '.hold-amt', function () {
    calculateBalance($(this).closest('tr'));
});


$(document).ready(function() {
    $('tbody tr').each(function () {
        calculateBalance($(this));
    });
    // Code to run after the DOM is ready
    $("#passwordForm").validate({
        rules: {
            @if (Auth::id() == $user->id || (CommonHelper::hasNotRole('admin') && !CommonHelper::can('member_password_reset')))
                oldpassword: {
                    required: true,
                },
                password_confirmation: {
                    required: true,
                    minlength: 8,
                    equalTo: "#password"
                },
            @endif
            password: {
                required: true,
                minlength: 8
            }
        },
        messages: {
            @if (Auth::id() == $user->id || (CommonHelper::hasNotRole('admin') && !CommonHelper::can('member_password_reset')))
                oldpassword: {
                    required: "Please enter old password",
                },
                password_confirmation: {
                    required: "Please enter confirmed password",
                    minlength: "Your password should be at least 8 characters",
                    equalTo: "New password and confirmation must match"
                },
            @endif
            password: {
                required: "Please enter new password",
                minlength: "Your password should be at least 8 characters"
            }
        },
        errorElement: "p",
        errorPlacement: function(error, element) {
            if (element.prop("tagName").toLowerCase() === "select") {
                error.insertAfter(element.closest(".form-group").find(".select2"));
            } else {
                error.insertAfter(element);
            }
        },
        submitHandler: function(form) {
            let $form = $(form);
            $('#passwordForm .formerror').html('');
            $form.find('button:submit').prop('disabled', true).text('Submitting...');

            $.ajax({
                url: $form.attr('action'),
                method: 'POST',
                data: $form.serialize(),
                success: function(data) {
                    if (data.status === "success") {
                        msgalert('success', "Password Successfully Changed");
                        $form[0].reset(); // Optionally reset form
                    } else {
                        msgalert('warning', data.message);
                    }
                },
                error: function(xhr) {
                  if (xhr.status === 422) {
                      let errors = xhr.responseJSON.errors;
                      let messages = '<div class="alert alert-danger"><ul>';

                      $.each(errors, function(key, val) {
                          // Check if val is array
                          if (Array.isArray(val)) {
                              val.forEach(function(msg) {
                                  messages += '<li>' + msg + '</li>';
                              });
                          } else if (typeof val === 'string') {
                              messages += '<li>' + val + '</li>';
                          }
                      });

                      messages += '</ul></div>';
                      $('#passwordForm .formerror').html(messages);
                  }
              },
                complete: function() {
                    $form.find('button:submit').prop('disabled', false).text('Reset');
                }
            });
        }
    });

   $('#updateFund').on('click', function () {

       let row    = $('tbody tr'); // single row case
       let userId = row.data('user-id');

       let result = calculateBalance(row); // SAME logic reuse

       $.ajax({
           url: "{{ route('update.hold.amount') }}",
           type: "POST",
           data: {
               _token: "{{ csrf_token() }}",
               user_id: userId,
               hold_amount: result.hold_amount,
               balance: result.balance
           },
           success: function () {
               msgalert('success', 'Fund updated successfully');
           },
           error: function () {
               msgalert('warning', 'Something went wrong');
           }
       });
   });

  
});

function calculateBalance(row) {

    let currentAmt = parseFloat(row.data('current')) || 0;
    let holdAmt    = parseFloat(row.find('.hold-amt').val()) || 0;

    if (holdAmt > currentAmt) {
        msgalert('warning', 'Hold amount cannot be greater than current amount');
        holdAmt = 0;
        row.find('.hold-amt').val(0);
    }

    let balance = currentAmt - holdAmt;
    row.find('.balance-amt').text('₹ ' + balance.toFixed(2));

    return {
        hold_amount: holdAmt,
        balance: balance
    };
}



// page load
$(document).ready(function () {
    $('tbody tr').each(function () {
        calculateBalance($(this));
    });
});


</script>
@endsection