{{-- resources/views/agent/files/archive.blade.php --}}
@extends('layouts.contentLayoutMaster')
@section('title', 'Lead Archives')

@php
    use Illuminate\Support\Facades\Route as Routes;
    use Illuminate\Support\Str;

    // ── Defensive defaults ─────────────────────────────────────────────────────
    $leads = $leads ?? collect();
    $f_leadType = $f_leadType ?? strtolower((string) request('lead_type', '')); // assigned|personal|purchased|social
    $f_group = $f_group ?? strtolower((string) request('group', '')); // life|mortgage|health
    $f_state = strtoupper((string) request('state', '')); // 2-letter state code
    $f_archived_from = $f_archived_from ?? (string) request('archived_from', ''); // Y-m-d
    $f_archived_to = $f_archived_to ?? (string) request('archived_to', ''); // Y-m-d
    $rowsPer = isset($rowsPer) ? (int) $rowsPer : max(25, min((int) request('per', 100), 1000));

    // Derived helpers
    $hasFilters = (bool) ($f_leadType || $f_group || $f_state || $f_archived_from || $f_archived_to);

    $backUrl = Routes::has('agent.files') ? route('agent.files') : url()->previous();
    $routeArchiveIndex = Routes::has('agent.files.archive') ? route('agent.files.archive') : url()->current();

    // POST target for "View Selected": prefer named route; fallback to URL.
    $viewSelectedRoute = Routes::has('agent.leads.archived.view-selected')
        ? route('agent.leads.archived.view-selected')
        : url('/agent/leads/archived/view-selected');

    // 50 U.S. states
    $states = [
        'AL'=>'Alabama','AK'=>'Alaska','AZ'=>'Arizona','AR'=>'Arkansas','CA'=>'California','CO'=>'Colorado',
        'CT'=>'Connecticut','DE'=>'Delaware','FL'=>'Florida','GA'=>'Georgia','HI'=>'Hawaii','ID'=>'Idaho',
        'IL'=>'Illinois','IN'=>'Indiana','IA'=>'Iowa','KS'=>'Kansas','KY'=>'Kentucky','LA'=>'Louisiana',
        'ME'=>'Maine','MD'=>'Maryland','MA'=>'Massachusetts','MI'=>'Michigan','MN'=>'Minnesota','MS'=>'Mississippi',
        'MO'=>'Missouri','MT'=>'Montana','NE'=>'Nebraska','NV'=>'Nevada','NH'=>'New Hampshire','NJ'=>'New Jersey',
        'NM'=>'New Mexico','NY'=>'New York','NC'=>'North Carolina','ND'=>'North Dakota','OH'=>'Ohio','OK'=>'Oklahoma',
        'OR'=>'Oregon','PA'=>'Pennsylvania','RI'=>'Rhode Island','SC'=>'South Carolina','SD'=>'South Dakota',
        'TN'=>'Tennessee','TX'=>'Texas','UT'=>'Utah','VT'=>'Vermont','VA'=>'Virginia','WA'=>'Washington',
        'WV'=>'West Virginia','WI'=>'Wisconsin','WY'=>'Wyoming',
    ];
@endphp

