@extends('Admin.layout')
@section('content')
    <!-- TOASTER ALERT CONTAINER -->
    <div class="toast-container position-fixed top-0 end-0 p-3" style="z-index: 9999;">
        <div id="actionToast" class="toast align-items-center text-white border-0" role="alert" aria-live="assertive"
            aria-atomic="true">
            <div class="d-flex">
                <div class="toast-body" id="toastMessage">
                    <!-- Message content injected via JS -->
                </div>
                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
                    aria-label="Close"></button>
            </div>
        </div>
    </div>
    <div>
        <h5>
            <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="{{ route('new_entry') }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="icon icon-tabler">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M15 6l-6 6l6 6" />
                    </svg>
                </a>
            </button>
            Edit Delivery Partner
        </h5>
    </div>
    <div class="row align-items-center g-2 mb-5">
        <div class="col-12 col-md-6">
            <div class="d-flex align-items-center gap-2">
                <a href="{{ route('edit_delivery_partner', $partner->id) }}"
                    class="btn btn-primary d-flex align-items-center justify-content-center">
                    <i class="ti tabler-user me-2"></i>
                    <span>Profile Details</span>
                </a>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="d-flex align-items-center justify-content-md-end gap-2 w-100">
                <button type="button" id="blockPartnerBtn" data-blocked="{{ $partner->is_blocked }}"
                    class="btn {{ $partner->is_blocked == 1 ? 'btn-success' : 'btn-light' }}
               d-flex align-items-center justify-content-center
               flex-fill flex-lg-grow-0"
                    data-bs-toggle="modal" data-bs-target="#blockModal">
                    <i
                        class="ti
        {{ $partner->is_blocked == 1 ? 'tabler-lock-open' : 'tabler-ban' }}
        me-2
        {{ $partner->is_blocked == 1 ? '' : 'text-dark' }}">
                    </i>
                    <span class="{{ $partner->is_blocked == 1 ? '' : 'text-dark' }}">
                        {{ $partner->is_blocked == 1 ? 'Unblock' : 'Block' }}
                    </span>
                </button>
                {{-- Delete --}}
                <button type="button" id="deletePartnerBtn"
                    class="btn btn-danger
               d-flex align-items-center justify-content-center
               flex-fill flex-lg-grow-0"
                    data-bs-toggle="modal" data-bs-target="#delete">
                    <i class="ti tabler-trash me-2"></i>
                    <span>Delete</span>
                </button>
            </div>
        </div>
        <!-- MAIN FORM -->
        <form id="mainForm" action="{{ route('update_delivery_partner') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="id" value="{{ $partner->id }}">
            <div class="card p-5 mb-4">
                <h5>Rider Details</h5>
                <div class="row">
                    <div class="col-lg-3 mb-3">
                        <label class="form-label">Rider ID</label>
                        <input type="text" class="form-control bg-light" name="delivery_partner_id"
                            value="{{ old('delivery_partner_id', $partner->delivery_partner_id) }}" readonly>
                    </div>
                    <div class="col-lg-3 mb-3">
                        <label class="form-label">Full Name</label>
                        <input type="text" class="form-control" name="full_name"
                            value="{{ old('full_name', $partner->full_name) }}">
                    </div>
                    <div class="col-lg-3 mb-3">
                        <label class="form-label">Phone No</label>
                        <input type="text" class="form-control" name="phno"
                            value="{{ old('phno', $partner->phno) }}">
                    </div>
                    <div class="col-lg-3 mb-3">
                        <label for="image" class="form-label">Choose Image <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" id="image" name="image" accept=".jpg,.jpeg,.png">
                        @if (!empty($partner->image))
                            <a href="#" class="text-warning d-block text-decoration-underline mt-1"
                                data-bs-toggle="modal" data-bs-target="#previewModal"
                                onclick="setPreview('{{ asset('storage/' . $partner->image) }}', 'Profile Image')">
                                {{ basename($partner->image) }}
                            </a>
                        @endif
                    </div>
                    <div class="col-lg-4 mb-3">
                        <label class="form-label">Email</label>
                        <input type="email" class="form-control" name="email"
                            value="{{ old('email', $partner->email) }}">
                    </div>
                    <div class="col-lg-4 mb-3">
                        <label class="form-label">City</label>
                        <input type="text" class="form-control" name="city"
                            value="{{ old('city', $partner->city) }}">
                    </div>
                    <div class="col-lg-4 mb-3">
                        <label class="form-label">Street</label>
                        <input type="text" class="form-control" name="street"
                            value="{{ old('street', $partner->street) }}">
                    </div>
                    <div class="col-lg-4 mb-3">
                        <label class="form-label">Address</label>
                        <input type="text" class="form-control" name="address"
                            value="{{ old('address', $partner->address) }}">
                    </div>
                    <div class="col-lg-4 mb-3">
                        <label class="form-label">Pincode</label>
                        <input type="text" class="form-control" name="pincode"
                            value="{{ old('pincode', $partner->pincode) }}">
                    </div>
                    <div class="col-lg-4 mb-3">
                        <label class="form-label">Gender</label>
                        <select class="form-select" name="gender">
                            <option value="Male" {{ old('gender', $partner->gender) == 'Male' ? 'selected' : '' }}>Male
                            </option>
                            <option value="Female" {{ old('gender', $partner->gender) == 'Female' ? 'selected' : '' }}>
                                Female
                            </option>
                            <option value="Others" {{ old('gender', $partner->gender) == 'Others' ? 'selected' : '' }}>
                                Others
                            </option>
                        </select>
                    </div>
                    <h5 class="my-4">Vehicle Details</h5>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Vehicle Type <span class="text-danger">*</span></label>
                        <select class="form-select" name="vehicle_type">
                            <option value="bike"
                                {{ old('vehicle_type', $partner->vehicle_type) == 'bike' ? 'selected' : '' }}>Bike</option>
                            <option value="scooter"
                                {{ old('vehicle_type', $partner->vehicle_type) == 'scooter' ? 'selected' : '' }}>Scooter
                            </option>
                            <option value="auto"
                                {{ old('vehicle_type', $partner->vehicle_type) == 'auto' ? 'selected' : '' }}>Auto</option>
                            <option value="car"
                                {{ old('vehicle_type', $partner->vehicle_type) == 'car' ? 'selected' : '' }}>Car</option>
                            <option value="van"
                                {{ old('vehicle_type', $partner->vehicle_type) == 'van' ? 'selected' : '' }}>Van</option>
                        </select>
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Vehicle Number <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="vehicleno"
                            value="{{ old('vehicleno', $partner->vehicleno) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Insurance Number</label>
                        <input type="text" class="form-control" name="insuranceno"
                            value="{{ old('insuranceno', $partner->insuranceno) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Driving License Number</label>
                        <input type="text" class="form-control" name="license_number"
                            value="{{ old('license_number', $partner->license_number) }}">
                    </div>
                    <h5 class="my-4">Bank Details</h5>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Account Holder Name</label>
                        <input type="text" class="form-control" name="accountholder"
                            value="{{ old('accountholder', $partner->accountholder) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Bank Name</label>
                        <input type="text" class="form-control" name="bankname"
                            value="{{ old('bankname', $partner->bankname) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Account Number</label>
                        <input type="text" class="form-control" name="acno"
                            value="{{ old('acno', $partner->acno) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">IFSC Code</label>
                        <input type="text" class="form-control" name="ifsc"
                            value="{{ old('ifsc', $partner->ifsc) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">Branch Name</label>
                        <input type="text" class="form-control" name="branch"
                            value="{{ old('branch', $partner->branch) }}">
                    </div>
                    <div class="col-lg-6 mb-3">
                        <label class="form-label">UPI ID (Optional)</label>
                        <input type="text" class="form-control" name="upi"
                            value="{{ old('upi', $partner->upi) }}">
                    </div>
                </div>
            </div>
            <!-- DOCUMENT CARDS -->
