@extends('dashboard.layouts.master')
@section('title', 'Business Application Details | Admin Panel')

@push('after-styles')
<style>
    /* ── Section Headers ── */
    .section-header {
        display: flex; align-items: center; gap: 10px;
        padding: 12px 16px; background: #f0f4ff;
        border-left: 4px solid #002868; border-radius: 4px;
        margin: 28px 0 18px;
    }
    .section-header h5 { margin: 0; font-weight: 700; color: #002868; font-size: 15px; }
    .section-header .material-icons { color: #002868; }

    /* ── Field labels ── */
    .info-label {
        font-size: 10px; text-transform: uppercase; letter-spacing: 1px;
        color: #888; margin-bottom: 4px; font-weight: 700;
    }

    /* ── Status strip ── */
    .status-strip {
        display: flex; align-items: center; justify-content: space-between;
        padding: 14px 20px; border-radius: 8px; margin-bottom: 20px;
    }
    .status-strip.pending      { background:#fff8e1; border:1px solid #ffe082; }
    .status-strip.approved     { background:#e8f5e9; border:1px solid #a5d6a7; }
    .status-strip.rejected     { background:#ffebee; border:1px solid #ef9a9a; }
    .status-strip.under-review { background:#e3f2fd; border:1px solid #90caf9; }
    .status-strip.suspended    { background:#fce4ec; border:1px solid #f48fb1; }

    .badge-pill-lg {
        padding: 5px 14px; border-radius: 20px; font-size: 12px;
        font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    }
    .pill-pending      { background:#fff3cd; color:#856404; }
    .pill-approved     { background:#d4edda; color:#155724; }
    .pill-rejected     { background:#f8d7da; color:#721c24; }
    .pill-under-review { background:#cce5ff; color:#004085; }
    .pill-suspended    { background:#fce4ec; color:#880e4f; }

    /* ── Document cards ── */
    .doc-card {
        border: 2px dashed #ddd; border-radius: 8px;
        padding: 14px 10px; text-align: center;
        background: #fafafa; min-height: 120px;
        display: flex; flex-direction: column;
        align-items: center; justify-content: center;
        transition: border-color .2s;
        position: relative;
    }
    .doc-card:hover { border-color: #002868; }
    .doc-card .doc-icon { font-size: 38px; color: #ccc; margin-bottom: 6px; }

    .doc-actions { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; justify-content: center; }
    .doc-actions .btn { font-size: 11px; padding: 4px 10px; }

    .reupload-badge {
        position: absolute; top: 6px; right: 6px;
        background: #ff9800; color: #fff;
        font-size: 10px; font-weight: 700; border-radius: 10px;
        padding: 2px 8px; text-transform: uppercase;
    }

    /* ── Action panel ── */
    .action-panel {
        border: 1px solid #e0e0e0; border-radius: 8px;
        padding: 22px; margin-top: 24px; background: #fff;
    }
    .action-panel .panel-title {
        font-weight: 700; color: #002868; font-size: 14px;
        margin-bottom: 16px; display: flex; align-items: center; gap: 8px;
    }

    /* ── Suspension rules box ── */
    .suspension-rules {
        background: #fff3e0; border: 1px solid #ffe0b2;
        border-radius: 8px; padding: 16px; margin-top: 20px;
    }
    .suspension-rules h6 {
        color: #e65100; font-weight: 700; margin-bottom: 10px;
        display: flex; align-items: center; gap: 6px;
    }
    .suspension-rules ul { margin: 0; padding-left: 20px; }
    .suspension-rules ul li { color: #bf360c; font-size: 13px; margin-bottom: 4px; }

    .suspended-warning {
        background: #fce4ec; border: 1px solid #f48fb1;
        border-radius: 8px; padding: 16px; margin-top: 12px;
    }

    /* ── Read-only selects ── */
    select.form-control[disabled] {
        background: #f8f9fa; color: #333;
        -webkit-appearance: none; appearance: none;
        cursor: default;
    }
    .form-control[readonly] { background: #f8f9fa; }

    .divider { border: none; border-top: 1px solid #eee; margin: 8px 0 20px; }
</style>
@endpush

@section('content')
@if(\Helper::canAccessModule('business_owner_management'))

<div class="loader" id="loader"></div>
<div class="padding">
<div class="box">

    {{-- ── Page Header ── --}}
    <div class="box-header m-b-2">
        <div class="box-header-left">
            <h3 class="d-block">Business Application Details</h3>
            <small class="d-inline-block">
                <a href="{{ route('adminHome') }}">Dashboard</a> /
                <a href="{{ route('business-owner-management.index') }}">Business Owner Management</a> /
                <span>Application #{{ $businessOwnerData->id }}</span>
            </small>
        </div>
        <div class="box-header-right">
            <a href="{{ route('business-owner-management.index') }}" class="btn btn-default btn-sm">
                <i class="material-icons md-18">arrow_back</i> Back to List
            </a>
        </div>
    </div>

    <div class="box-body">

        {{-- ── Status Strip ── --}}
        @php
            $status   = $businessOwnerData->admin_approval_status ?? 1;
            $statusMap = [
                1 => ['label'=>'Pending',      'strip'=>'pending',      'pill'=>'pill-pending'],
                2 => ['label'=>'Approved',     'strip'=>'approved',     'pill'=>'pill-approved'],
                3 => ['label'=>'Rejected',     'strip'=>'rejected',     'pill'=>'pill-rejected'],
                4 => ['label'=>'Suspended',    'strip'=>'suspended',    'pill'=>'pill-suspended'],
                5 => ['label'=>'Under Review', 'strip'=>'under-review', 'pill'=>'pill-under-review'],
            ];
            $si = $statusMap[$status] ?? $statusMap[1];
        @endphp

        <div class="status-strip {{ $si['strip'] }}">
            <div>
                <strong>Application Status:</strong>&nbsp;
                <span class="badge-pill-lg {{ $si['pill'] }}">{{ $si['label'] }}</span>
                @if($businessOwnerData->admin_approved_at)
                    <small class="text-muted m-l-sm">
                        &mdash; {{ \Carbon\Carbon::parse($businessOwnerData->admin_approved_at)->format('d M Y, H:i') }}
                    </small>
                @endif
            </div>
            @if($businessOwnerData->reviewer_name)
                <small class="text-muted">Reviewed by: <strong>{{ $businessOwnerData->reviewer_name }}</strong></small>
            @endif
        </div>

        @if($status == 3 && $businessOwnerData->admin_rejection_reason)
        <div class="alert alert-danger m-b">
            <i class="material-icons md-18" style="vertical-align:middle;">cancel</i>
            <strong>Rejection Reason:</strong> {{ $businessOwnerData->admin_rejection_reason }}
        </div>
        @endif

        @if($status == 5 && $businessOwnerData->review_notes)
        <div class="alert alert-info m-b">
            <i class="material-icons md-18" style="vertical-align:middle;">rate_review</i>
            <strong>Review Notes:</strong> {{ $businessOwnerData->review_notes }}
        </div>
        @endif

        @if($status == 4)
        <div class="suspended-warning m-b">
            <strong style="color:#880e4f;"><i class="material-icons md-18" style="vertical-align:middle;">block</i> This business is currently SUSPENDED</strong>
            @if($businessOwnerData->suspension_reason)
                <p class="m-t-xs m-b-0" style="color:#880e4f;">
                    <strong>Suspension Reason:</strong> {{ $businessOwnerData->suspension_reason }}
                </p>
            @endif
            <small class="text-muted d-block m-t-xs">
                Suspended businesses are hidden from users, cannot create/redeem offers, and cannot issue loyalty points.
                All existing data is retained for audit purposes.
            </small>
        </div>
        @endif

        {{-- ═══════════════════════════════════════
             SECTION 1 — PERSONAL INFORMATION
        ════════════════════════════════════════ --}}
        <div class="section-header">
            <i class="material-icons">person</i>
            <h5>Personal Information</h5>
        </div>

        <div class="row">
            {{-- Name --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Full Name</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->owner_name ?? $businessOwnerData->owner_name_user }}" readonly>
                </div>
            </div>

            {{-- Email --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Email Address</div>
                    <input type="email" class="form-control"
                           value="{{ $businessOwnerData->owner_email ?? $businessOwnerData->owner_email_user }}" readonly>
                </div>
            </div>

            {{-- Contact Number --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Contact Number</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->owner_mobile ?? $businessOwnerData->owner_phone_user }}" readonly>
                </div>
            </div>

            {{-- Gender --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Gender</div>
                    @php
                        $gender = 'N/A';
                        if($businessOwnerData->gender_id == 1) $gender = 'Male';
                        elseif($businessOwnerData->gender_id == 2) $gender = 'Female';
                        elseif($businessOwnerData->gender_id == 3) $gender = 'Other';
                    @endphp
                    <input type="text" class="form-control" value="{{ $gender }}" readonly>
                </div>
            </div>

            {{-- Date of Birth --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Date of Birth</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->date_of_birth ? \Carbon\Carbon::parse($businessOwnerData->date_of_birth)->format('d M Y') : 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Nationality --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Nationality</div>
                    <input type="text" class="form-control" value="{{ $businessOwnerData->country_name ?? 'N/A' }}" readonly>
                </div>
            </div>
        </div>

        {{-- ═══════════════════════════════════════
             SECTION 2 — BUSINESS INFORMATION
        ════════════════════════════════════════ --}}
        <div class="section-header">
            <i class="material-icons">business</i>
            <h5>Business Information</h5>
        </div>

        <div class="row">
            {{-- Business Name --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Business Name</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->business_name ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Category --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Business Category</div>
                    <input type="text" class="form-control" value="{{ $businessOwnerData->category_name ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Owner Name --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Owner Name (Contact Person)</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->owner_name ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Number of Business Owned --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Number of Businesses Owned</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->number_of_businesses_owned ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Number of Branches --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Number of Branches</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->number_of_branches ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Business Phone --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Business Phone</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->business_mobile ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Business Email --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Business Email</div>
                    <input type="email" class="form-control"
                           value="{{ $businessOwnerData->business_email ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- 9-digit code (Pincode) --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">9-digit Code (Pincode)</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->pincode ?? 'N/A' }}" readonly>
                </div>
            </div>
        </div>

        {{-- Business Description --}}
        <div class="form-group m-b">
            <div class="info-label">Business Description</div>
            <textarea class="form-control" rows="3" readonly>{{ $businessOwnerData->business_description ?? '' }}</textarea>
        </div>

        {{-- ═══════════════════════════════════════
             SECTION 3 — LOCATION DETAILS
        ════════════════════════════════════════ --}}
        <div class="section-header">
            <i class="material-icons">location_on</i>
            <h5>Location Details</h5>
        </div>

        <div class="row">
            {{-- City --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">City</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->city ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- State --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">State</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->state_name ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Address Line 1 --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Address Line 1</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->address_line_1 ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Address Line 2 --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Address Line 2</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->address_line_2 ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Latitude --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Latitude</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->latitude ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- Longitude --}}
            <div class="col-md-6">
                <div class="form-group">
                    <div class="info-label">Longitude</div>
                    <input type="text" class="form-control"
                           value="{{ $businessOwnerData->longitude ?? 'N/A' }}" readonly>
                </div>
            </div>
        </div>

        {{-- ═══════════════════════════════════════
             SECTION 4 — MEDIA SECTION
        ════════════════════════════════════════ --}}
        <div class="section-header">
            <i class="material-icons">perm_media</i>
            <h5>Media Section</h5>
        </div>

        <div class="row">
            {{-- Business Logo --}}
            <div class="col-md-4">
                <div class="info-label">Business Logo</div>
                <div class="doc-card m-b">
                    @if($businessOwnerData->logo)
                        @php $logoUrl = asset('storage/business_owner/' . $businessOwnerData->logo); @endphp
                        <img src="{{ $logoUrl }}" style="max-width:120px;max-height:120px;border-radius:8px;cursor:pointer;object-fit:contain;"
                             onclick="openDocModal('{{ $logoUrl }}','Business Logo')" alt="Logo">
                    @else
                        <i class="material-icons doc-icon">store</i>
                        <span class="text-muted small">No logo uploaded</span>
                    @endif
                </div>
            </div>

            {{-- Cover Photo --}}
            <div class="col-md-8">
                <div class="info-label">Cover Photo</div>
                <div class="doc-card m-b" style="padding:0; overflow:hidden;">
                    @if($businessOwnerData->cover_photo)
                        @php $coverUrl = asset('storage/business_owner/' . $businessOwnerData->cover_photo); @endphp
                        <img src="{{ $coverUrl }}" style="width:100%; height:160px; object-fit:cover; cursor:pointer;"
                             onclick="openDocModal('{{ $coverUrl }}','Cover Photo')" alt="Cover">
                    @else
                        <div style="padding:40px;">
                            <i class="material-icons doc-icon">panorama</i>
                            <span class="text-muted small d-block">No cover photo uploaded</span>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- ═══════════════════════════════════════
             SECTION 5 — VERIFICATION DOCUMENTS
        ════════════════════════════════════════ --}}
        <div class="section-header">
            <i class="material-icons">verified_user</i>
            <h5>Verification Documents</h5>
        </div>

        <div class="row">
            {{-- CR Certificate Number - Displayed as field first --}}
            <div class="col-md-12 m-b">
                <div class="form-group">
                    <div class="info-label">CR Certificate Number</div>
                    <input type="text" class="form-control" value="{{ $businessOwnerData->cr_number ?? 'N/A' }}" readonly>
                </div>
            </div>

            {{-- National ID Front --}}
            <div class="col-md-4 m-b">
                <div class="info-label m-b-xs">National ID Front</div>
                <div class="doc-card">
                    @if($businessOwnerData->national_id_front)
                        @php
                            $nif = $businessOwnerData->national_id_front;
                            $ext = strtolower(pathinfo($nif, PATHINFO_EXTENSION));
                            $isImg = in_array($ext, ['jpg','jpeg','png','gif','webp']);
                            $url = asset('storage/business_owner/' . $nif);
                        @endphp
                        @if($isImg)
                            <img src="{{ $url }}" style="max-width:100%;max-height:160px;border-radius:4px;cursor:pointer;"
                                 onclick="openDocModal('{{ $url }}','National ID Front')" alt="ID Front">
                        @else
                            <i class="material-icons doc-icon" style="color:#f44336;">picture_as_pdf</i>
                            <span class="text-muted small d-block">{{ $nif }}</span>
                        @endif
                        <div class="doc-actions">
                            <a href="{{ $url }}" target="_blank" class="btn btn-xs white">
                                <i class="material-icons md-14">visibility</i> View
                            </a>
                            @if(\Helper::checkPermission('business_owner_management', 'update'))
                                <button type="button" class="btn btn-xs warning" onclick="requestReupload('national_id')">
                                    <i class="material-icons md-14">file_upload</i> Reupload
                                </button>
                                <button type="button" class="btn btn-xs danger" onclick="deleteDoc('national_id')">
                                    <i class="material-icons md-14">delete</i> Delete
                                </button>
                            @endif
                        </div>
                    @else
                        <i class="material-icons doc-icon">badge</i>
                        <span class="text-muted small">Not uploaded</span>
                    @endif
                </div>
            </div>

            {{-- National ID Back --}}
            <div class="col-md-4 m-b">
                <div class="info-label m-b-xs">National ID Back</div>
                <div class="doc-card">
                    @if($businessOwnerData->national_id_back)
                        @php
                            $nib = $businessOwnerData->national_id_back;
                            $ext = strtolower(pathinfo($nib, PATHINFO_EXTENSION));
                            $isImg = in_array($ext, ['jpg','jpeg','png','gif','webp']);
                            $url = asset('storage/business_owner/' . $nib);
                        @endphp
                        @if($isImg)
                            <img src="{{ $url }}" style="max-width:100%;max-height:160px;border-radius:4px;cursor:pointer;"
                                 onclick="openDocModal('{{ $url }}','National ID Back')" alt="ID Back">
                        @else
                            <i class="material-icons doc-icon" style="color:#f44336;">picture_as_pdf</i>
                            <span class="text-muted small d-block">{{ $nib }}</span>
                        @endif
                        <div class="doc-actions">
                            <a href="{{ $url }}" target="_blank" class="btn btn-xs white">
                                <i class="material-icons md-14">visibility</i> View
                            </a>
                            @if(\Helper::checkPermission('business_owner_management', 'update'))
                                <button type="button" class="btn btn-xs warning" onclick="requestReupload('national_id')">
                                    <i class="material-icons md-14">file_upload</i> Reupload
                                </button>
                                <button type="button" class="btn btn-xs danger" onclick="deleteDoc('national_id')">
                                    <i class="material-icons md-14">delete</i> Delete
                                </button>
                            @endif
                        </div>
                    @else
                        <i class="material-icons doc-icon">badge</i>
                        <span class="text-muted small">Not uploaded</span>
                    @endif
                </div>
            </div>

            {{-- CR Certificate File --}}
            <div class="col-md-4 m-b">
                <div class="info-label m-b-xs">CR Certificate File</div>
                <div class="doc-card">
                    @if($businessOwnerData->cr_certificate_file)
                        @php
                            $ccf = $businessOwnerData->cr_certificate_file;
                            $ext = strtolower(pathinfo($ccf, PATHINFO_EXTENSION));
                            $isImg = in_array($ext, ['jpg','jpeg','png','gif','webp']);
                            $url = asset('storage/business_owner/' . $ccf);
                        @endphp
                        @if($isImg)
                            <img src="{{ $url }}" style="max-width:100%;max-height:160px;border-radius:4px;cursor:pointer;"
                                 onclick="openDocModal('{{ $url }}','CR Certificate')" alt="CR Cert">
                        @else
                            <i class="material-icons doc-icon" style="color:#f44336;">picture_as_pdf</i>
                            <span class="text-muted small d-block">{{ $ccf }}</span>
                        @endif
                        <div class="doc-actions">
                            <a href="{{ $url }}" target="_blank" class="btn btn-xs white">
                                <i class="material-icons md-14">visibility</i> View
                            </a>
                            @if(\Helper::checkPermission('business_owner_management', 'update'))
                                <button type="button" class="btn btn-xs warning" onclick="requestReupload('cr_certificate')">
                                    <i class="material-icons md-14">file_upload</i> Reupload
                                </button>
                                <button type="button" class="btn btn-xs danger" onclick="deleteDoc('cr_certificate')">
                                    <i class="material-icons md-14">delete</i> Delete
                                </button>
                            @endif
                        </div>
                    @else
                        <i class="material-icons doc-icon">description</i>
                        <span class="text-muted small">Not uploaded</span>
                    @endif
                </div>
            </div>
        </div>

        {{-- ═══════════════════════════════════════
             SECTION 4 — ACTIONS
        ════════════════════════════════════════ --}}
        @if(\Helper::checkPermission('business_owner_management', 'approve') || \Helper::checkPermission('business_owner_management', 'reject') || \Helper::checkPermission('business_owner_management', 'update') || \Helper::checkPermission('business_owner_management', 'active'))

        <div class="action-panel">
            <div class="panel-title">
                <i class="material-icons">admin_panel_settings</i> Actions
            </div>

            <div class="row">
                {{-- Approve --}}
                @if($status != 2 && $status != 4 && \Helper::checkPermission('business_owner_management', 'approve'))
                <div class="col-md-3 m-b-xs">
                    <button type="button" class="btn success btn-block" id="approveBtn">
                        <i class="material-icons md-18">check_circle</i> Approve
                    </button>
                    <small class="text-muted d-block m-t-xs">
                        Business owner receives a welcome email with login credentials.
                    </small>
                </div>
                @endif

                {{-- Reject --}}
                @if($status != 3 && $status != 4 && \Helper::checkPermission('business_owner_management', 'reject'))
                <div class="col-md-3 m-b-xs">
                    <button type="button" class="btn danger btn-block" id="rejectBtn">
                        <i class="material-icons md-18">cancel</i> Reject
                    </button>
                    <small class="text-muted d-block m-t-xs">
                        Business owner receives rejection email with the reason.
                    </small>
                </div>
                @endif

                {{-- Hold on Review --}}
                @if($status != 5 && $status != 4 && \Helper::checkPermission('business_owner_management', 'update'))
                <div class="col-md-3 m-b-xs">
                    <button type="button" class="btn primary btn-block" id="holdBtn">
                        <i class="material-icons md-18">pause_circle_outline</i> Hold on Review
                    </button>
                    <small class="text-muted d-block m-t-xs">
                        Place application under review for further investigation.
                    </small>
                </div>
                @endif

                {{-- Suspend / Reactivate --}}
                @if($status == 2 && \Helper::checkPermission('business_owner_management', 'active'))
                <div class="col-md-3 m-b-xs">
                    <button type="button" class="btn btn-block" id="suspendBtn"
                            style="background:#e65100;color:#fff;border:none;">
                        <i class="material-icons md-18">block</i> Suspend Business
                    </button>
                    <small class="text-muted d-block m-t-xs">
                        Suspend this business from the platform.
                    </small>
                </div>
                @elseif($status == 4 && \Helper::checkPermission('business_owner_management', 'active'))
                <div class="col-md-4 m-b-xs">
                    <button type="button" class="btn success btn-block" id="reactivateBtn">
                        <i class="material-icons md-18">play_circle_outline</i> Reactivate Business
                    </button>
                    <small class="text-muted d-block m-t-xs">
                        Restore full access and visibility on the platform.
                    </small>
                </div>
                @endif
            </div>

            {{-- Suspension Rules Info Box --}}
            <div class="suspension-rules m-t">
                <h6>
                    <i class="material-icons md-18">info</i>
                    Business Suspension Rules
                </h6>
                <ul>
                    <li>Suspended businesses are <strong>hidden from user discovery</strong> across the platform.</li>
                    <li>Cannot <strong>create or redeem offers</strong> while suspended.</li>
                    <li>Cannot <strong>issue loyalty points</strong> to users.</li>
                    <li>All existing data (offers, points history, transactions) is <strong>retained for audit</strong> purposes.</li>
                    <li>Suspended businesses may be <strong>reactivated by admin</strong> at any time.</li>
                </ul>
            </div>
        </div>

        @endif

    </div>{{-- end box-body --}}
</div>{{-- end box --}}
</div>

{{-- ═══════════════════════════════════════
     MODALS
════════════════════════════════════════ --}}

{{-- Approve --}}
<div id="approveModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Approve Business Application</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="alert alert-success">
                    <ul class="m-b-0">
                        <li>Status will be set to <strong>Approved</strong></li>
                        <li>A <strong>welcome email</strong> with login credentials will be sent to the business owner</li>
                        <li>The business account will be <strong>activated</strong></li>
                    </ul>
                </div>
                <p>Approve <strong>{{ $businessOwnerData->business_name ?? $businessOwnerData->name }}</strong>?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn success" id="confirmApproveBtn">Yes, Approve</button>
            </div>
        </div>
    </div>
</div>

{{-- Reject --}}
<div id="rejectModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Reject Business Application</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label class="form-control-label">Rejection Reason <span class="text-danger">*</span></label>
                    <textarea id="rejectReason" class="form-control" rows="4"
                        placeholder="Enter mandatory rejection reason (will be sent to business owner)..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn danger" id="confirmRejectBtn">Confirm Rejection</button>
            </div>
        </div>
    </div>
</div>

{{-- Hold --}}
<div id="holdModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Hold Application for Review</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label class="form-control-label">Review Notes <span class="text-muted">(optional)</span></label>
                    <textarea id="reviewNotes" class="form-control" rows="4"
                        placeholder="Internal notes about this hold (e.g. 'Awaiting site inspection')..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn primary" id="confirmHoldBtn">Place on Hold</button>
            </div>
        </div>
    </div>
</div>

{{-- Suspend --}}
<div id="suspendModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="color:#e65100;">
                    <i class="material-icons md-18" style="vertical-align:middle;">block</i>
                    Suspend Business
                </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    <strong>Once suspended, this business will be:</strong>
                    <ul class="m-t-xs m-b-0">
                        <li>Hidden from user discovery</li>
                        <li>Unable to create or redeem offers</li>
                        <li>Unable to issue loyalty points</li>
                    </ul>
                </div>
                <div class="form-group">
                    <label class="form-control-label">Suspension Reason <span class="text-danger">*</span></label>
                    <textarea id="suspendReason" class="form-control" rows="4"
                        placeholder="Enter the mandatory reason for suspension..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn" id="confirmSuspendBtn"
                        style="background:#e65100;color:#fff;border:none;">
                    Confirm Suspension
                </button>
            </div>
        </div>
    </div>
</div>

{{-- Reactivate --}}
<div id="reactivateModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Reactivate Business</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="alert alert-success">
                    Reactivating will restore full platform access including offer creation, loyalty points issuance, and user visibility.
                </div>
                <p>Reactivate <strong>{{ $businessOwnerData->business_name ?? $businessOwnerData->name }}</strong>?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn success" id="confirmReactivateBtn">Yes, Reactivate</button>
            </div>
        </div>
    </div>
</div>

{{-- Document viewer --}}
<div id="docViewerModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="docViewerTitle">Document Preview</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body p-0 text-center">
                <img id="docViewerImg" src="" style="max-width:100%;" alt="Document">
            </div>
        </div>
    </div>
</div>

@else
<input type="hidden" value="{{ route('adminHome') }}" id="redirect_url">
<script>window.location.replace(document.getElementById('redirect_url').value);</script>
@endif


@push('after-scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.7.0/sweetalert2.all.min.js"></script>
<script>
const USER_ID = "{{ $businessOwnerData->id }}";
const CSRF    = "{{ csrf_token() }}";

/* ── Helpers ── */
function openDocModal(url, title) {
    document.getElementById('docViewerTitle').textContent = title;
    document.getElementById('docViewerImg').src = url;
    $('#docViewerModal').modal('show');
}

function ajax(url, data) {
    return $.ajax({
        url, type: 'POST',
        data: Object.assign({ _token: CSRF }, data),
        beforeSend() { $('.loader').css('visibility','visible'); },
        complete()   { $('.loader').css('visibility','hidden'); }
    });
}

function toast(icon, title, text) {
    return Swal.fire({ icon, title, text, confirmButtonColor: '#002868' });
}

/* ── Approve ── */
$('#approveBtn').on('click', () => $('#approveModal').modal('show'));

$('#confirmApproveBtn').on('click', function() {
    const btn = $(this).prop('disabled', true).text('Approving…');
    ajax("{{ route('business-owner-management.approve') }}", { user_id: USER_ID })
        .done(r => {
            $('#approveModal').modal('hide');
            toast('success', 'Approved!', r.msg).then(() => location.reload());
        })
        .fail(() => {
            toast('error', 'Error', 'Something went wrong.');
            btn.prop('disabled', false).text('Yes, Approve');
        });
});

/* ── Reject ── */
$('#rejectBtn').on('click', () => { $('#rejectReason').val(''); $('#rejectModal').modal('show'); });

$('#confirmRejectBtn').on('click', function() {
    const reason = $('#rejectReason').val().trim();
    if (!reason) { Swal.fire('Required', 'Please enter a rejection reason.', 'warning'); return; }
    const btn = $(this).prop('disabled', true).text('Rejecting…');
    ajax("{{ route('business-owner-management.reject') }}", { user_id: USER_ID, reason })
        .done(r => {
            $('#rejectModal').modal('hide');
            toast('success', 'Rejected', r.msg).then(() => location.reload());
        })
        .fail(() => {
            toast('error', 'Error', 'Something went wrong.');
            btn.prop('disabled', false).text('Confirm Rejection');
        });
});

/* ── Hold ── */
$('#holdBtn').on('click', () => { $('#reviewNotes').val(''); $('#holdModal').modal('show'); });

$('#confirmHoldBtn').on('click', function() {
    const btn = $(this).prop('disabled', true).text('Saving…');
    ajax("{{ route('business-owner-management.hold') }}", {
        user_id: USER_ID, review_notes: $('#reviewNotes').val().trim()
    })
    .done(r => {
        $('#holdModal').modal('hide');
        toast('info', 'On Hold', r.msg).then(() => location.reload());
    })
    .fail(() => {
        toast('error', 'Error', 'Something went wrong.');
        btn.prop('disabled', false).text('Place on Hold');
    });
});

/* ── Suspend ── */
$('#suspendBtn').on('click', () => { $('#suspendReason').val(''); $('#suspendModal').modal('show'); });

$('#confirmSuspendBtn').on('click', function() {
    const reason = $('#suspendReason').val().trim();
    if (!reason) { Swal.fire('Required', 'Suspension reason is mandatory.', 'warning'); return; }
    const btn = $(this).prop('disabled', true).text('Suspending…');
    ajax("{{ route('business-owner-management.suspend') }}", { user_id: USER_ID, reason })
        .done(r => {
            $('#suspendModal').modal('hide');
            toast('warning', 'Business Suspended', r.msg).then(() => location.reload());
        })
        .fail(() => {
            toast('error', 'Error', 'Something went wrong.');
            btn.prop('disabled', false).text('Confirm Suspension');
        });
});

/* ── Reactivate ── */
$('#reactivateBtn').on('click', () => $('#reactivateModal').modal('show'));

$('#confirmReactivateBtn').on('click', function() {
    const btn = $(this).prop('disabled', true).text('Reactivating…');
    ajax("{{ route('business-owner-management.reactivate') }}", { user_id: USER_ID })
        .done(r => {
            $('#reactivateModal').modal('hide');
            toast('success', 'Reactivated!', r.msg).then(() => location.reload());
        })
        .fail(() => {
            toast('error', 'Error', 'Something went wrong.');
            btn.prop('disabled', false).text('Yes, Reactivate');
        });
});

/* ── Delete Document ── */
function deleteDoc(docType, cardId) {
    Swal.fire({
        icon: 'warning',
        title: 'Delete Document?',
        text: 'This will permanently remove the uploaded document. The business owner will need to reupload it.',
        showCancelButton: true,
        confirmButtonColor: '#c62828',
        confirmButtonText: 'Yes, Delete'
    }).then(result => {
        if (!result.isConfirmed) return;
        ajax("{{ route('business-owner-management.delete-document') }}", {
            user_id: USER_ID, doc_type: docType
        })
        .done(r => {
            if (r.success) {
                Swal.fire('Deleted', r.msg, 'success').then(() => location.reload());
            } else {
                toast('error', 'Error', r.msg);
            }
        })
        .fail(() => toast('error', 'Error', 'Could not delete document.'));
    });
}

/* ── Request Reupload ── */
function requestReupload(docType) {
    const label = docType === 'national_id' ? 'National ID Card' : 'CR Certificate';
    Swal.fire({
        icon: 'question',
        title: 'Request Reupload?',
        text: 'This will notify the business owner to upload a new ' + label + '.',
        showCancelButton: true,
        confirmButtonColor: '#002868',
        confirmButtonText: 'Yes, Request'
    }).then(result => {
        if (!result.isConfirmed) return;
        ajax("{{ route('business-owner-management.request-reupload') }}", {
            user_id: USER_ID, doc_type: docType
        })
        .done(r => {
            if (r.success) {
                Swal.fire('Requested!', r.msg, 'success').then(() => location.reload());
            } else {
                toast('error', 'Error', r.msg);
            }
        })
        .fail(() => toast('error', 'Error', 'Could not send request.'));
    });
}
</script>
@endpush
@endsection