@extends('layouts.main')

@section('main-container')

<!-- Page Header -->
<div class="page-header d-print-none mb-3">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
                <h2 class="page-title">Measurement Book – Bill Approval</h2>
            </div>
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                    <a href="{{ route('export.excel') }}" class="btn btn-outline-success">
                        <i class="ti ti-file-spreadsheet me-1"></i> Download Excel
                    </a>
                    <a href="{{ route('farmers.create') }}" class="btn btn-primary">
                        <i class="ti ti-plus me-1"></i> Baseline
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Flash Messages -->
<div class="container-xl">
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            {{ session('error') }}
        </div>
    @endif
</div>

<div class="container-xl">

    <!-- 🔍 Filter Card -->
    <div class="card mb-3 shadow-sm">
        <div class="card-header bg-secondary bg-opacity-10">
            <h6 class="card-title mb-0 text-white">
                <i class="ti ti-filter"></i> Filter Measurement Books
            </h6>
        </div>

        <div class="card-body bg-light">
           <form method="GET" action="{{ route('bill.approval.admin.index') }}" class="mb-3">
                <div class="row g-3 align-items-end">

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">Unit</label>
                        <select name="unit_id" class="form-select">
                            <option value="">All Units</option>
                            @foreach($units as $unit)
                                <option value="{{ $unit->id }}"
                                    {{ request('unit_id') == $unit->id ? 'selected' : '' }}>
                                    {{ $unit->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">State</label>
                        <select name="state_id" class="form-select">
                            <option value="">All States</option>
                            @foreach($states as $state)
                                <option value="{{ $state->id }}"
                                    {{ request('state_id') == $state->id ? 'selected' : '' }}>
                                    {{ $state->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-semibold">District</label>
                        <select name="district_id" class="form-select">
                            <option value="">All Districts</option>
                            @foreach($districts as $district)
                                <option value="{{ $district->id }}"
                                    {{ request('district_id') == $district->id ? 'selected' : '' }}>
                                    {{ $district->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3 d-flex gap-2">
                        <button type="submit" class="btn btn-primary w-100">
                            <i class="ti ti-search"></i> Search
                        </button>
                        <a href="{{ route('bill.approval.admin.index') }}"

                
                           class="btn btn-outline-secondary w-100">
                            Reset
                        </a>
                    </div>

                </div>
            </form>
        </div>
    </div>

    <!-- 📋 Table Card -->
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">W.H.S – Measurement Book List</h5>
        </div>

        <div class="card-body p-0">

            @if($measurementBooks->count() === 0)
                <div class="alert alert-warning text-center m-3">
                    No data available. Please complete quantity calculations first.
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-bordered table-striped align-middle text-center mb-0">
                        <thead class="table-primary">
                            <tr>
                                <th>#</th>
                                <th>Unit</th>
                                <th>State</th>
                                <th>District</th>
                                <th>Block</th>
                                <th>App Code</th>
                                <th>Respondent</th>
                                <th>Mobile</th>
                                <th>Verification</th>
                                <th>Approval</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                        @foreach($measurementBooks as $index => $item)
                            @php
                                $status = $existingBaselineIds[$item->baseline_id] ?? null;
                            @endphp
                            <tr>
                                <td>{{ $measurementBooks->firstItem() + $index }}</td>
                                <td>{{ $item->baseline->unit->name ?? 'N/A' }}</td>
                                <td>{{ $item->baseline->state->name ?? 'N/A' }}</td>
                                <td>{{ $item->baseline->district->name ?? 'N/A' }}</td>
                                <td>{{ $item->baseline->blocks->name ?? 'N/A' }}</td>
                                <td>{{ $item->baseline->application_code ?? 'N/A' }}</td>
                                <td>{{ $item->baseline->name_of_respondent ?? 'N/A' }}</td>
                                <td>{{ $item->baseline->mobile_number ?? 'N/A' }}</td>

                                <td>
                                    @if($status && $status->verification_status === 'verified')
                                        <span class="badge bg-success">Verified</span>
                                    @else
                                        <span class="badge bg-warning text-dark">Pending</span>
                                    @endif
                                </td>

                                <td>
                                    @if($status && $status->present_status === 'Approved')
                                        <span class="badge bg-success">Approved</span>
                                    @else
                                        <span class="badge bg-secondary">Pending</span>
                                    @endif
                                </td>

                                <td>
                                    <a href="{{ route('bill-approval.edit', $item->baseline_id) }}"
                                       class="btn btn-sm btn-primary">
                                        Approval
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>

        <!-- Pagination -->
        @if($measurementBooks->count())
            <div class="card-footer d-flex justify-content-between align-items-center">
                <div class="text-muted">
                    Showing {{ $measurementBooks->firstItem() }}
                    to {{ $measurementBooks->lastItem() }}
                    of {{ $measurementBooks->total() }} records
                </div>

                {{ $measurementBooks->links('pagination::bootstrap-5') }}
            </div>
        @endif
    </div>
</div>

@endsection