<div class="mb-3">
    <div class="card">
        <div class="card-body p-3 p-md-4 p-lg-5">

            @if($documentTypes->count() > 0)

                <div class="row g-3 g-md-4 justify-content-center p-3">

                    @foreach($documentTypes as $documentType)

                        @php
                            $doc = $documents[$documentType->id] ?? null;

                            $filePath = $doc->file_path ?? null;
                            $docUrl = $filePath
                                ? asset('storage/' . $filePath)
                                : null;

                            $fileName = $filePath
                                ? basename($filePath)
                                : '';

                            $status = strtolower($doc->status ?? 'pending');

                            $ext = $filePath
                                ? strtolower(pathinfo($filePath, PATHINFO_EXTENSION))
                                : '';

                            $isPdf = $ext === 'pdf';

                            $documentName = ucwords(
                                str_replace('_', ' ', $documentType->name)
                            );
                        @endphp

                        <div class="col-12 col-lg-3">

                            <div class="card border-0 shadow-sm h-100 overflow-hidden">

                                <div class="card-body p-3 p-md-4">

                                    <!-- TITLE + STATUS -->
                                    <div class="d-flex justify-content-between align-items-center mb-3">

                                        <h5 class="fw-semibold mb-0 fs-6 fs-md-5">
                                            Upload {{ $documentName }}
                                        </h5>

                                        <span class="badge
                                            {{ $status === 'approved'
                                                ? 'bg-success'
                                                : ($status === 'rejected'
                                                    ? 'bg-danger'
                                                    : 'bg-warning text-white') }}">
                                            {{ ucfirst($status) }}
                                        </span>

                                    </div>


                                    <!-- UPLOAD AREA -->
                                    <div
                                        id="document_{{ $documentType->id }}_uploadArea"
                                        class="border border-warning rounded-4 bg-warning bg-opacity-10 p-0 position-relative overflow-hidden"
                                        style="min-height: 220px;"
                                    >

                                        <!-- UPLOAD CONTENT -->
                                        <div
                                            id="document_{{ $documentType->id }}_uploadContent"
                                            class="d-flex flex-column align-items-center justify-content-center text-center p-3 p-md-4 h-100
                                            {{ $filePath ? 'd-none' : '' }}"
                                        >

                                            <label
                                                for="document_{{ $documentType->id }}_file"
                                                class="mb-2 cursor-pointer"
                                            >
                                                <i class="ti tabler-upload text-warning fs-1"></i>
                                            </label>

                                            <input
                                                type="file"
                                                id="document_{{ $documentType->id }}_file"
                                                name="documents[{{ $documentType->id }}]"
                                                class="document-file d-none"
                                                data-document-id="{{ $documentType->id }}"
                                                accept=".jpg,.jpeg,.png,.pdf"
                                            >

                                            <h5
                                                class="mt-1 mb-2 fs-6 fs-md-5 cursor-pointer"
                                                onclick="document.getElementById('document_{{ $documentType->id }}_file').click();"
                                            >
                                                Drop your file here
                                            </h5>

                                            <p class="text-secondary mb-1">
                                                or
                                            </p>

                                            <p
                                                class="text-secondary mb-2 small cursor-pointer"
                                                onclick="document.getElementById('document_{{ $documentType->id }}_file').click();"
                                            >
                                                Click the upload icon to browse
                                            </p>

                                            <p class="text-secondary mb-1 small">
                                                Supported formats:
                                                <strong>PDF, JPG, PNG</strong>
                                            </p>

                                            <p class="text-secondary mb-0 small">
                                                Max file size:
                                                <strong>5 MB</strong>
                                            </p>

                                        </div>


                                        <!-- PREVIEW -->
                                        <div
                                            id="document_{{ $documentType->id }}_previewContainer"
                                            class="{{ $filePath ? '' : 'd-none' }}
                                            w-100 h-100 position-relative bg-light"
                                        >

                                            <!-- IMAGE -->
                                            <img
                                                id="document_{{ $documentType->id }}_preview"
                                                src="{{ !$isPdf ? $docUrl : '' }}"
                                                alt="{{ $documentName }}"
                                                class="w-100 rounded-4 object-fit-contain"
                                                style="
                                                    height:220px;
                                                    display:{{ $filePath && !$isPdf ? 'block' : 'none' }};
                                                "
                                            >

                                            <!-- PDF -->
                                            <iframe
                                                id="document_{{ $documentType->id }}_pdfPreview"
                                                src="{{ $isPdf ? $docUrl : '' }}"
                                                class="w-100 rounded-4 border-0"
                                                style="
                                                    height:220px;
                                                    display:{{ $filePath && $isPdf ? 'block' : 'none' }};
                                                "
                                            ></iframe>


                                            <!-- REMOVE -->
                                            <button
                                                type="button"
                                                class="btn btn-danger btn-sm rounded-circle position-absolute d-flex align-items-center justify-content-center shadow-sm"
                                                style="
                                                    top:10px;
                                                    right:10px;
                                                    width:28px;
                                                    height:28px;
                                                    padding:0;
                                                    z-index:10;
                                                "
                                                onclick="clearPreview({{ $documentType->id }})"
                                                title="Remove File"
                                            >
                                                &#10005;
                                            </button>


                                            <!-- FILE NAME -->
                                            <div
                                                id="document_{{ $documentType->id }}_filenameBar"
                                                class="position-absolute bottom-0 start-0 w-100 text-white text-center py-2 px-3 text-truncate small fw-medium"
                                                style="
                                                    background-color:rgba(30,35,55,0.88);
                                                    border-bottom-left-radius:1rem;
                                                    border-bottom-right-radius:1rem;
                                                "
                                            >
                                                {{ $fileName }}
                                            </div>

                                        </div>

                                    </div>


                                    <!-- DOWNLOAD + PREVIEW -->
                                    <div class="d-flex justify-content-end mt-2">

                                        <div class="btn-group border border-primary rounded-3">

                                            <!-- DOWNLOAD -->
                                            <a
                                                href="{{ $docUrl ?? '#' }}"
                                                download
                                                class="btn {{ !$filePath ? 'disabled' : '' }}"
                                                id="document_{{ $documentType->id }}_downloadBtn"
                                                title="Download Document"
                                            >
                                                <i
                                                    class="ti tabler-download
                                                    {{ $filePath ? 'text-primary' : 'text-secondary' }}
                                                    fs-5"
                                                ></i>
                                            </a>


                                            <!-- PREVIEW -->
                                            <button
                                                type="button"
                                                class="btn"
                                                data-bs-toggle="modal"
                                                data-bs-target="#previewModal"
                                                onclick="setPreview({{ $documentType->id }}, '{{ addslashes($documentName) }}')"
                                            >
                                                <i class="ti tabler-eye text-info fs-5"></i>
                                            </button>

                                        </div>

                                    </div>


                                    <!-- APPROVE / REJECT -->
                                    <div class="row g-2 g-md-3 mt-3">

                                        <!-- REJECT -->
                                        <div class="col-6">

                                            <button
                                                type="button"
                                                class="btn btn-light w-100 text-secondary fw-semibold action-btn"
                                                onclick="openSingleRejectModal({{ $documentType->id }})"
                                            >
                                                Reject
                                            </button>

                                        </div>


                                        <!-- APPROVE -->
                                        <div class="col-6">

                                            @if($status === 'approved')

                                                <button
                                                    type="button"
                                                    class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                    disabled
                                                >
                                                    Approved
                                                </button>

                                            @else

                                                <button
                                                    type="button"
                                                    class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                    onclick="submitStatus({{ $documentType->id }}, 'approved', '', this)"
                                                >
                                                    Approve
                                                </button>

                                            @endif

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

                    @endforeach

                </div>

            @else

                <div class="alert alert-warning mb-0">
                    No active document types available.
                </div>

            @endif

        </div>


        <!-- SAVE -->
        <div class="d-flex justify-content-center mt-4 mb-4">

            <button
                id="discardBtn"
                class="btn btn-light me-2 action-btn me-3"
                type="reset"
            >
                Discard
            </button>

            <button
                id="saveChangesBtn"
                class="btn btn-primary action-btn"
                type="submit"
            >
                Save Changes
            </button>

        </div>

    </div>
