@extends('layouts.admin')

@section('title', 'الوثائق')

@section('content')
<div class="admin-header">
    <h1>الوثائق</h1>
    <a href="{{ route('admin.documents.create') }}" class="btn-create">+ وثيقة جديدة</a>
</div>
<div class="admin-card">
    <form method="GET" class="admin-filters">
        <input type="text" name="q" value="{{ request('q') }}" placeholder="بحث بالعنوان...">
        <select name="type">
            <option value="">كل الأنواع</option>
            <option value="manuscript" @selected(request('type') === 'manuscript')>مخطوط</option>
            <option value="document" @selected(request('type') === 'document')>وثيقة</option>
            <option value="image" @selected(request('type') === 'image')>صورة</option>
        </select>
        <button type="submit" class="btn-sm btn-edit">بحث</button>
        <a href="{{ route('admin.documents.index') }}" class="btn-sm btn-delete">مسح</a>
    </form>
</div>
<div class="admin-card">
    <table class="admin-table">
        <thead><tr><th>العنوان</th><th>النوع</th><th>إجراءات</th></tr></thead>
        <tbody>
            @foreach($documents as $doc)
                <tr>
                    <td>{{ $doc->title }}</td>
                    <td>{{ $doc->type }}</td>
                    <td>
                        <a href="{{ asset('storage/'.$doc->file_path) }}" target="_blank" class="btn-sm btn-edit">عرض</a>
                        <a href="{{ route('admin.documents.edit', $doc) }}" class="btn-sm btn-edit">تعديل</a>
                        <form action="{{ route('admin.documents.destroy', $doc) }}" method="POST" style="display:inline;" onsubmit="return confirm('حذف؟')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-sm btn-delete">حذف</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    {{ $documents->links() }}
</div>
@endsection