@extends('layouts.app')
@section('title', 'Documents')
@section('content')
<div class="flex items-center justify-between mb-4">
    <h1 class="text-2xl font-semibold">Documents</h1>
    <a href="{{ route('documents.create') }}" class="bg-slate-900 text-white px-4 py-2 rounded">+ New Document</a>
</div>
<form class="grid grid-cols-2 md:grid-cols-5 gap-2 mb-4 bg-white p-3 rounded-xl shadow-sm">
    <select name="type" class="border rounded px-2 py-2">
        <option value="">All types</option>
        @foreach(['quotation','invoice','receipt','delivery_order','packing_list'] as $t)
            <option value="{{ $t }}" {{ ($filters['type']??'')===$t?'selected':'' }}>{{ \App\Models\Document::typeLabel($t) }}</option>
        @endforeach
    </select>
    <select name="company" class="border rounded px-2 py-2">
        <option value="">All companies</option>
        @foreach($companies as $c)
            <option value="{{ $c->id }}" {{ (string)($filters['company']??'')===(string)$c->id?'selected':'' }}>{{ $c->name }}</option>
        @endforeach
    </select>
    <input name="from" type="date" value="{{ $filters['from']??'' }}" class="border rounded px-2 py-2">
    <input name="to"   type="date" value="{{ $filters['to']??'' }}" class="border rounded px-2 py-2">
    <button class="bg-slate-700 text-white rounded">Filter</button>
</form>
<div class="bg-white rounded-xl shadow-sm">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 text-left text-slate-500"><tr><th class="p-3">Number</th><th>Type</th><th>Customer</th><th>Company</th><th>Date</th><th class="text-right">Total</th><th></th></tr></thead>
        <tbody>
        @foreach($documents as $d)
            <tr class="border-t">
                <td class="p-3"><a class="text-indigo-600" href="{{ route('documents.show', $d) }}">{{ $d->number }}</a></td>
                <td>{{ \App\Models\Document::typeLabel($d->type) }}</td>
                <td>{{ $d->customer->name ?? '-' }}</td>
                <td>{{ $d->company->name ?? '-' }}</td>
                <td>{{ $d->issue_date?->format('Y-m-d') }}</td>
                <td class="text-right">{{ $d->currency }} {{ number_format($d->total, 2) }}</td>
                <td class="text-right pr-3">
                    <a href="{{ route('documents.pdf', $d) }}" class="text-emerald-600">PDF</a>
                    <form method="POST" action="{{ route('documents.destroy', $d) }}" class="inline" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="text-rose-600 ml-2">Delete</button></form>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $documents->links() }}</div>
@endsection