</div>
            <!-- DOCUMENT CARDS (EXPLICIT SEPARATE BOXES) -->
            {{-- <div class="mb-3">
                <div class="card">
                    <div class="card-body p-3 p-md-4 p-lg-5">
                        <div class="row g-3 g-md-4 justify-content-center p-3">

                            <!-- 1. AADHAAR CARD -->
                            @php
                                $doc = $documents['aadhar'] ?? null;
                                $filePath = $doc->file_path ?? null;
                                $docUrl = $filePath ? asset('storage/' . $filePath) : null;
                                $fileName = $filePath ? basename($filePath) : '';
                                $status = strtolower($doc->status ?? 'pending');
                                $ext = $filePath ? strtolower(pathinfo($filePath, PATHINFO_EXTENSION)) : '';
                                $isPdf = $ext === 'pdf';
                            @endphp
                            <div class="col-12 col-lg-3">
                                <div class="card border-0 shadow-sm h-100 overflow-hidden">
                                    <div class="card-body p-3 p-md-4">
                                        <div class="d-flex justify-content-between align-items-center mb-3">
                                            <h5 class="fw-semibold mb-0 fs-6 fs-md-5">Upload Aadhaar Card</h5>
                                            <span
                                                class="badge {{ $status === 'approved' ? 'bg-success' : ($status === 'rejected' ? 'bg-danger' : 'bg-warning text-white') }}">
                                                {{ ucfirst($status) }}
                                            </span>
                                        </div>
                                        <div id="aadhar_uploadArea"
                                            class="border border-warning rounded-4 bg-warning bg-opacity-10 p-0 position-relative overflow-hidden"
                                            style="min-height: 220px;">
                                            <div id="aadhar_uploadContent"
                                                class="d-flex flex-column align-items-center justify-content-center text-center p-3 p-md-4 h-100 {{ $filePath ? 'd-none' : '' }}">
                                                <label for="aadhar_file" class="mb-2 cursor-pointer">
                                                    <i class="ti tabler-upload text-warning fs-1"></i>
                                                </label>
                                                <input type="file" id="aadhar_file" name="aadhar_file" class="d-none"
                                                    accept="image/jpeg,image/png,image/jpg,application/pdf"
                                                    onchange="previewImage(event, 'aadhar')">
                                                <h5 class="mt-1 mb-2 fs-6 fs-md-5 cursor-pointer"
                                                    onclick="document.getElementById('aadhar_file').click();">Drop your
                                                    file here</h5>
                                                <p class="text-secondary mb-1">or</p>
                                                <p class="text-secondary mb-2 small cursor-pointer"
                                                    onclick="document.getElementById('aadhar_file').click();">Click the
                                                    upload icon to browse</p>
                                                <p class="text-secondary mb-1 small">Supported formats: <strong>PDF, JPG,
                                                        PNG</strong></p>
                                                <p class="text-secondary mb-0 small">Max file size: <strong>5 MB</strong>
                                                </p>
                                            </div>
                                            <div id="aadhar_previewContainer"
                                                class="{{ $filePath ? '' : 'd-none' }} w-100 h-100 position-relative bg-light">
                                                <img id="aadhar_preview" src="{{ !$isPdf ? $docUrl : '' }}"
                                                    alt="Aadhaar Card" class="w-100 rounded-4 object-fit-contain"
                                                    style="height: 220px; display: {{ $filePath && !$isPdf ? 'block' : 'none' }};">
                                                <iframe id="aadhar_pdfPreview" src="{{ $isPdf ? $docUrl : '' }}"
                                                    class="w-100 rounded-4 border-0"
                                                    style="height: 220px; display: {{ $filePath && $isPdf ? 'block' : 'none' }};"></iframe>
                                                <button type="button"
                                                    class="btn btn-danger btn-sm rounded-circle position-absolute d-flex align-items-center justify-content-center shadow-sm"
                                                    style="top: 10px; right: 10px; width: 28px; height: 28px; padding: 0; z-index: 10;"
                                                    onclick="clearPreview('aadhar')" title="Remove File">&#10005;</button>
                                                <div id="aadhar_filenameBar"
                                                    class="position-absolute bottom-0 start-0 w-100 text-white text-center py-2 px-3 text-truncate small fw-medium"
                                                    style="background-color: rgba(30, 35, 55, 0.88); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;">
                                                    {{ $fileName }}</div>
                                            </div>
                                        </div>
                                        <div class="d-flex justify-content-end mt-2">
                                            <div class="btn-group border border-primary rounded-3">
                                                <a href="{{ $docUrl ?? '#' }}" download
                                                    class="btn {{ !$filePath ? 'disabled' : '' }}"
                                                    id="aadhar_downloadBtn" title="Download Document">
                                                    <i
                                                        class="ti tabler-download {{ $filePath ? 'text-primary' : 'text-secondary' }} fs-5"></i>
                                                </a>
                                                <button type="button" class="btn" data-bs-toggle="modal"
                                                    data-bs-target="#previewModal"
                                                    onclick="setPreview('aadhar', 'Upload Aadhaar Card')">
                                                    <i class="ti tabler-eye text-info fs-5"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="row g-2 g-md-3 mt-3">
                                            <div class="col-6">
                                                <button type="button"
                                                    class="btn btn-light w-100 text-secondary fw-semibold action-btn"
                                                    onclick="openSingleRejectModal('aadhar')">Reject</button>
                                            </div>
                                            <div class="col-6">
                                                @if ($status === 'approved')
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        disabled>Approved</button>
                                                @else
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        onclick="submitStatus('aadhar', 'approved', '', this)">Approve</button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 2. PAN CARD -->
                            @php
                                $doc = $documents['pan'] ?? null;
                                $filePath = $doc->file_path ?? null;
                                $docUrl = $filePath ? asset('storage/' . $filePath) : null;
                                $fileName = $filePath ? basename($filePath) : '';
                                $status = strtolower($doc->status ?? 'pending');
                                $ext = $filePath ? strtolower(pathinfo($filePath, PATHINFO_EXTENSION)) : '';
                                $isPdf = $ext === 'pdf';
                            @endphp
                            <div class="col-12 col-lg-3">
                                <div class="card border-0 shadow-sm h-100 overflow-hidden">
                                    <div class="card-body p-3 p-md-4">
                                        <div class="d-flex justify-content-between align-items-center mb-3">
                                            <h5 class="fw-semibold mb-0 fs-6 fs-md-5">Upload PAN Card</h5>
                                            <span
                                                class="badge {{ $status === 'approved' ? 'bg-success' : ($status === 'rejected' ? 'bg-danger' : 'bg-warning text-white') }}">
                                                {{ ucfirst($status) }}
                                            </span>
                                        </div>
                                        <div id="pan_uploadArea"
                                            class="border border-warning rounded-4 bg-warning bg-opacity-10 p-0 position-relative overflow-hidden"
                                            style="min-height: 220px;">
                                            <div id="pan_uploadContent"
                                                class="d-flex flex-column align-items-center justify-content-center text-center p-3 p-md-4 h-100 {{ $filePath ? 'd-none' : '' }}">
                                                <label for="pan_file" class="mb-2 cursor-pointer">
                                                    <i class="ti tabler-upload text-warning fs-1"></i>
                                                </label>
                                                <input type="file" id="pan_file" name="pan_file" class="d-none"
                                                    accept="image/jpeg,image/png,image/jpg,application/pdf"
                                                    onchange="previewImage(event, 'pan')">
                                                <h5 class="mt-1 mb-2 fs-6 fs-md-5 cursor-pointer"
                                                    onclick="document.getElementById('pan_file').click();">Drop your file
                                                    here</h5>
                                                <p class="text-secondary mb-1">or</p>
                                                <p class="text-secondary mb-2 small cursor-pointer"
                                                    onclick="document.getElementById('pan_file').click();">Click the upload
                                                    icon to browse</p>
                                                <p class="text-secondary mb-1 small">Supported formats: <strong>PDF, JPG,
                                                        PNG</strong></p>
                                                <p class="text-secondary mb-0 small">Max file size: <strong>5 MB</strong>
                                                </p>
                                            </div>
                                            <div id="pan_previewContainer"
                                                class="{{ $filePath ? '' : 'd-none' }} w-100 h-100 position-relative bg-light">
                                                <img id="pan_preview" src="{{ !$isPdf ? $docUrl : '' }}" alt="PAN Card"
                                                    class="w-100 rounded-4 object-fit-contain"
                                                    style="height: 220px; display: {{ $filePath && !$isPdf ? 'block' : 'none' }};">
                                                <iframe id="pan_pdfPreview" src="{{ $isPdf ? $docUrl : '' }}"
                                                    class="w-100 rounded-4 border-0"
                                                    style="height: 220px; display: {{ $filePath && $isPdf ? 'block' : 'none' }};"></iframe>
                                                <button type="button"
                                                    class="btn btn-danger btn-sm rounded-circle position-absolute d-flex align-items-center justify-content-center shadow-sm"
                                                    style="top: 10px; right: 10px; width: 28px; height: 28px; padding: 0; z-index: 10;"
                                                    onclick="clearPreview('pan')" title="Remove File">&#10005;</button>
                                                <div id="pan_filenameBar"
                                                    class="position-absolute bottom-0 start-0 w-100 text-white text-center py-2 px-3 text-truncate small fw-medium"
                                                    style="background-color: rgba(30, 35, 55, 0.88); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;">
                                                    {{ $fileName }}</div>
                                            </div>
                                        </div>
                                        <div class="d-flex justify-content-end mt-2">
                                            <div class="btn-group border border-primary rounded-3">
                                                <a href="{{ $docUrl ?? '#' }}" download
                                                    class="btn {{ !$filePath ? 'disabled' : '' }}" id="pan_downloadBtn"
                                                    title="Download Document">
                                                    <i
                                                        class="ti tabler-download {{ $filePath ? 'text-primary' : 'text-secondary' }} fs-5"></i>
                                                </a>
                                                <button type="button" class="btn" data-bs-toggle="modal"
                                                    data-bs-target="#previewModal"
                                                    onclick="setPreview('pan', 'Upload PAN Card')">
                                                    <i class="ti tabler-eye text-info fs-5"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="row g-2 g-md-3 mt-3">
                                            <div class="col-6">
                                                <button type="button"
                                                    class="btn btn-light w-100 text-secondary fw-semibold action-btn"
                                                    onclick="openSingleRejectModal('pan')">Reject</button>
                                            </div>
                                            <div class="col-6">
                                                @if ($status === 'approved')
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        disabled>Approved</button>
                                                @else
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        onclick="submitStatus('pan', 'approved', '', this)">Approve</button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 3. DRIVING LICENSE -->
                            @php
                                $doc = $documents['license'] ?? null;
                                $filePath = $doc->file_path ?? null;
                                $docUrl = $filePath ? asset('storage/' . $filePath) : null;
                                $fileName = $filePath ? basename($filePath) : '';
                                $status = strtolower($doc->status ?? 'pending');
                                $ext = $filePath ? strtolower(pathinfo($filePath, PATHINFO_EXTENSION)) : '';
                                $isPdf = $ext === 'pdf';
                            @endphp
                            <div class="col-12 col-lg-3">
                                <div class="card border-0 shadow-sm h-100 overflow-hidden">
                                    <div class="card-body p-3 p-md-4">
                                        <div class="d-flex justify-content-between align-items-center mb-3">
                                            <h5 class="fw-semibold mb-0 fs-6 fs-md-5">Upload License</h5>
                                            <span
                                                class="badge {{ $status === 'approved' ? 'bg-success' : ($status === 'rejected' ? 'bg-danger' : 'bg-warning text-white') }}">
                                                {{ ucfirst($status) }}
                                            </span>
                                        </div>
                                        <div id="license_uploadArea"
                                            class="border border-warning rounded-4 bg-warning bg-opacity-10 p-0 position-relative overflow-hidden"
                                            style="min-height: 220px;">
                                            <div id="license_uploadContent"
                                                class="d-flex flex-column align-items-center justify-content-center text-center p-3 p-md-4 h-100 {{ $filePath ? 'd-none' : '' }}">
                                                <label for="license_file" class="mb-2 cursor-pointer">
                                                    <i class="ti tabler-upload text-warning fs-1"></i>
                                                </label>
                                                <input type="file" id="license_file" name="license_file"
                                                    class="d-none" accept="image/jpeg,image/png,image/jpg,application/pdf"
                                                    onchange="previewImage(event, 'license')">
                                                <h5 class="mt-1 mb-2 fs-6 fs-md-5 cursor-pointer"
                                                    onclick="document.getElementById('license_file').click();">Drop your
                                                    file here</h5>
                                                <p class="text-secondary mb-1">or</p>
                                                <p class="text-secondary mb-2 small cursor-pointer"
                                                    onclick="document.getElementById('license_file').click();">Click the
                                                    upload icon to browse</p>
                                                <p class="text-secondary mb-1 small">Supported formats: <strong>PDF, JPG,
                                                        PNG</strong></p>
                                                <p class="text-secondary mb-0 small">Max file size: <strong>5 MB</strong>
                                                </p>
                                            </div>
                                            <div id="license_previewContainer"
                                                class="{{ $filePath ? '' : 'd-none' }} w-100 h-100 position-relative bg-light">
                                                <img id="license_preview" src="{{ !$isPdf ? $docUrl : '' }}"
                                                    alt="Upload License" class="w-100 rounded-4 object-fit-contain"
                                                    style="height: 220px; display: {{ $filePath && !$isPdf ? 'block' : 'none' }};">
                                                <iframe id="license_pdfPreview" src="{{ $isPdf ? $docUrl : '' }}"
                                                    class="w-100 rounded-4 border-0"
                                                    style="height: 220px; display: {{ $filePath && $isPdf ? 'block' : 'none' }};"></iframe>
                                                <button type="button"
                                                    class="btn btn-danger btn-sm rounded-circle position-absolute d-flex align-items-center justify-content-center shadow-sm"
                                                    style="top: 10px; right: 10px; width: 28px; height: 28px; padding: 0; z-index: 10;"
                                                    onclick="clearPreview('license')"
                                                    title="Remove File">&#10005;</button>
                                                <div id="license_filenameBar"
                                                    class="position-absolute bottom-0 start-0 w-100 text-white text-center py-2 px-3 text-truncate small fw-medium"
                                                    style="background-color: rgba(30, 35, 55, 0.88); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;">
                                                    {{ $fileName }}</div>
                                            </div>
                                        </div>
                                        <div class="d-flex justify-content-end mt-2">
                                            <div class="btn-group border border-primary rounded-3">
                                                <a href="{{ $docUrl ?? '#' }}" download
                                                    class="btn {{ !$filePath ? 'disabled' : '' }}"
                                                    id="license_downloadBtn" title="Download Document">
                                                    <i
                                                        class="ti tabler-download {{ $filePath ? 'text-primary' : 'text-secondary' }} fs-5"></i>
                                                </a>
                                                <button type="button" class="btn" data-bs-toggle="modal"
                                                    data-bs-target="#previewModal"
                                                    onclick="setPreview('license', 'Upload License')">
                                                    <i class="ti tabler-eye text-info fs-5"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="row g-2 g-md-3 mt-3">
                                            <div class="col-6">
                                                <button type="button"
                                                    class="btn btn-light w-100 text-secondary fw-semibold action-btn"
                                                    onclick="openSingleRejectModal('license')">Reject</button>
                                            </div>
                                            <div class="col-6">
                                                @if ($status === 'approved')
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        disabled>Approved</button>
                                                @else
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        onclick="submitStatus('license', 'approved', '', this)">Approve</button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 4. RC BOOK -->
                            @php
                                $doc = $documents['rc_book'] ?? null;
                                $filePath = $doc->file_path ?? null;
                                $docUrl = $filePath ? asset('storage/' . $filePath) : null;
                                $fileName = $filePath ? basename($filePath) : '';
                                $status = strtolower($doc->status ?? 'pending');
                                $ext = $filePath ? strtolower(pathinfo($filePath, PATHINFO_EXTENSION)) : '';
                                $isPdf = $ext === 'pdf';
                            @endphp
                            <div class="col-12 col-lg-3">
                                <div class="card border-0 shadow-sm h-100 overflow-hidden">
                                    <div class="card-body p-3 p-md-4">
                                        <div class="d-flex justify-content-between align-items-center mb-3">
                                            <h5 class="fw-semibold mb-0 fs-6 fs-md-5">Upload RC Book</h5>
                                            <span
                                                class="badge {{ $status === 'approved' ? 'bg-success' : ($status === 'rejected' ? 'bg-danger' : 'bg-warning text-white') }}">
                                                {{ ucfirst($status) }}
                                            </span>
                                        </div>
                                        <div id="rc_book_uploadArea"
                                            class="border border-warning rounded-4 bg-warning bg-opacity-10 p-0 position-relative overflow-hidden"
                                            style="min-height: 220px;">
                                            <div id="rc_book_uploadContent"
                                                class="d-flex flex-column align-items-center justify-content-center text-center p-3 p-md-4 h-100 {{ $filePath ? 'd-none' : '' }}">
                                                <label for="rc_book_file" class="mb-2 cursor-pointer">
                                                    <i class="ti tabler-upload text-warning fs-1"></i>
                                                </label>
                                                <input type="file" id="rc_book_file" name="rc_book_file"
                                                    class="d-none" accept="image/jpeg,image/png,image/jpg,application/pdf"
                                                    onchange="previewImage(event, 'rc_book')">
                                                <h5 class="mt-1 mb-2 fs-6 fs-md-5 cursor-pointer"
                                                    onclick="document.getElementById('rc_book_file').click();">Drop your
                                                    file here</h5>
                                                <p class="text-secondary mb-1">or</p>
                                                <p class="text-secondary mb-2 small cursor-pointer"
                                                    onclick="document.getElementById('rc_book_file').click();">Click the
                                                    upload icon to browse</p>
                                                <p class="text-secondary mb-1 small">Supported formats: <strong>PDF, JPG,
                                                        PNG</strong></p>
                                                <p class="text-secondary mb-0 small">Max file size: <strong>5 MB</strong>
                                                </p>
                                            </div>
                                            <div id="rc_book_previewContainer"
                                                class="{{ $filePath ? '' : 'd-none' }} w-100 h-100 position-relative bg-light">
                                                <img id="rc_book_preview" src="{{ !$isPdf ? $docUrl : '' }}"
                                                    alt="RC Book" class="w-100 rounded-4 object-fit-contain"
                                                    style="height: 220px; display: {{ $filePath && !$isPdf ? 'block' : 'none' }};">
                                                <iframe id="rc_book_pdfPreview" src="{{ $isPdf ? $docUrl : '' }}"
                                                    class="w-100 rounded-4 border-0"
                                                    style="height: 220px; display: {{ $filePath && $isPdf ? 'block' : 'none' }};"></iframe>
                                                <button type="button"
                                                    class="btn btn-danger btn-sm rounded-circle position-absolute d-flex align-items-center justify-content-center shadow-sm"
                                                    style="top: 10px; right: 10px; width: 28px; height: 28px; padding: 0; z-index: 10;"
                                                    onclick="clearPreview('rc_book')"
                                                    title="Remove File">&#10005;</button>
                                                <div id="rc_book_filenameBar"
                                                    class="position-absolute bottom-0 start-0 w-100 text-white text-center py-2 px-3 text-truncate small fw-medium"
                                                    style="background-color: rgba(30, 35, 55, 0.88); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;">
                                                    {{ $fileName }}</div>
                                            </div>
                                        </div>
                                        <div class="d-flex justify-content-end mt-2">
                                            <div class="btn-group border border-primary rounded-3">
                                                <a href="{{ $docUrl ?? '#' }}" download
                                                    class="btn {{ !$filePath ? 'disabled' : '' }}"
                                                    id="rc_book_downloadBtn" title="Download Document">
                                                    <i
                                                        class="ti tabler-download {{ $filePath ? 'text-primary' : 'text-secondary' }} fs-5"></i>
                                                </a>
                                                <button type="button" class="btn" data-bs-toggle="modal"
                                                    data-bs-target="#previewModal"
                                                    onclick="setPreview('rc_book', 'Upload RC Book')">
                                                    <i class="ti tabler-eye text-info fs-5"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="row g-2 g-md-3 mt-3">
                                            <div class="col-6">
                                                <button type="button"
                                                    class="btn btn-light w-100 text-secondary fw-semibold action-btn"
                                                    onclick="openSingleRejectModal('rc_book')">Reject</button>
                                            </div>
                                            <div class="col-6">
                                                @if ($status === 'approved')
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        disabled>Approved</button>
                                                @else
                                                    <button type="button"
                                                        class="btn btn-primary w-100 text-white fw-semibold action-btn"
                                                        onclick="submitStatus('rc_book', 'approved', '', this)">Approve</button>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="d-flex justify-content-center mt-4 mb-4">
                        <button id="discardBtn" class="btn btn-light me-2 action-btn me-3"
                            type="reset">Discard</button>
                        <button id="saveChangesBtn" class="btn btn-primary action-btn" type="submit">Save
                            Changes</button>
                    </div>
                </div>
            </div> --}}
        </form>
        <!-- BULK ACTION BUTTONS -->
        <div class="d-flex justify-content-end my-4">
            <button type="button" class="btn btn-danger me-2" onclick="openBulkRejectModal()">Reject All</button>
            <button type="button" class="btn btn-success" onclick="openBulkApproveModal()">Approve All</button>
        </div>
        <form id="documentStatusForm" action="{{ route('update_partner_document_status') }}" method="POST"
            style="display:none;">
            @csrf
            <input type="hidden" name="id" value="{{ $partner->id }}">
            <input type="hidden" name="document_type" id="status_doc_type">
            <input type="hidden" name="status" id="status_doc_value">
            <input type="hidden" name="rejection_reason" id="status_rejection_reason">
        </form>
        <form id="bulkDocumentStatusForm" action="{{ route('update_all_document_status') }}" method="POST"
            style="display:none;">
            @csrf
            <input type="hidden" name="id" value="{{ $partner->id }}">
            <input type="hidden" name="action" id="bulk_action_type">
            <input type="hidden" name="rejection_reason" id="bulk_rejection_reason">
        </form>
        <!-- BLOCK / UNBLOCK MODAL -->
        <div class="modal fade" id="blockModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-sm modal-dialog-centered">
                <div class="modal-content rounded-4 text-center p-4 py-5">
                    <h5 class="fw-bold mb-2">Are you sure?</h5>
                    <p class="text-muted mb-0" id="blockModalMessage">Do you want to block this user?</p>
                    <div class="d-flex justify-content-center align-items-center gap-3 mt-4">
                        <button type="button" class="btn btn-outline-primary px-4 fw-semibold"
                            data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary px-4 fw-semibold" id="confirmBlockBtn">Yes,
                            Sure</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- DELETE CONFIRMATION MODAL -->
        <div class="modal fade" id="delete" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-sm modal-dialog-centered">
                <div class="modal-content rounded-4 text-center p-4 py-5">
                    <h5 class="fw-bold mb-2">Are you sure?</h5>
                    <p class="text-muted mb-0">Do you really want to delete this partner record?</p>
                    <div class="d-flex justify-content-center align-items-center gap-3 mt-4">
                        <button type="button" class="btn btn-outline-primary px-4 fw-semibold"
                            data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-danger px-4 fw-semibold" id="confirmDeleteBtn">Yes,
                            Sure</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- PREVIEW MODAL -->
        <div class="modal fade" id="previewModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="previewModalTitle">Document Preview</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body p-3">
                        <div id="modalImageContainer" class="text-center d-none">
                            <img id="previewModalImage" src="" class="img-fluid rounded-3"
                                style="max-height: 75vh;" alt="Preview">
                        </div>
                        <div id="modalPdfContainer" class="d-none">
                            <iframe id="previewModalPdf" src="" width="100%"
                                style="height: 75vh; border: 0;"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- APPROVE ALL CONFIRMATION MODAL -->
        <div class="modal fade" id="approveAllModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-sm modal-dialog-centered">
                <div class="modal-content rounded-4 text-center p-4 py-5">
                    <h5 class="fw-bold mb-2">Are you sure!!</h5>
                    <p class="text-muted mb-0">Do you want to approve all documents for this delivery partner?</p>
                    <div class="d-flex justify-content-center align-items-center gap-3 mt-4">
                        <button type="button" class="btn btn-outline-primary px-4 fw-semibold"
                            data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-success px-4 fw-semibold" id="confirmApproveAllBtn"
                            onclick="confirmBulkApprove(this)">Yes, Sure</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- REJECT MODAL (HANDLES SINGLE AND BULK REJECTIONS) -->
        <div class="modal fade" id="rejectModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="rejectModalTitle">Reject Document</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p class="text-muted d-none" id="rejectModalSubtitle">Are you sure you want to reject all
                            documents?</p>
                        <label class="form-label">Reason for Rejection</label>
                        <textarea id="modal_rejection_reason" class="form-control" rows="3" placeholder="Provide reason..."></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-danger action-btn" onclick="confirmRejection(this)">Confirm
                            Rejection</button>
                    </div>
                </div>
            </div>
        </div>

        <script>
            function showToast(message, type = 'success') {
                const toastEl = document.getElementById('actionToast');
                const toastMsg = document.getElementById('toastMessage');
                if (!toastEl || !toastMsg) return;
                toastEl.classList.remove('bg-success', 'bg-danger', 'bg-warning', 'bg-info');
                if (type === 'success') {
                    toastEl.classList.add('bg-success');
                } else if (type === 'error' || type === 'danger') {
                    toastEl.classList.add('bg-danger');
                } else {
                    toastEl.classList.add('bg-info');
                }
                toastMsg.innerText = message;
                const bsToast = new bootstrap.Toast(toastEl, {
                    delay: 3000
                });
                bsToast.show();
            }

            document.addEventListener('DOMContentLoaded', function() {
                const saveChangesBtn = document.getElementById('saveChangesBtn');
                const discardBtn = document.getElementById('discardBtn');
                const mainForm = document.getElementById('mainForm');
                if (saveChangesBtn && mainForm) {
                    mainForm.addEventListener('submit', function(e) {
                        showProcessing(saveChangesBtn);
                    });
                }
                if (discardBtn) {
                    discardBtn.addEventListener('click', function() {
                        resetAllPreviews();
                    });
                }
            });

            function showProcessing(btn) {
                if (!btn || btn.disabled) return;
                btn.disabled = true;
                btn.innerHTML =
                    `<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> Processing...`;
            }
        </script>

        <script>
    /*
    |--------------------------------------------------------------------------
    | GLOBAL VARIABLES
    |--------------------------------------------------------------------------
    */

    let currentRejectType = null;
    let isBulkReject = false;


    /*
    |--------------------------------------------------------------------------
    | TOAST
    |--------------------------------------------------------------------------
    */

    function showToast(message, type = 'success') {

        const toastEl = document.getElementById('actionToast');
        const toastMsg = document.getElementById('toastMessage');

        if (!toastEl || !toastMsg) return;

        toastEl.classList.remove(
            'bg-success',
            'bg-danger',
            'bg-warning',
            'bg-info'
        );

        if (type === 'success') {
            toastEl.classList.add('bg-success');
        } else if (type === 'error' || type === 'danger') {
            toastEl.classList.add('bg-danger');
        } else if (type === 'warning') {
            toastEl.classList.add('bg-warning');
        } else {
            toastEl.classList.add('bg-info');
        }

        toastMsg.innerText = message;

        const bsToast = new bootstrap.Toast(toastEl, {
            delay: 3000
        });

        bsToast.show();
    }


    /*
    |--------------------------------------------------------------------------
    | PROCESSING BUTTON
    |--------------------------------------------------------------------------
    */

    function showProcessing(btn) {

        if (!btn || btn.disabled) return;

        btn.disabled = true;

        btn.innerHTML = `
            <span
                class="spinner-border spinner-border-sm me-1"
                role="status"
                aria-hidden="true">
            </span>
            Processing...
        `;
    }


    /*
    |--------------------------------------------------------------------------
    | DOM READY
    |--------------------------------------------------------------------------
    */

    document.addEventListener('DOMContentLoaded', function () {


        /*
        |--------------------------------------------------------------------------
        | DYNAMIC DOCUMENT FILE INPUTS
        |--------------------------------------------------------------------------
        */

        document.querySelectorAll('.document-file').forEach(function (input) {

            input.addEventListener('change', function (event) {

                const documentId = this.dataset.documentId;

                if (!documentId) {
                    console.error('Document ID not found.');
                    return;
                }

                previewImage(event, documentId);

            });

        });


        /*
        |--------------------------------------------------------------------------
        | SAVE CHANGES
        |--------------------------------------------------------------------------
        */

        const saveChangesBtn =
            document.getElementById('saveChangesBtn');

        const mainForm =
            document.getElementById('mainForm');

        if (saveChangesBtn && mainForm) {

            mainForm.addEventListener('submit', function () {

                showProcessing(saveChangesBtn);

            });

        }


        /*
        |--------------------------------------------------------------------------
        | DISCARD
        |--------------------------------------------------------------------------
        */

        const discardBtn =
            document.getElementById('discardBtn');

        if (discardBtn) {

            discardBtn.addEventListener('click', function () {

                setTimeout(function () {

                    resetAllPreviews();

                }, 50);

            });

        }


        /*
        |--------------------------------------------------------------------------
        | PDF MODAL CLOSE
        |--------------------------------------------------------------------------
        */

        const previewModal =
            document.getElementById('previewModal');

        if (previewModal) {

            previewModal.addEventListener(
                'hidden.bs.modal',
                function () {

                    const modalImage =
                        document.getElementById('previewModalImage');

                    const modalPdf =
                        document.getElementById('previewModalPdf');

                    if (modalImage) {
                        modalImage.src = '';
                    }

                    if (modalPdf) {
                        modalPdf.src = '';
                    }

                }
            );

        }


        /*
        |--------------------------------------------------------------------------
        | BLOCK / UNBLOCK
        |--------------------------------------------------------------------------
        */

        const blockButton =
            document.getElementById('blockPartnerBtn');

        const confirmBlockBtn =
            document.getElementById('confirmBlockBtn');

        const blockMessage =
            document.getElementById('blockModalMessage');


        if (blockButton && confirmBlockBtn) {


            blockButton.addEventListener('click', function () {

                const isBlocked =
                    this.dataset.blocked == '1';

                if (blockMessage) {

                    blockMessage.innerText =
                        isBlocked
                            ? 'Do you want to unblock this user?'
                            : 'Do you want to block this user?';

                }

            });


            confirmBlockBtn.addEventListener(
                'click',
                function () {

                    const button = this;

                    button.disabled = true;

                    button.innerHTML = `
                        <span class="spinner-border spinner-border-sm me-2"></span>
                        Processing...
                    `;


                    fetch("{{ route('block_unblock') }}", {

                        method: 'POST',

                        headers: {

                            'X-CSRF-TOKEN':
                                '{{ csrf_token() }}',

                            'Content-Type':
                                'application/json',

                            'Accept':
                                'application/json'

                        },

                        body: JSON.stringify({

                            id: "{{ $partner->id }}"

                        })

                    })

                    .then(function (response) {

                        if (!response.ok) {
                            throw new Error('Server error');
                        }

                        return response.json();

                    })

                    .then(function (data) {

                        button.disabled = false;

                        button.innerText = 'Yes, Sure';


                        if (!data.status) {

                            showToast(
                                data.message ||
                                'Something went wrong.',
                                'error'
                            );

                            return;
                        }


                        const modalElement =
                            document.getElementById(
                                'blockModal'
                            );

                        const modal =
                            bootstrap.Modal.getInstance(
                                modalElement
                            );

                        if (modal) {
                            modal.hide();
                        }


                        const blocked =
                            data.is_blocked == 1;


                        blockButton.dataset.blocked =
                            blocked ? '1' : '0';


                        const text =
                            blockButton.querySelector('span');

                        const icon =
                            blockButton.querySelector('i');


                        if (blocked) {

                            blockButton.classList.remove(
                                'btn-light'
                            );

                            blockButton.classList.add(
                                'btn-success'
                            );


                            if (text) {

                                text.innerText =
                                    'Unblock';

                                text.classList.remove(
                                    'text-dark'
                                );

                            }


                            if (icon) {

                                icon.classList.remove(
                                    'tabler-ban',
                                    'text-dark'
                                );

                                icon.classList.add(
                                    'tabler-lock-open'
                                );

                            }

                        } else {

                            blockButton.classList.remove(
                                'btn-success'
                            );

                            blockButton.classList.add(
                                'btn-light'
                            );


                            if (text) {

                                text.innerText =
                                    'Block';

                                text.classList.add(
                                    'text-dark'
                                );

                            }


                            if (icon) {

                                icon.classList.remove(
                                    'tabler-lock-open'
                                );

                                icon.classList.add(
                                    'tabler-ban',
                                    'text-dark'
                                );

                            }

                        }


                        showToast(
                            data.message,
                            'success'
                        );

                    })

                    .catch(function (error) {

                        console.error(error);

                        button.disabled = false;

                        button.innerText =
                            'Yes, Sure';

                        showToast(
                            'Something went wrong. Please try again.',
                            'error'
                        );

                    });

                }
            );

        }


        /*
        |--------------------------------------------------------------------------
        | DELETE PARTNER
        |--------------------------------------------------------------------------
        */

        const deleteButton =
            document.getElementById('confirmDeleteBtn');


        if (deleteButton) {

            deleteButton.addEventListener(
                'click',
                function () {

                    const button = this;

                    button.disabled = true;

                    button.innerHTML = `
                        <span class="spinner-border spinner-border-sm me-2"></span>
                        Deleting...
                    `;


                    fetch("{{ route('delete') }}", {

                        method: 'POST',

                        headers: {

                            'X-CSRF-TOKEN':
                                '{{ csrf_token() }}',

                            'Content-Type':
                                'application/json',

                            'Accept':
                                'application/json'

                        },

                        body: JSON.stringify({

                            id: "{{ $partner->id }}"

                        })

                    })

                    .then(function (response) {

                        if (!response.ok) {
                            throw new Error('Server error');
                        }

                        return response.json();

                    })

                    .then(function (data) {

                        button.disabled = false;

                        button.innerText =
                            'Yes, Sure';


                        if (!data.status) {

                            showToast(
                                data.message ||
                                'Delete failed.',
                                'error'
                            );

                            return;
                        }


                        const modalElement =
                            document.getElementById('delete');

                        const modal =
                            bootstrap.Modal.getInstance(
                                modalElement
                            );

                        if (modal) {
                            modal.hide();
                        }


                        showToast(
                            data.message,
                            'success'
                        );


                        setTimeout(function () {

                            window.location.href =
                                "{{ route('new_entry') }}";

                        }, 1000);

                    })

                    .catch(function (error) {

                        console.error(error);

                        button.disabled = false;

                        button.innerText =
                            'Yes, Sure';

                        showToast(
                            'Something went wrong. Please try again.',
                            'error'
                        );

                    });

                }
            );

        }

    });


    /*
    |--------------------------------------------------------------------------
    | DOCUMENT PREVIEW
    |--------------------------------------------------------------------------
    */

    function previewImage(event, documentId) {

        const file =
            event.target.files[0];

        if (!file) return;


        const img =
            document.getElementById(
                `document_${documentId}_preview`
            );

        const pdf =
            document.getElementById(
                `document_${documentId}_pdfPreview`
            );

        const uploadContent =
            document.getElementById(
                `document_${documentId}_uploadContent`
            );

        const previewContainer =
            document.getElementById(
                `document_${documentId}_previewContainer`
            );

        const filenameBar =
            document.getElementById(
                `document_${documentId}_filenameBar`
            );

        const downloadBtn =
            document.getElementById(
                `document_${documentId}_downloadBtn`
            );


        /*
        |--------------------------------------------------------------------------
        | CREATE TEMPORARY FILE URL
        |--------------------------------------------------------------------------
        */

        const fileURL =
            URL.createObjectURL(file);


        /*
        |--------------------------------------------------------------------------
        | SHOW PREVIEW
        |--------------------------------------------------------------------------
        */

        if (previewContainer) {

            previewContainer.classList.remove(
                'd-none'
            );

        }


        /*
        |--------------------------------------------------------------------------
        | HIDE UPLOAD CONTENT
        |--------------------------------------------------------------------------
        */

        if (uploadContent) {

            uploadContent.classList.add(
                'd-none'
            );

        }


        /*
        |--------------------------------------------------------------------------
        | FILE NAME
        |--------------------------------------------------------------------------
        */

        if (filenameBar) {

            filenameBar.innerText =
                file.name;

        }


        /*
        |--------------------------------------------------------------------------
        | PDF
        |--------------------------------------------------------------------------
        */

        if (file.type === 'application/pdf') {

            if (img) {

                img.src = '';

                img.style.display =
                    'none';

            }


            if (pdf) {

                pdf.src =
                    fileURL;

                pdf.style.display =
                    'block';

            }

        }


        /*
        |--------------------------------------------------------------------------
        | IMAGE
        |--------------------------------------------------------------------------
        */

        else {

            if (pdf) {

                pdf.src = '';

                pdf.style.display =
                    'none';

            }


            if (img) {

                img.src =
                    fileURL;

                img.style.display =
                    'block';

            }

        }


        /*
        |--------------------------------------------------------------------------
        | ENABLE DOWNLOAD
        |--------------------------------------------------------------------------
        */

        if (downloadBtn) {

            downloadBtn.href =
                fileURL;

            downloadBtn.download =
                file.name;

            downloadBtn.classList.remove(
                'disabled'
            );


            const icon =
                downloadBtn.querySelector('i');

            if (icon) {

                icon.className =
                    'ti tabler-download text-primary fs-5';

            }

        }

    }


    /*
    |--------------------------------------------------------------------------
    | CLEAR DOCUMENT PREVIEW
    |--------------------------------------------------------------------------
    */

    function clearPreview(documentId) {

        const fileInput =
            document.getElementById(
                `document_${documentId}_file`
            );

        const previewContainer =
            document.getElementById(
                `document_${documentId}_previewContainer`
            );

        const uploadContent =
            document.getElementById(
                `document_${documentId}_uploadContent`
            );

        const img =
            document.getElementById(
                `document_${documentId}_preview`
            );

        const pdf =
            document.getElementById(
                `document_${documentId}_pdfPreview`
            );

        const filenameBar =
            document.getElementById(
                `document_${documentId}_filenameBar`
            );

        const downloadBtn =
            document.getElementById(
                `document_${documentId}_downloadBtn`
            );


        /*
        |--------------------------------------------------------------------------
        | CLEAR FILE INPUT
        |--------------------------------------------------------------------------
        */

        if (fileInput) {

            fileInput.value = '';

        }


        if (img) {

            img.src = '';

            img.style.display =
                'none';

        }

        if (pdf) {

            pdf.src = '';

            pdf.style.display =
                'none';

        }

        if (filenameBar) {

            filenameBar.innerText =
                '';

        }

        if (previewContainer) {

            previewContainer.classList.add(
                'd-none'
            );

        }


        if (uploadContent) {

            uploadContent.classList.remove(
                'd-none'
            );

        }

        if (downloadBtn) {

            downloadBtn.href =
                '#';

            downloadBtn.classList.add(
                'disabled'
            );


            const icon =
                downloadBtn.querySelector('i');

            if (icon) {

                icon.className =
                    'ti tabler-download text-secondary fs-5';

            }

        }

    }

    function resetAllPreviews() {

        document.querySelectorAll(
            '.document-file'
        ).forEach(function (input) {

            const documentId =
                input.dataset.documentId;

            if (documentId) {

                clearPreview(
                    documentId
                );

            }

        });

    }

