@extends('layouts.app')

@section('title', 'Service Reports')

@section('content')
<div class="container-fluid">
    <div class="d-flex align-items-center mb-3">
        <h2 class="mb-0">Service Reports</h2>
    </div>

    <form method="get" class="card p-3 mb-3">
        <div class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label">Search</label>
                <input type="text" name="q" value="{{ $q }}" class="form-control" placeholder="Report # or Account">
            </div>
            <div class="col-md-3">
                <label class="form-label">Account</label>
                <select name="account_id" class="form-select">
                    <option value="">All</option>
                    @foreach($accounts as $a)
                        <option value="{{ $a->id }}" @selected($accountId == $a->id)>{{ $a->company_name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Type</label>
                <select name="type" class="form-select">
                    <option value="all" @selected(($type ?? 'all') === 'all')>All</option>
                    @foreach($types as $t)
                        <option value="{{ $t }}" @selected($type === $t)>{{ $t }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">From</label>
                <input type="date" name="from" value="{{ $from }}" class="form-control">
            </div>
            <div class="col-md-2">
                <label class="form-label">To</label>
                <input type="date" name="to" value="{{ $to }}" class="form-control">
            </div>
            <div class="col-md-2">
                <label class="form-label">Compliant</label>
                <select name="compliant" class="form-select">
                    <option value="" @selected($compliant === null || $compliant === '')>All</option>
                    <option value="1" @selected($compliant === '1')>Compliant</option>
                    <option value="0" @selected($compliant === '0')>Non-compliant</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Per Page</label>
                <select name="per_page" class="form-select">
                    @foreach([25,50,100] as $n)
                        <option value="{{ $n }}" @selected($perPage == $n)>{{ $n }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-12 d-flex gap-2 mt-2">
                <button class="btn btn-primary">Search</button>
                <a href="{{ route('service-reports.index') }}" class="btn btn-outline-secondary">Clear</a>
            </div>
        </div>
    </form>

    <div class="card">
        <div class="table-responsive">
            <table class="table align-middle mb-0">
                <thead>
                    <tr>
                        <th>Service Date</th>
                        <th>Next Service</th>
                        <th>Report No.</th>
                        <th>Account</th>
                        <th>Type</th>
                        <th class="text-center">PDF</th>
                        <th class="text-center">Compliant</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($reports as $r)
                    <tr>
                        <td>
                            <a href="{{ route('service-reports.index', array_merge(request()->query(), ['q' => $r->report_number])) }}">
                                {{ optional($r->service_date)->format('F d, Y') }}
                            </a>
                        </td>
                        <td>
                            @if($r->next_service_date)
                                {{ $r->next_service_date->format('F d, Y') }}
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            <a href="#">{{ $r->report_number }}</a>
                        </td>
                        <td>
                            <a href="{{ route('accounts.show', $r->account_id ?? 0) }}" target="_blank">
                                {{ $r->account_name }}
                            </a>
                        </td>
                        <td>{{ $r->type }}</td>
                        <td class="text-center">
                            @if($r->legacy_hash)
                                <a href="{{ $r->pdfUrl() }}" target="_blank" title="Download PDF">
                                    <i class="bi bi-file-earmark-arrow-down"></i>
                                </a>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td class="text-center">
                            @if($r->compliant)
                                <span class="text-success"><i class="bi bi-check2-circle"></i></span>
                            @else
                                <span class="text-danger"><i class="bi bi-x-circle"></i></span>
                            @endif
                        </td>
                        <td class="text-end">
                            <div class="btn-group btn-group-sm">
                                <a class="btn btn-outline-secondary" href="{{ route('service-reports.index', ['q' => $r->report_number]) }}" title="View"><i class="bi bi-eye"></i></a>
                                <a class="btn btn-outline-secondary" href="{{ $r->pdfUrl() }}" target="_blank" title="PDF"><i class="bi bi-download"></i></a>
                                {{-- placeholders for edit/delete if needed later --}}
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="text-center text-muted py-4">No service reports found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>

        <div class="card-body">
            {{ $reports->links() }}
        </div>
    </div>
</div>
@endsection