@extends('admin.layouts.app')
@section('title', 'AI Regulation Documents')

@section('breadcrumbs')
    <a href="{{ route('admin.dashboard') }}" class="breadcrumb-item">Dashboard</a>
    <span class="current">Regulation Documents</span>
@endsection

@section('content')
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;">
    <div>
        <h1 class="page-title" style="margin:0;">Regulation Documents</h1>
        <p class="page-subtitle" style="margin:4px 0 0;">Upload PDFs or Word files — AI extracts zone rules automatically</p>
    </div>
    <a href="{{ route('admin.regulation-documents.create') }}" class="btn btn-primary">
        <i data-lucide="upload" style="width:16px;height:16px;margin-right:6px;"></i> Upload Document
    </a>
</div>

@if(session('success'))
    <div class="alert alert-success" style="margin-bottom:16px;">{{ session('success') }}</div>
@endif

{{-- Filters --}}
<div class="admin-card" style="margin-bottom:20px;padding:16px;">
    <form method="GET" style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
        <div>
            <label class="form-label" style="font-size:11px;">State</label>
            <select name="state_id" class="form-control" style="width:160px;">
                <option value="">All States</option>
                @foreach($states as $s)
                    <option value="{{ $s->id }}" {{ request('state_id') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label" style="font-size:11px;">Extraction</label>
            <select name="extraction_status" class="form-control" style="width:140px;">
                <option value="">All</option>
                <option value="pending"    {{ request('extraction_status') == 'pending'    ? 'selected' : '' }}>Pending</option>
                <option value="processing" {{ request('extraction_status') == 'processing' ? 'selected' : '' }}>Processing</option>
                <option value="completed"  {{ request('extraction_status') == 'completed'  ? 'selected' : '' }}>Completed</option>
                <option value="failed"     {{ request('extraction_status') == 'failed'     ? 'selected' : '' }}>Failed</option>
            </select>
        </div>
        <div>
            <label class="form-label" style="font-size:11px;">Review</label>
            <select name="review_status" class="form-control" style="width:130px;">
                <option value="">All</option>
                <option value="pending"  {{ request('review_status') == 'pending'  ? 'selected' : '' }}>Pending</option>
                <option value="approved" {{ request('review_status') == 'approved' ? 'selected' : '' }}>Approved</option>
                <option value="rejected" {{ request('review_status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
            </select>
        </div>
        <button type="submit" class="btn btn-secondary">Filter</button>
        @if(request()->hasAny(['state_id','extraction_status','review_status']))
            <a href="{{ route('admin.regulation-documents.index') }}" class="btn btn-ghost">Clear</a>
        @endif
    </form>
</div>

<div class="admin-card">
    <div class="admin-table-header" style="padding:12px 16px;border-bottom:1px solid var(--vsc-border-light);">
        <div class="admin-table-title"><i data-lucide="file-text" class="icon" style="width:14px;height:14px;"></i> Uploaded Documents</div>
    </div>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Location</th>
                <th>Type</th>
                <th>Size</th>
                <th>AI Extraction</th>
                <th>Review</th>
                <th>Rules Applied</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($documents as $doc)
            <tr>
                <td>
                    <a href="{{ route('admin.regulation-documents.show', $doc) }}" style="color:var(--vsc-blue);font-weight:500;">
                        {{ $doc->title }}
                    </a>
                    <div style="font-size:11px;color:var(--vsc-text-secondary);margin-top:2px;">{{ $doc->original_filename }}</div>
                </td>
                <td>
                    <div style="font-size:12px;">{{ $doc->state?->name ?? '—' }}</div>
                    <div style="font-size:11px;color:var(--vsc-text-secondary);">{{ $doc->city?->name ?? 'Any city' }}</div>
                </td>
                <td><span style="text-transform:uppercase;font-size:11px;background:var(--vsc-bg-tertiary);padding:2px 6px;border-radius:4px;">{{ $doc->document_type }}</span></td>
                <td style="font-size:12px;">{{ $doc->file_size_human }}</td>
                <td>
                    @php $estatus = $doc->extraction_status; @endphp
                    <span class="badge {{ $estatus === 'completed' ? 'badge-success' : ($estatus === 'failed' ? 'badge-danger' : ($estatus === 'processing' ? 'badge-warning' : 'badge-secondary')) }}">
                        {{ ucfirst($estatus) }}
                    </span>
                    @if($estatus === 'completed')
                        <div style="font-size:11px;color:var(--vsc-text-secondary);margin-top:2px;">{{ $doc->extracted_rules_count }} rules</div>
                    @endif
                </td>
                <td>
                    @php $rstatus = $doc->review_status; @endphp
                    <span class="badge {{ $rstatus === 'approved' ? 'badge-success' : ($rstatus === 'rejected' ? 'badge-danger' : 'badge-warning') }}">
                        {{ ucfirst($rstatus) }}
                    </span>
                </td>
                <td>
                    @if($doc->rules_applied)
                        <span style="color:var(--vsc-green);font-size:12px;">✓ Applied</span>
                    @else
                        <span style="color:var(--vsc-text-muted);font-size:12px;">—</span>
                    @endif
                </td>
                <td>
                    <a href="{{ route('admin.regulation-documents.show', $doc) }}" class="btn btn-icon btn-secondary" data-tooltip="View">
                        <i data-lucide="eye" style="width:14px;height:14px;"></i>
                    </a>
                    <form method="POST" action="{{ route('admin.regulation-documents.destroy', $doc) }}" style="display:inline;" onsubmit="return confirm('Delete this document?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-icon btn-danger" data-tooltip="Delete">
                            <i data-lucide="trash-2" style="width:14px;height:14px;"></i>
                        </button>
                    </form>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="8" style="text-align:center;color:var(--vsc-text-secondary);padding:40px;">
                    No documents uploaded yet.
                    <a href="{{ route('admin.regulation-documents.create') }}" style="color:var(--vsc-blue);">Upload your first regulation document</a>.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
    {{ $documents->links('vendor.pagination.admin') }}
</div>
@endsection