function setPreview(keyOrUrl, title) {
    const modalTitle = document.getElementById('previewModalTitle');
    const modalImage = document.getElementById('previewModalImage');
    const modalPdf = document.getElementById('previewModalPdf');
    const imageContainer = document.getElementById('modalImageContainer');
    const pdfContainer = document.getElementById('modalPdfContainer');

    if (!modalImage || !modalPdf || !imageContainer || !pdfContainer) {
        return;
    }

    // Reset Modal Content
    imageContainer.classList.add('d-none');
    pdfContainer.classList.add('d-none');
    modalImage.src = '';
    modalPdf.src = '';

    if (modalTitle) {
        modalTitle.innerText = title;
    }

    // CASE 1: DIRECT FILE URL PASSED (e.g., Profile Image)
    if (typeof keyOrUrl === 'string' && (keyOrUrl.includes('/') || keyOrUrl.startsWith('data:'))) {
        const cleanUrl = keyOrUrl.split('?')[0].toLowerCase();
        
        if (cleanUrl.endsWith('.pdf')) {
            modalPdf.src = keyOrUrl;
            pdfContainer.classList.remove('d-none');
        } else {
            modalImage.src = keyOrUrl;
            imageContainer.classList.remove('d-none');
        }
        return;
    }

    // CASE 2: DOCUMENT ID PASSED (e.g., Dynamic Document Cards)
    const cardImage = document.getElementById(`document_${keyOrUrl}_preview`);
    const cardPdf = document.getElementById(`document_${keyOrUrl}_pdfPreview`);

    // PDF Preview Check
    if (cardPdf && cardPdf.src && cardPdf.style.display !== 'none' && cardPdf.src !== window.location.href) {
        modalPdf.src = cardPdf.src;
        pdfContainer.classList.remove('d-none');
        return;
    }

    // Image Preview Check
    if (cardImage && cardImage.src && cardImage.style.display !== 'none' && cardImage.src !== window.location.href) {
        modalImage.src = cardImage.src;
        imageContainer.classList.remove('d-none');
        return;
    }
}
    function openSingleRejectModal(documentId) {

        isBulkReject = false;

        currentRejectType =
            documentId;


        const title =
            document.getElementById(
                'rejectModalTitle'
            );

        const subtitle =
            document.getElementById(
                'rejectModalSubtitle'
            );

        const reason =
            document.getElementById(
                'modal_rejection_reason'
            );


        if (title) {

            title.innerText =
                'Reject Document';

        }


        if (subtitle) {

            subtitle.classList.add(
                'd-none'
            );

        }


        if (reason) {

            reason.value =
                '';

        }


        const modal =
            new bootstrap.Modal(
                document.getElementById(
                    'rejectModal'
                )
            );

        modal.show();

    }


    /*
    |--------------------------------------------------------------------------
    | BULK REJECT MODAL
    |--------------------------------------------------------------------------
    */

    function openBulkRejectModal() {

        isBulkReject = true;

        currentRejectType =
            null;


        const title =
            document.getElementById(
                'rejectModalTitle'
            );

        const subtitle =
            document.getElementById(
                'rejectModalSubtitle'
            );

        const reason =
            document.getElementById(
                'modal_rejection_reason'
            );


        if (title) {

            title.innerText =
                'Reject All Documents';

        }


        if (subtitle) {

            subtitle.classList.remove(
                'd-none'
            );

        }


        if (reason) {

            reason.value =
                '';

        }


        const modal =
            new bootstrap.Modal(
                document.getElementById(
                    'rejectModal'
                )
            );

        modal.show();

    }


    /*
    |--------------------------------------------------------------------------
    | BULK APPROVE MODAL
    |--------------------------------------------------------------------------
    */

    function openBulkApproveModal() {

        const modal =
            new bootstrap.Modal(
                document.getElementById(
                    'approveAllModal'
                )
            );

        modal.show();

    }


    /*
    |--------------------------------------------------------------------------
    | CONFIRM BULK APPROVE
    |--------------------------------------------------------------------------
    */

    function confirmBulkApprove(btnElement) {

        showProcessing(
            btnElement
        );


        const action =
            document.getElementById(
                'bulk_action_type'
            );


        if (action) {

            action.value =
                'approve_all';

        }


        const form =
            document.getElementById(
                'bulkDocumentStatusForm'
            );


        if (form) {

            form.submit();

        }

    }


    /*
    |--------------------------------------------------------------------------
    | CONFIRM REJECTION
    |--------------------------------------------------------------------------
    */

    function confirmRejection(btnElement) {

        const reasonElement =
            document.getElementById(
                'modal_rejection_reason'
            );


        const reason =
            reasonElement
                ? reasonElement.value.trim()
                : '';


        /*
        |--------------------------------------------------------------------------
        | VALIDATE REASON
        |--------------------------------------------------------------------------
        */

        if (!reason) {

            showToast(
                'Please provide a rejection reason.',
                'error'
            );

            return;

        }


        showProcessing(
            btnElement
        );


        /*
        |--------------------------------------------------------------------------
        | BULK REJECTION
        |--------------------------------------------------------------------------
        */

        if (isBulkReject) {

            const action =
                document.getElementById(
                    'bulk_action_type'
                );

            const rejectionReason =
                document.getElementById(
                    'bulk_rejection_reason'
                );


            if (action) {

                action.value =
                    'reject_all';

            }


            if (rejectionReason) {

                rejectionReason.value =
                    reason;

            }


            const form =
                document.getElementById(
                    'bulkDocumentStatusForm'
                );


            if (form) {

                form.submit();

            }

            return;

        }


        /*
        |--------------------------------------------------------------------------
        | SINGLE REJECTION
        |--------------------------------------------------------------------------
        */

        submitStatus(
            currentRejectType,
            'rejected',
            reason
        );

    }


    /*
    |--------------------------------------------------------------------------
    | SUBMIT DOCUMENT STATUS
    |--------------------------------------------------------------------------
    */

    function submitStatus(
        documentId,
        status,
        reason = '',
        btnElement = null
    ) {

        if (btnElement) {

            showProcessing(
                btnElement
            );

        }


        const documentType =
            document.getElementById(
                'status_doc_type'
            );

        const statusValue =
            document.getElementById(
                'status_doc_value'
            );

        const rejectionReason =
            document.getElementById(
                'status_rejection_reason'
            );


        if (documentType) {

            documentType.value =
                documentId;

        }


        if (statusValue) {

            statusValue.value =
                status;

        }


        if (rejectionReason) {

            rejectionReason.value =
                reason;

        }


        const form =
            document.getElementById(
                'documentStatusForm'
            );


        if (form) {

            form.submit();

        }

    }

