@include('admin.header', [
    'title' => 'Batch Lab Reports',
    'active' => 'certifications',
    'searchPlaceholder' => 'Search batches, products, lab reports...'
])

<section class="page-hero mb-3">
    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
        <div>
            <h1 class="page-title mb-2">Batch Lab Reports</h1>
            <p class="mb-0 text-secondary">Manage available product batches and their individual lab reports.</p>
        </div>
        <a class="btn-earth" href="{{ route('admin.batches.create') }}"><i class="bi bi-plus-lg"></i> Add Batch</a>
    </div>
</section>

<div class="d-flex flex-wrap gap-2 mb-3">
    <a class="btn-outline-earth" href="{{ route('admin.certifications.index') }}"><i class="bi bi-patch-check-fill"></i> Certifications</a>
    <a class="btn-earth" href="{{ route('admin.batches.index') }}"><i class="bi bi-flask"></i> Batch Lab Reports</a>
</div>

@if (session('status'))
    <div class="alert alert-success">{{ session('status') }}</div>
@endif

<form class="content-card mb-3" method="GET" action="{{ route('admin.batches.index') }}">
    <div class="card-body-pad">
        <div class="row g-2">
            <div class="col-md-7">
                <input class="form-control" name="q" value="{{ request('q') }}" placeholder="Search batches, products, lab reports, laboratories...">
            </div>
            <div class="col-md-3">
                <select class="form-select" name="status">
                    <option value="available" @selected(($status ?? 'available') === 'available')>Available only</option>
                    <option value="sold_out" @selected(($status ?? 'available') === 'sold_out')>Sold out only</option>
                    <option value="all" @selected(($status ?? 'available') === 'all')>All batches</option>
                </select>
            </div>
            <div class="col-md-2 d-grid">
                <button class="btn-earth" type="submit"><i class="bi bi-search"></i> Filter</button>
            </div>
        </div>
    </div>
</form>

<section class="content-card">
    <div class="card-head">
        <h2 class="card-title"><span class="title-icon"><i class="bi bi-box-seam-fill"></i></span>Product Batches</h2>
        <span class="pill">{{ $batches->total() }} batches</span>
    </div>
    <div class="card-body-pad">
        <div class="table-responsive">
            <table class="table wide-table align-middle">
                <thead>
                    <tr>
                        <th>Batch</th>
                        <th>Product</th>
                        <th>Initial</th>
                        <th>Remaining</th>
                        <th>Status</th>
                        <th>Reports</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($batches as $batch)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ $batch->batch_number }}</div>
                                <div class="small text-muted">{{ $batch->title ?: 'No custom title' }}</div>
                            </td>
                            <td>{{ $batch->productLabel() }}</td>
                            <td>{{ number_format((float) $batch->initial_quantity, 2) }} {{ $batch->quantity_unit }}</td>
                            <td>{{ number_format((float) $batch->remaining_quantity, 2) }} {{ $batch->quantity_unit }}</td>
                            <td>
                                <span class="pill" style="{{ $batch->status() === 'Available' ? '' : 'color:#8a2c1d;background:#f8d7cf;' }}">{{ $batch->status() }}</span>
                            </td>
                            <td>{{ $batch->lab_reports_count }}</td>
                            <td class="text-end">
                                <div class="d-inline-flex flex-wrap gap-2 justify-content-end">
                                    <a class="btn-outline-earth" href="{{ route('admin.lab-reports.create', $batch) }}"><i class="bi bi-file-earmark-plus"></i> Add Report</a>
                                    <a class="btn-outline-earth" href="{{ route('admin.batches.edit', $batch) }}"><i class="bi bi-pencil"></i> Edit</a>
                                    @if ($batch->status() === 'Available')
                                        <form method="POST" action="{{ route('admin.batches.sold-out', $batch) }}">
                                            @csrf
                                            @method('PATCH')
                                            <button class="btn-outline-earth" type="submit"><i class="bi bi-bag-x"></i> Sold Out</button>
                                        </form>
                                    @else
                                        <form method="POST" action="{{ route('admin.batches.restore', $batch) }}">
                                            @csrf
                                            @method('PATCH')
                                            <button class="btn-outline-earth" type="submit"><i class="bi bi-arrow-counterclockwise"></i> Revert</button>
                                        </form>
                                    @endif
                                    <form method="POST" action="{{ route('admin.batches.destroy', $batch) }}" onsubmit="return confirm('Delete this batch and its lab reports permanently?');">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn-outline-earth" type="submit" style="color:#8a2c1d;border-color:rgba(154,45,29,.32);background:rgba(248,215,207,.72);"><i class="bi bi-trash"></i> Delete</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                        @if ($batch->labReports->count())
                            <tr>
                                <td colspan="7" class="bg-white bg-opacity-50">
                                    <div class="d-flex flex-wrap gap-2 align-items-center">
                                        <span class="fw-bold small text-muted">Reports:</span>
                                        @foreach ($batch->labReports as $report)
                                            <span class="pill" style="{{ $report->is_active ? '' : 'color:#535353;background:#e5e5e5;' }}">{{ $report->title }}</span>
                                            <a class="small fw-bold text-decoration-none" href="{{ Storage::disk('public')->url($report->document_path) }}" target="_blank" rel="noopener">PDF</a>
                                            <a class="small fw-bold text-decoration-none" href="{{ route('admin.lab-reports.edit', [$batch, $report]) }}">Edit</a>
                                            <form class="d-inline" method="POST" action="{{ route('admin.lab-reports.toggle', [$batch, $report]) }}">
                                                @csrf
                                                @method('PATCH')
                                                <button class="border-0 bg-transparent p-0 small fw-bold text-decoration-none text-success" type="submit">{{ $report->is_active ? 'Deactivate' : 'Activate' }}</button>
                                            </form>
                                            <form class="d-inline" method="POST" action="{{ route('admin.lab-reports.destroy', [$batch, $report]) }}" onsubmit="return confirm('Delete this lab report permanently?');">
                                                @csrf
                                                @method('DELETE')
                                                <button class="border-0 bg-transparent p-0 small fw-bold text-decoration-none text-danger" type="submit">Delete</button>
                                            </form>
                                        @endforeach
                                    </div>
                                </td>
                            </tr>
                        @endif
                    @empty
                        <tr>
                            <td colspan="7" class="text-center py-5">
                                <i class="bi bi-box-seam display-5 text-success"></i>
                                <div class="fw-bold mt-3 mb-1">No batches added yet</div>
                                <div class="text-muted small">Create a batch, then attach lab reports to it.</div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($batches->hasPages())
            <div class="pt-3">{{ $batches->links('pagination::bootstrap-5') }}</div>
        @endif
    </div>
</section>

@include('admin.footer')