@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('E-Nothi'))

@push('css')
<style>
    .enothi-page .page-title { font-size: 1.25rem; font-weight: 600; }
    .enothi-page .filter-panel { background: #f8f9fb; border-bottom: 1px solid #e9ecef; padding: 1rem 1.15rem; }
    .enothi-page .filter-panel .form-group { margin-bottom: 0.75rem; }
    .enothi-page .quick-tabs .btn { margin-right: 6px; margin-bottom: 6px; }
    .enothi-page .result-meta { font-size: 0.8125rem; color: #6c757d; }
</style>
@endpush

@section('content')
    <div class="enothi-page pt-3 pb-4 px-2 px-md-3">
        @if (session()->has('message'))
            <div class="alert alert-success mb-3 py-2">{{ session('message') }}</div>
        @endif
        @if (session()->has('error'))
            <div class="alert alert-danger mb-3 py-2">{{ session('error') }}</div>
        @endif

        <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
            <div>
                <h4 class="page-title mb-0">{{ __('E-Nothi') }} / {{ __('ই-নথি') }}</h4>
                <p class="text-muted small mb-0">{{ __('Staff applications to management with noting and approval.') }}</p>
            </div>
            <div class="d-flex flex-wrap gap-2 btn-toolbar-spaced">
                @can('Enothi-setup')
                    <a href="{{ route('enothi.categories.index') }}" class="btn btn-sm btn-outline-secondary">{{ __('Categories') }}</a>
                    <a href="{{ route('enothi.settings') }}" class="btn btn-sm btn-outline-secondary">{{ __('Settings') }}</a>
                @endcan
                @can('Enothi-export')
                    <a href="{{ route('enothi.export', request()->query()) }}" class="btn btn-sm btn-success">
                        <i class="fas fa-file-excel"></i> {{ __('Export Excel') }}
                    </a>
                    <a href="{{ route('enothi.audit.export', request()->query()) }}" class="btn btn-sm btn-outline-success">
                        <i class="fas fa-file-excel"></i> {{ __('Audit log') }}
                    </a>
                @endcan
                @can('Enothi-create')
                    <a href="{{ route('enothi.create') }}" class="btn btn-primary">{{ __('New Application') }}</a>
                @endcan
            </div>
        </div>

        @if(!empty($stats))
            <div class="row mb-3">
                <div class="col-6 col-md-4 col-lg mb-2">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body py-2 px-3">
                            <div class="text-muted small">{{ __('Total') }}</div>
                            <div class="h5 mb-0">{{ $stats['total'] ?? 0 }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg mb-2">
                    <a href="{{ route('enothi.index', ['status' => 'in_review']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body py-2 px-3">
                                <div class="text-muted small">{{ __('In Review') }}</div>
                                <div class="h5 mb-0 text-warning">{{ $stats['in_review'] ?? 0 }}</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-md-4 col-lg mb-2">
                    <a href="{{ route('enothi.index', ['awaiting_my_action' => 1]) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body py-2 px-3">
                                <div class="text-muted small">{{ __('Awaiting me') }}</div>
                                <div class="h5 mb-0 text-info">{{ $stats['awaiting_my_action'] ?? 0 }}</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-md-4 col-lg mb-2">
                    <a href="{{ route('enothi.index', ['overdue_sla' => 1]) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body py-2 px-3">
                                <div class="text-muted small">{{ __('SLA overdue') }}</div>
                                <div class="h5 mb-0 text-danger">{{ $stats['overdue_sla'] ?? 0 }}</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-md-4 col-lg mb-2">
                    <a href="{{ route('enothi.index', ['priority' => 'urgent', 'status' => 'in_review']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body py-2 px-3">
                                <div class="text-muted small">{{ __('Urgent') }}</div>
                                <div class="h5 mb-0 text-danger">{{ $stats['urgent'] ?? 0 }}</div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-md-4 col-lg mb-2">
                    <a href="{{ route('enothi.index', ['status' => 'returned']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body py-2 px-3">
                                <div class="text-muted small">{{ __('Returned') }}</div>
                                <div class="h5 mb-0">{{ $stats['returned'] ?? 0 }}</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        @endif

        <div class="card">
            <div class="card-header d-flex flex-wrap justify-content-between align-items-center py-2">
                <h5 class="mb-0">{{ __('All Applications') }}</h5>
                <span class="result-meta">{{ __('Showing') }} {{ $rows->firstItem() ?? 0 }}–{{ $rows->lastItem() ?? 0 }} {{ __('of') }} {{ $rows->total() }}</span>
            </div>

            <div class="filter-panel">
                <div class="quick-tabs mb-2">
                    <a href="{{ route('enothi.index') }}" class="btn btn-sm {{ !request()->hasAny(['status','category','staff_id','warehouse_id','search','date_from','date_to','awaiting_my_action']) ? 'btn-primary' : 'btn-outline-secondary' }}">{{ __('All') }}</a>
                    <a href="{{ route('enothi.index', ['status' => 'in_review']) }}" class="btn btn-sm {{ request('status') === 'in_review' ? 'btn-warning' : 'btn-outline-warning' }}">{{ __('In Review') }}</a>
                    <a href="{{ route('enothi.index', ['status' => 'draft']) }}" class="btn btn-sm {{ request('status') === 'draft' ? 'btn-secondary' : 'btn-outline-secondary' }}">{{ __('Draft') }}</a>
                    <a href="{{ route('enothi.index', ['status' => 'approved']) }}" class="btn btn-sm {{ request('status') === 'approved' ? 'btn-success' : 'btn-outline-success' }}">{{ __('Approved') }}</a>
                    <a href="{{ route('enothi.index', ['status' => 'returned']) }}" class="btn btn-sm {{ request('status') === 'returned' ? 'btn-dark' : 'btn-outline-dark' }}">{{ __('Returned') }}</a>
                    <a href="{{ route('enothi.index', ['overdue_sla' => 1]) }}" class="btn btn-sm {{ request()->boolean('overdue_sla') ? 'btn-danger' : 'btn-outline-danger' }}">{{ __('SLA overdue') }}</a>
                    <a href="{{ route('enothi.index', ['awaiting_my_action' => 1]) }}" class="btn btn-sm {{ request()->boolean('awaiting_my_action') ? 'btn-info' : 'btn-outline-info' }}">{{ __('Awaiting my action') }}</a>
                </div>

                <form method="get" class="form-row align-items-end">
                    <div class="form-group col-md-6 col-lg-4">
                        <label class="small font-weight-bold">{{ __('Search') }}</label>
                        <input type="text" name="search" class="form-control form-control-sm"
                               value="{{ request('search', request('keyword')) }}"
                               placeholder="{{ __('File no., subject, body, employee name or ID') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Status') }}</label>
                        <select name="status" class="form-control form-control-sm">
                            <option value="">{{ __('All') }}</option>
                            @foreach($statuses as $key => $label)
                                <option value="{{ $key }}" @selected(request('status') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Category') }}</label>
                        <select name="enothi_category_id" class="form-control form-control-sm">
                            <option value="">{{ __('All') }}</option>
                            @foreach($categoryIdOptions as $id => $label)
                                <option value="{{ $id }}" @selected((int) request('enothi_category_id') === (int) $id)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Priority') }}</label>
                        <select name="priority" class="form-control form-control-sm">
                            <option value="">{{ __('All') }}</option>
                            @foreach($priorities as $key => $label)
                                <option value="{{ $key }}" @selected(request('priority') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-6 col-lg-4">
                        <label class="small font-weight-bold">{{ __('Employee') }}</label>
                        <select name="staff_id" id="enothi_staff_filter" class="form-control form-control-sm select2" data-placeholder="{{ __('All employees') }}">
                            <option value=""></option>
                            @foreach($activeStaff as $s)
                                <option value="{{ $s->id }}" @selected((int) request('staff_id') === $s->id)>
                                    {{ $s->user?->name }} ({{ $s->displaySid() }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                    @if($warehouses->isNotEmpty())
                        <div class="form-group col-md-6 col-lg-3">
                            <label class="small font-weight-bold">{{ __('Branch') }}</label>
                            <select name="warehouse_id" class="form-control form-control-sm">
                                <option value="">{{ __('All branches') }}</option>
                                @foreach($warehouses as $wh)
                                    <option value="{{ $wh->id }}" @selected((int) request('warehouse_id') === (int) $wh->id)>{{ $wh->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Date from') }}</label>
                        <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Date to') }}</label>
                        <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Sort') }}</label>
                        <select name="sort" class="form-control form-control-sm">
                            @foreach($sortOptions as $key => $label)
                                <option value="{{ $key }}" @selected(request('sort', 'newest') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    @if(request()->boolean('overdue_sla'))
                        <input type="hidden" name="overdue_sla" value="1">
                    @endif
                    @if(request()->boolean('awaiting_my_action'))
                        <input type="hidden" name="awaiting_my_action" value="1">
                    @endif
                    <div class="form-group col-md-6 col-lg-2 mb-0">
                        <button type="submit" class="btn btn-primary btn-sm btn-block">{{ __('Filter') }}</button>
                    </div>
                    <div class="form-group col-md-6 col-lg-2 mb-0">
                        <a href="{{ route('enothi.index') }}" class="btn btn-outline-secondary btn-sm btn-block">{{ __('Clear') }}</a>
                    </div>
                </form>
                @if(!empty($hasFilters) && $hasFilters)
                    <p class="result-meta mb-0 mt-2"><i class="mdi mdi-filter-outline"></i> {{ __('Filters applied') }}</p>
                @endif
            </div>

            <div class="table-responsive">
                <table class="table table-hover table-sm mb-0">
                    <thead class="thead-light">
                    <tr>
                        <th>{{ __('File No.') }}</th>
                        <th>{{ __('Subject') }}</th>
                        <th>{{ __('Employee') }}</th>
                        <th>{{ __('Branch') }}</th>
                        <th>{{ __('Category') }}</th>
                        <th>{{ __('Priority') }}</th>
                        <th>{{ __('Status') }}</th>
                        <th>{{ __('SLA due') }}</th>
                        <th>{{ __('Approver') }}</th>
                        <th>{{ __('Submitted') }}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($rows as $row)
                        @php
                            $statusBadge = match ($row->status) {
                                \App\Models\EnothiFile::STATUS_APPROVED, \App\Models\EnothiFile::STATUS_CLOSED => 'success',
                                \App\Models\EnothiFile::STATUS_REJECTED => 'danger',
                                \App\Models\EnothiFile::STATUS_IN_REVIEW => 'warning',
                                \App\Models\EnothiFile::STATUS_RETURNED => 'dark',
                                \App\Models\EnothiFile::STATUS_DRAFT => 'secondary',
                                default => 'info',
                            };
                            $slaOverdue = $row->level_due_at && $row->level_due_at->isPast()
                                && in_array($row->status, [\App\Models\EnothiFile::STATUS_IN_REVIEW, \App\Models\EnothiFile::STATUS_SUBMITTED], true);
                        @endphp
                        <tr>
                            <td><code class="small">{{ $row->file_number }}</code></td>
                            <td>{{ \Illuminate\Support\Str::limit($row->subject, 45) }}</td>
                            <td class="small">
                                @if($employee = $row->staff?->user)
                                    {{ $employee->name }}({{ $employee->id }})
                                @else
                                    —
                                @endif
                            </td>
                            <td>{{ $row->staff?->warehouse?->name ?? $row->warehouse?->name ?? '—' }}</td>
                            <td>{{ \App\Models\EnothiFile::categoryLabel($row->category, $row->enothi_category_id) }}</td>
                            <td>
                                @if($row->priority === \App\Models\EnothiFile::PRIORITY_URGENT)
                                    <span class="badge badge-danger">{{ __('Urgent') }}</span>
                                @else
                                    <span class="text-muted small">{{ __('Normal') }}</span>
                                @endif
                            </td>
                            <td><span class="badge badge-{{ $statusBadge }}">{{ \App\Models\EnothiFile::statusLabel($row->status) }}</span></td>
                            <td class="small @if($slaOverdue) text-danger font-weight-bold @endif">
                                {{ $row->level_due_at?->format('Y-m-d') ?? '—' }}
                                @if($slaOverdue) <i class="mdi mdi-alert-circle-outline" title="{{ __('Overdue') }}"></i> @endif
                            </td>
                            <td class="small">
                                @if($approver = $row->approvalRequest?->currentApprover)
                                    {{ $approver->name }}({{ $approver->id }})
                                @else
                                    —
                                @endif
                            </td>
                            <td>{{ $row->submitted_at?->format('Y-m-d') ?? $row->created_at?->format('Y-m-d') }}</td>
                            <td class="text-right text-nowrap">
                                <a href="{{ route('enothi.show', $row->id) }}" class="btn btn-sm btn-outline-primary">{{ __('View') }}</a>
                                @can('Enothi-edit')
                                    @if(in_array($row->status, \App\Services\Enothi\EnothiFileService::adminEditableStatuses(), true))
                                        <a href="{{ route('enothi.edit', $row->id) }}" class="btn btn-sm btn-primary" title="{{ __('Edit') }}"><i class="fas fa-edit"></i></a>
                                    @endif
                                @endcan
                                @can('Enothi-delete')
                                    @if(in_array($row->status, \App\Services\Enothi\EnothiFileService::adminDeletableStatuses(), true))
                                        <a href="javascript:void(0)" class="btn btn-sm btn-danger delete_modal"
                                           data-href="{{ route('enothi.destroy', $row->id) }}"
                                           title="{{ __('Delete') }}"><i class="fas fa-trash"></i></a>
                                    @endif
                                @endcan
                                <a href="{{ route('enothi.print', ['id' => $row->id, 'type' => 'application']) }}" target="_blank" class="btn btn-sm btn-outline-secondary" title="{{ __('Print application') }}"><i class="mdi mdi-printer"></i></a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="11" class="text-center text-muted py-4">
                                @if(!empty($hasFilters) && $hasFilters)
                                    {{ __('No applications match your filters.') }}
                                @else
                                    {{ __('No E-Nothi files found.') }}
                                @endif
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @if($rows->hasPages())
                <div class="card-footer">{{ $rows->links() }}</div>
            @endif
        </div>
    </div>
@endsection

@push('script')
<script>
$(function () {
    var $staff = $('#enothi_staff_filter');
    if ($staff.length && $.fn.select2) {
        if ($staff.hasClass('select2-hidden-accessible')) {
            $staff.select2('destroy');
        }
        $staff.select2({
            width: '100%',
            allowClear: true,
            placeholder: $staff.data('placeholder') || ''
        });
    }
});
</script>
@endpush