</script>

        {{-- <script>
            let currentRejectType = '';

            function previewImage(event, key) {
                const file = event.target.files[0];
                if (!file) return;

                const img = document.getElementById(key + '_preview');
                const pdf = document.getElementById(key + '_pdfPreview');
                const uploadContent = document.getElementById(key + '_uploadContent');
                const previewContainer = document.getElementById(key + '_previewContainer');
                const filenameBar = document.getElementById(key + '_filenameBar');
                const downloadBtn = document.getElementById(key + '_downloadBtn');

                const fileURL = URL.createObjectURL(file);

                previewContainer.classList.remove('d-none');
                if (uploadContent) uploadContent.classList.add('d-none');
                if (filenameBar) filenameBar.innerText = file.name;

                if (file.type === 'application/pdf') {
                    if (img) {
                        img.style.display = 'none';
                        img.src = '';
                    }
                    if (pdf) {
                        pdf.style.display = 'block';
                        pdf.src = fileURL;
                    }
                } else {
                    if (pdf) {
                        pdf.style.display = 'none';
                        pdf.src = '';
                    }
                    if (img) {
                        img.style.display = 'block';
                        img.src = fileURL;
                    }
                }

                if (downloadBtn) {
                    downloadBtn.href = fileURL;
                    downloadBtn.download = file.name;
                    downloadBtn.classList.remove('disabled');
                    downloadBtn.querySelector('i').className = 'ti tabler-download text-primary fs-5';
                }
            }

            function clearPreview(key) {
                const fileInput = document.getElementById(key + '_file');
                const previewContainer = document.getElementById(key + '_previewContainer');
                const uploadContent = document.getElementById(key + '_uploadContent');
                const img = document.getElementById(key + '_preview');
                const pdf = document.getElementById(key + '_pdfPreview');
                const filenameBar = document.getElementById(key + '_filenameBar');
                const downloadBtn = document.getElementById(key + '_downloadBtn');

                if (fileInput) fileInput.value = '';
                if (img) {
                    img.src = '';
                    img.style.display = 'none';
                }
                if (pdf) {
                    pdf.src = '';
                    pdf.style.display = 'none';
                }
                if (filenameBar) filenameBar.innerText = '';
                if (previewContainer) previewContainer.classList.add('d-none');
                if (uploadContent) uploadContent.classList.remove('d-none');

                if (downloadBtn) {
                    downloadBtn.href = '#';
                    downloadBtn.classList.add('disabled');
                    downloadBtn.querySelector('i').className = 'ti tabler-download text-secondary fs-5';
                }
            }

            function setPreview(keyOrUrl, title) {
                const modalTitle = document.getElementById('previewModalTitle');
                const modalImage = document.getElementById('previewModalImage');
                const modalPdf = document.getElementById('previewModalPdf');
                const imageContainer = document.getElementById('modalImageContainer');
                const pdfContainer = document.getElementById('modalPdfContainer');

                imageContainer.classList.add('d-none');
                pdfContainer.classList.add('d-none');
                modalImage.src = '';
                modalPdf.src = '';

                if (modalTitle) modalTitle.innerText = title;

                const cardImage = document.getElementById(keyOrUrl + '_preview');
                const cardPdf = document.getElementById(keyOrUrl + '_pdfPreview');

                // Check PDF preview element first
                if (cardPdf && cardPdf.src && cardPdf.style.display !== 'none' && cardPdf.src !== window.location.href) {
                    modalPdf.src = cardPdf.src;
                    pdfContainer.classList.remove('d-none');
                    return;
                }

                // Check image preview element next
                if (cardImage && cardImage.src && cardImage.style.display !== 'none' && cardImage.src !== window.location
                    .href) {
                    modalImage.src = cardImage.src;
                    imageContainer.classList.remove('d-none');
                    return;
                }

                // If passed a direct URL path
                if (keyOrUrl && keyOrUrl.includes('/')) {
                    const cleanUrl = keyOrUrl.split('?')[0].toLowerCase();
                    if (cleanUrl.endsWith('.pdf')) {
                        modalPdf.src = keyOrUrl;
                        pdfContainer.classList.remove('d-none');
                    } else {
                        modalImage.src = keyOrUrl;
                        imageContainer.classList.remove('d-none');
                    }
                }
            }

            function resetAllPreviews() {
                ['aadhar', 'pan', 'license', 'rc_book'].forEach(key => clearPreview(key));
            }
        </script> --}}
        

        {{-- <script>
            let isBulkReject = false;

            function openSingleRejectModal(typeKey) {
                isBulkReject = false;
                currentRejectType = typeKey;
                document.getElementById('rejectModalTitle').innerText = 'Reject Document';
                document.getElementById('rejectModalSubtitle').classList.add('d-none');
                document.getElementById('modal_rejection_reason').value = '';
                let modal = new bootstrap.Modal(document.getElementById('rejectModal'));
                modal.show();
            }

            function openBulkRejectModal() {
                isBulkReject = true;
                document.getElementById('rejectModalTitle').innerText = 'Reject All Documents';
                document.getElementById('rejectModalSubtitle').classList.remove('d-none');
                document.getElementById('modal_rejection_reason').value = '';
                let modal = new bootstrap.Modal(document.getElementById('rejectModal'));
                modal.show();
            }

            function openBulkApproveModal() {
                let modal = new bootstrap.Modal(document.getElementById('approveAllModal'));
                modal.show();
            }

            function confirmBulkApprove(btnElement) {
                showProcessing(btnElement);
                document.getElementById('bulk_action_type').value = 'approve_all';
                document.getElementById('bulkDocumentStatusForm').submit();
            }

            function confirmRejection(btnElement) {
                const reason = document.getElementById('modal_rejection_reason').value;
                showProcessing(btnElement);
                if (isBulkReject) {
                    document.getElementById('bulk_action_type').value = 'reject_all';
                    document.getElementById('bulk_rejection_reason').value = reason;
                    document.getElementById('bulkDocumentStatusForm').submit();
                } else {
                    submitStatus(currentRejectType, 'rejected', reason);
                }
            }

            function submitStatus(docType, status, reason = '', btnElement = null) {
                if (btnElement) showProcessing(btnElement);
                document.getElementById('status_doc_type').value = docType;
                document.getElementById('status_doc_value').value = status;
                document.getElementById('status_rejection_reason').value = reason;
                document.getElementById('documentStatusForm').submit();
            }
        </script>

        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const blockButton = document.getElementById('blockPartnerBtn');
                const confirmBlockBtn = document.getElementById('confirmBlockBtn');
                const blockMessage = document.getElementById('blockModalMessage');

                if (blockButton && confirmBlockBtn) {
                    blockButton.addEventListener('click', function() {
                        const isBlocked = this.dataset.blocked == '1';
                        blockMessage.innerText = isBlocked ?
                            'Do you want to unblock this user?' :
                            'Do you want to block this user?';
                    });

                    confirmBlockBtn.addEventListener('click', function() {
                        const button = this;
                        button.disabled = true;
                        button.innerHTML =
                            '<span class="spinner-border spinner-border-sm me-2"></span>Processing...';
                        fetch("{{ route('block_unblock') }}", {
                                method: 'POST',
                                headers: {
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                                    'Content-Type': 'application/json',
                                    'Accept': 'application/json'
                                },
                                body: JSON.stringify({
                                    id: "{{ $partner->id }}"
                                })
                            })
                            .then(response => {
                                if (!response.ok) throw new Error('Server error');
                                return response.json();
                            })
                            .then(data => {
                                button.disabled = false;
                                button.innerText = 'Yes, Sure';
                                if (!data.status) {
                                    showToast(data.message || 'Something went wrong.', 'error');
                                    return;
                                }
                                const modalElement = document.getElementById('blockModal');
                                const modal = bootstrap.Modal.getInstance(modalElement);
                                if (modal) modal.hide();

                                const blocked = data.is_blocked == 1;
                                blockButton.dataset.blocked = blocked ? '1' : '0';
                                const text = blockButton.querySelector('span');
                                const icon = blockButton.querySelector('i');

                                if (blocked) {
                                    blockButton.classList.remove('btn-light');
                                    blockButton.classList.add('btn-success');
                                    text.innerText = 'Unblock';
                                    text.classList.remove('text-dark');
                                    icon.classList.remove('tabler-ban', 'text-dark');
                                    icon.classList.add('tabler-lock-open');
                                } else {
                                    blockButton.classList.remove('btn-success');
                                    blockButton.classList.add('btn-light');
                                    text.innerText = 'Block';
                                    text.classList.add('text-dark');
                                    icon.classList.remove('tabler-lock-open');
                                    icon.classList.add('tabler-ban', 'text-dark');
                                }
                                showToast(data.message, 'success');
                            })
                            .catch(error => {
                                console.error(error);
                                button.disabled = false;
                                button.innerText = 'Yes, Sure';
                                showToast('Something went wrong. Please try again.', 'error');
                            });
                    });
                }

                const deleteButton = document.getElementById('confirmDeleteBtn');
                if (deleteButton) {
                    deleteButton.addEventListener('click', function() {
                        const button = this;
                        button.disabled = true;
                        button.innerHTML =
                            '<span class="spinner-border spinner-border-sm me-2"></span>Deleting...';
                        fetch("{{ route('delete') }}", {
                                method: 'POST',
                                headers: {
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                                    'Content-Type': 'application/json',
                                    'Accept': 'application/json'
                                },
                                body: JSON.stringify({
                                    id: "{{ $partner->id }}"
                                })
                            })
                            .then(response => {
                                if (!response.ok) throw new Error('Server error');
                                return response.json();
                            })
                            .then(function(data) {
                                button.disabled = false;
                                button.innerText = 'Yes, Sure';
                                if (!data.status) {
                                    showToast(data.message || 'Delete failed.', 'error');
                                    return;
                                }
                                const modalElement = document.getElementById('delete');
                                const modal = bootstrap.Modal.getInstance(modalElement);
                                if (modal) modal.hide();
                                showToast(data.message, 'success');
                                setTimeout(function() {
                                    window.location.href = "{{ route('new_entry') }}";
                                }, 1000);
                            })
                            .catch(error => {
                                console.error(error);
                                button.disabled = false;
                                button.innerText = 'Yes, Sure';
                                showToast('Something went wrong. Please try again.', 'error');
                            });
                    });
                }
            });
        </script> --}}
    @endsection