@extends('layouts.main')

@section('main-container')
<div class="page-body">
    <div class="container-xl">
    @if(session('success'))
        <div class="alert alert-success alert-dismissible">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible">{{ session('error') }}</div>
    @endif

<div class="card mb-3 shadow-sm">
        <div class="card-body bg-light">
           <form method="GET" action="{{ route('bill.approval.admin.index') }}">
            
                <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>
                            @if($unit)
                                <option value="{{ $unit->id }}" selected>
                                    {{ $unit->name }}
                                </option>
                            @endif
                        </select>
                    </div>

                    <div class="col-md-2">
                        <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-2">
                        <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-2">
                        <label class="form-label fw-semibold">User</label>
                        <select name="user_id" class="form-select">
                            <option value="">All Users</option>
                            @foreach($users as $user)
                                <option value="{{ $user->id }}"
                                    {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                    {{ $user->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>
</div>

<!-- Main Content -->
<div class="container-xl">
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">W.H.S –  Measurement Book Lists</h5>
        </div>

        <div class="mt-1">
            <!-- Section Heading -->

            <!-- Check if there's data -->
            @if($query->isEmpty())
                <div class="alert alert-warning text-center">
                    No data available. Please complete the quantity calculations first to proceed
                </div>
            @else
                <!-- Loop through and show post-level data -->
                <div class="table-responsive">

                <table class="table table-bordered table-striped align-middle text-center">
                    <thead class="table-primary">
                        <tr>
                            <th class="bg-info-lt">#</th>
                            <th class="bg-info-lt">Unit</th>
                            <th class="bg-info-lt">State</th>
                            <th class="bg-info-lt">District</th>
                            <th class="bg-info-lt">Block</th>
                            <th class="bg-info-lt">App Code</th>
                            <th class="bg-info-lt">Respondent Name</th>
                            <th class="bg-info-lt">Mobile Number</th>
                            <th class="bg-info-lt">Verification</th>
                            <th class="bg-info-lt">Approval</th>
                            <th class="bg-info-lt">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                @foreach($query as $index => $item)
                    <tr>
                        <td>{{ $index + 1 }}</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>

                        {{-- View Column --}}
                        <td>
                            @if(Auth::user()->role_id == 2)
                                {{-- Role 2: Add if not submitted, else View --}}
                                @if(!isset($existingBaselineIds[$item->baseline_id]))
                                    <a href="{{ route('bill-approval.create') }}?id={{ $item->baseline_id }}" 
                                    class="btn btn-sm btn-outline-success">
                                        <i class="bi bi-plus-circle"></i> Add
                                    </a>
                                @else
                                    <a href="{{ route('bill-approval.show', $item->baseline_id) }}" 
                                    class="btn btn-sm btn-outline-primary">View</a>
                                @endif
                            @elseif(Auth::user()->role_id == 1)
                                {{-- Role 1: Show Approved if status is Approved --}}
                                @if(isset($existingBaselineIds[$item->baseline_id]) && $existingBaselineIds[$item->baseline_id]->present_status === 'Approved')
                                    <a href="#" class="btn btn-sm btn-success">Approved</a>
                                @elseif(isset($existingBaselineIds[$item->baseline_id]) && $existingBaselineIds[$item->baseline_id]->verification_status === 'verified')
                                    <a href="{{ route('bill-approval.show', $item->baseline_id) }}" 
                                    class="btn btn-sm btn-outline-primary">View (Verified)</a>
                                @elseif(isset($existingBaselineIds[$item->baseline_id]))
                                    <span class="badge bg-warning text-dark">Approval Awaited</span>
                                @else
                                    <span class="badge bg-danger text-white">Unverified</span>
                                @endif
                            @endif
                        </td>

                        {{-- Actions Column --}}
                        {{-- View Column --}}
                {{-- Actions Column --}}

                <td><a href="#" class="btn btn-primary btn-sm">Approval</a></td>
                <td>
                    @if(Auth::user()->role_id == 2)
                        {{-- Role 2: Show Approved if status Approved, else Pending --}}
                        @if(isset($existingBaselineIds[$item->baseline_id]) && $existingBaselineIds[$item->baseline_id]->present_status === 'Approved')
                            <span class="badge bg-success text-white">Approved</span>
                        @else
                            <span class="badge bg-warning  text-white">Pending</span>
                        @endif
                    @else
                        
                        @if (isset($existingBaselineIds[$item->baseline_id]) && $existingBaselineIds[$item->baseline_id]->verification_status === 'verified')
                        
                            <form action="{{ route('bill-approval.destroy', $item->baseline_id) }}" method="POST" 
                                onsubmit="return confirm('Are you sure you want to delete this?');" 
                                style="display:inline-block;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                            </form>
                        @else
                            {{-- Disabled Delete --}}
                            <button class="btn btn-sm btn-danger" disabled>Delete</button>
                        @endif
                    @endif
                </td>
                </tr>
                @endforeach

                    </tbody>
                </table>
                    <div class="d-flex justify-content-between align-items-center mb-2 justify-content-center">
                        <div class="text-muted">
                            
                        </div>
                            <div class="d-flex justify-content-center mt-3">
                                {{ $query->links('pagination::bootstrap-5') }}
                            </div>
                    </div>

                </div>
            @endif
        </div>
    </div>
</div>

@endsection