@section('content')
    <div class="container py-4" data-template-version="archives.lead-grid.v4">
        {{-- Header row: title, rows preview, actions, back --}}
        <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
            <h4 class="mb-0">Lead Archives</h4>

            <div class="d-flex align-items-center gap-2">
                {{-- Rows preview (used when forwarding to edit page) --}}
                <div class="input-group input-group-sm" style="width: 200px;">
                    <span class="input-group-text">Rows</span>
                    <input type="number" min="25" max="1000" step="25" id="preview-limit" class="form-control"
                        value="{{ $rowsPer }}">
                </div>

                {{-- Actions dropdown --}}
                <div class="btn-group">
                    <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown"
                        aria-expanded="false">
                        Actions
                    </button>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a href="#" class="dropdown-item" id="action-view-selected">View Selected</a></li>
                        <li><a href="#" class="dropdown-item text-danger" id="action-delete-selected">Delete</a></li>
                    </ul>
                </div>

                {{-- Hidden POST form for "View Selected" (opens in new tab to keep this page) --}}
                <form id="view-selected-form" action="{{ $viewSelectedRoute }}" method="POST" target="_blank" rel="noopener" class="d-none" aria-hidden="true">
                    @csrf
                    {{-- Preserve filters + control inputs --}}
                    <input type="hidden" name="limit" value="{{ $rowsPer }}">
                    <input type="hidden" name="lead_type" value="{{ $f_leadType }}">
                    <input type="hidden" name="group" value="{{ $f_group }}">
                    <input type="hidden" name="active_group" id="view-selected-active-group" value="{{ $f_group }}">
                    {{-- Extras container (e.g., fallback ids[]) --}}
                    <div id="view-selected-extra"></div>
                </form>

                <a href="{{ $backUrl }}" class="btn btn-outline-secondary btn-sm">Back to Files</a>
            </div>
        </div>

        {{-- FILTERS --}}
        <form method="GET" action="{{ $routeArchiveIndex }}" class="row g-2 align-items-end mb-3" id="filters-form">
            <div class="col-sm-3">
                <label class="form-label mb-1">Lead Type</label>
                <select name="lead_type" class="form-select form-select-sm">
                    <option value="">Any</option>
                    @foreach (['assigned' => 'Assigned', 'personal' => 'Personal', 'purchased' => 'Purchased', 'social' => 'Social Media'] as $val => $label)
                        <option value="{{ $val }}" @selected($f_leadType === $val)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-sm-3">
                <label class="form-label mb-1">Group</label>
                <select name="group" class="form-select form-select-sm">
                    <option value="">Any</option>
                    @foreach (['life' => 'Life', 'mortgage' => 'Mortgage Protection', 'health' => 'Health'] as $val => $label)
                        <option value="{{ $val }}" @selected($f_group === $val)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            {{-- State filter (to the right of Group) --}}
            <div class="col-sm-2">
                <label class="form-label mb-1">State</label>
                <select name="state" class="form-select form-select-sm">
                    <option value="">Any</option>
                    @foreach ($states as $abbr => $name)
                        <option value="{{ $abbr }}" @selected($f_state === $abbr)>{{ $name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-sm-2">
                <label class="form-label mb-1">Archived From</label>
                <input type="date" name="archived_from" class="form-control form-control-sm"
                    value="{{ $f_archived_from }}">
            </div>

            <div class="col-sm-2">
                <label class="form-label mb-1">Archived To</label>
                <input type="date" name="archived_to" class="form-control form-control-sm" value="{{ $f_archived_to }}">
            </div>

            <div class="col-12 d-flex justify-content-center gap-2 mt-2">
                <button type="submit" class="btn btn-primary btn-sm">Apply Filters</button>
                <a href="{{ $routeArchiveIndex }}" class="btn btn-outline-secondary btn-sm">Clear</a>
            </div>
        </form>

        {{-- Empty-state / Results --}}
        @if (!$hasFilters)
            <div class="alert alert-secondary text-center">
                Use the filters above and click <strong>Apply Filters</strong> to see archived leads.
            </div>
        @else
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width:36px;">
                                    <input type="checkbox" class="form-check-input" id="select-all">
                                </th>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Phone Number</th>
                                <th>Email</th>
                                <th>Date of Birth</th>
                                {{-- State column --}}
                                <th>State</th>
                                <th>Lead Type</th>
                                {{-- REPLACED: Group -> Status --}}
                                <th>Status</th>
                                <th>Archived Date</th>
                            </tr>
                        </thead>
                        <tbody id="tbody-archived">
                            @forelse(($leads ?? collect()) as $lead)
                                @php
                                    $lt = strtolower((string) ($lead->lead_type ?? 'purchased'));

                                    // Keep group internally (used for tabs/filters) but not displayed in the table now
                                    $grp = strtolower((string) ($lead->group ?? ''));
                                    if (in_array($grp, ['mortgage protection', 'mortgage_protection', 'mp'], true)) {
                                        $grp = 'mortgage';
                                    }

                                    $archDt = $lead->archived_at ?? ($lead->archive_date ?? null);
                                    $archYmd = $archDt
                                        ? \Illuminate\Support\Carbon::parse($archDt)->format('Y-m-d')
                                        : null;

                                    $first = $lead->first_name ?? ($lead->fname ?? '—');
                                    $last = $lead->last_name ?? ($lead->lname ?? '—');
                                    $phone = $lead->phone_number ?? ($lead->phone ?? '—');
                                    $email = $lead->email ?? '—';
                                    $dob = $lead->date_of_birth ?? ($lead->dob ?? null);

                                    // Try common state fields; uppercase if present
                                    $state = strtoupper((string) (
                                        $lead->state
                                        ?? $lead->st
                                        ?? $lead->state_code
                                        ?? $lead->province
                                        ?? ''
                                    ));

                                    // Status for display only (NOT used for retrieval/keys)
                                    $status = strtolower((string) (
                                        $lead->status
                                        ?? $lead->lead_status
                                        ?? $lead->status_text
                                        ?? 'archived'
                                    ));

                                    // Build value for checkbox: prefer "table:id", else plain id
                                    $srcTable = $lead->src_table ?? '';
                                    $ckValue  = $srcTable ? ($srcTable . ':' . $lead->id) : $lead->id;
                                @endphp
                                {{-- include data-table (src_table) so delete is table-aware --}}
                                <tr data-id="{{ $lead->id }}" data-table="{{ $srcTable }}"
                                    data-lead-type="{{ $lt }}" data-group="{{ $grp }}"
                                    data-archive="{{ $archYmd }}">
                                    <td>
                                        {{-- Checkbox posts ids/keys only (status is NOT used as a key) --}}
                                        <input type="checkbox"
                                               class="form-check-input row-check"
                                               name="keys[]"
                                               form="view-selected-form"
                                               value="{{ $ckValue }}">
                                    </td>
                                    <td>{{ $first ?: '—' }}</td>
                                    <td>{{ $last ?: '—' }}</td>
                                    <td>{{ $phone ?: '—' }}</td>
                                    <td>{{ $email ?: '—' }}</td>
                                    <td>
                                        @if ($dob)
                                            {{ \Illuminate\Support\Carbon::parse($dob)->format('Y-m-d') }}
                                        @else
                                            —
                                        @endif
                                    </td>
                                    {{-- State cell --}}
                                    <td class="text-uppercase">{{ $state ?: '—' }}</td>
                                    <td class="text-capitalize">{{ $lt ?: '—' }}</td>
                                    {{-- NEW: Status cell (display-only) --}}
                                    <td class="text-capitalize">{{ $status ?: '—' }}</td>
                                    <td class="text-nowrap">
                                        {{ $archDt ? \Illuminate\Support\Carbon::parse($archDt)->format('Y-m-d H:i') : '—' }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    {{-- colspan: checkbox + 9 columns = 10 --}}
                                    <td colspan="10" class="text-center text-muted py-4">No archived leads matched your
                                        filters.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="card-footer">
                    {{-- Only render pagination if $leads is a paginator --}}
                    @if (is_object($leads) && method_exists($leads, 'links'))
                        {{ $leads->appends(request()->query())->links() }}
                    @endif
                </div>
            </div>
        @endif

        {{-- Hidden form to DELETE selected (posts back to archive route with do=delete) --}}
        <form id="delete-selected-form" action="{{ $routeArchiveIndex }}" method="POST" class="d-none">
            @csrf
            <input type="hidden" name="do" value="delete">
            <div id="delete-selected-ids"></div>
        </form>
    </div>

    {{-- CSRF token for JS if you need it in future --}}
    <input type="hidden" id="csrf_token" value="{{ csrf_token() }}">

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const tbody = document.getElementById('tbody-archived');
            const selectAll = document.getElementById('select-all');
            const btnView = document.getElementById('action-view-selected');
            const btnDelete = document.getElementById('action-delete-selected');
            const perInput = document.getElementById('preview-limit');

            const formView = document.getElementById('view-selected-form');
            const extraView = document.getElementById('view-selected-extra');

            const formDelete = document.getElementById('delete-selected-form');
            const idsDelWrap = document.getElementById('delete-selected-ids');

            const filtersForm = document.getElementById('filters-form');
            const inputActive = document.getElementById('view-selected-active-group');

            function getChecked() {
                if (!tbody) return [];
                return Array.from(tbody.querySelectorAll('.row-check:checked'));
            }

            function addHidden(target, name, value) {
                const i = document.createElement('input');
                i.type = 'hidden';
                i.name = name;
                i.value = value;
                target.appendChild(i);
            }

            // Select-all toggle
            if (selectAll && tbody) {
                selectAll.addEventListener('change', function() {
                    tbody.querySelectorAll('.row-check').forEach(cb => cb.checked = selectAll.checked);
                });

                // Keep select-all in sync
                tbody.addEventListener('change', function(e) {
                    if (!e.target.classList.contains('row-check')) return;
                    const all = tbody.querySelectorAll('.row-check').length;
                    const on = tbody.querySelectorAll('.row-check:checked').length;
                    selectAll.checked = (all > 0 && on === all);
                });
            }

            // Normalize hidden inputs before View Selected submit
            function prepareViewSelectedSubmission() {
                // enforce limit bounds
                const n = parseInt(perInput?.value || '100', 10);
                const limitVal = Math.max(25, Math.min(isNaN(n) ? 100 : n, 1000));
                formView.querySelector('input[name="limit"]').value = String(limitVal);

                // sync filters -> hidden fields
                const leadTypeEl = filtersForm?.querySelector('select[name="lead_type"]');
                const groupEl    = filtersForm?.querySelector('select[name="group"]');
                if (leadTypeEl) formView.querySelector('input[name="lead_type"]').value = leadTypeEl.value || '';
                if (groupEl) {
                    formView.querySelector('input[name="group"]').value = groupEl.value || '';
                    if (inputActive) inputActive.value = groupEl.value || '';
                }

                // Ensure compatibility with controllers expecting ids[] when keys[] are numeric
                extraView.innerHTML = '';
                const checked = getChecked();
                checked.forEach(cb => {
                    if (cb.value && cb.value.indexOf(':') === -1) {
                        // numeric-only key -> also send as ids[]
                        addHidden(extraView, 'ids[]', cb.value);
                    }
                });
            }

            // Actions dropdown -> View Selected (submits same hidden form; opens in new tab)
            if (btnView) {
                btnView.addEventListener('click', function(e) {
                    e.preventDefault();
                    if (!getChecked().length) {
                        alert('Please select at least one archived lead.');
                        return;
                    }
                    prepareViewSelectedSubmission();
                    formView.requestSubmit();
                });
            }

            // Delete Selected
            if (btnDelete) {
                btnDelete.addEventListener('click', function(e) {
                    e.preventDefault();
                    const checked = getChecked();
                    if (!checked.length) {
                        alert('Select at least one row to delete.');
                        return;
                    }

                    if (!confirm('Delete ' + checked.length + ' selected item(s)? This cannot be undone.'))
                        return;

                    idsDelWrap.innerHTML = '';

                    // Send table-qualified keys[] like "table:id"
                    checked.forEach(cb => {
                        const tr = cb.closest('tr');
                        const tbl = tr?.dataset.table || '';
                        let val = cb.value;
                        if (!tbl || !val) return;

                        // If checkbox already carries "table:id", use as-is; else build it
                        if (val.indexOf(':') === -1) {
                            val = tbl + ':' + (tr?.dataset.id || cb.value);
                        }
                        addHidden(idsDelWrap, 'keys[]', val);
                    });

                    // ALSO send the current filters & per so the controller can redirect with them
                    const leadTypeEl = filtersForm?.querySelector('select[name="lead_type"]');
                    const groupEl    = filtersForm?.querySelector('select[name="group"]');
                    const fromEl     = filtersForm?.querySelector('input[name="archived_from"]');
                    const toEl       = filtersForm?.querySelector('input[name="archived_to"]');
                    const stateEl    = filtersForm?.querySelector('select[name="state"]');

                    addHidden(idsDelWrap, 'lead_type', leadTypeEl?.value || '');
                    addHidden(idsDelWrap, 'group', groupEl?.value || '');
                    addHidden(idsDelWrap, 'archived_from', fromEl?.value || '');
                    addHidden(idsDelWrap, 'archived_to', toEl?.value || '');
                    addHidden(idsDelWrap, 'state', stateEl?.value || '');

                    const perVal = perInput?.value || '';
                    if (perVal) addHidden(idsDelWrap, 'per', perVal);

                    formDelete.submit();
                });
            }
        });
    </script>
@endsection