@extends('layouts.usermain')

@section('main-container')
<div class="page-wrapper">
    <div class="container-xl">

        <!-- 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">Approved Bill Download</h2>
            </div>
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                    <a href="#" class="btn btn-outline-success">
                        <i class="ti ti-file-spreadsheet me-1"></i> Excel Report
                    </a>
                    <a href="" class="btn btn-primary">
                        <i class="ti ti-plus me-1"></i> Add
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>   

        <!-- Card -->
          <div class="card mb-4">
        <div class="card-header bg-info text-white">
            <h4 class="mb-0">Search :Approved Bill</h4>
        </div>
            <div class="card-body">




                <form id="pdfForm" method="GET">
    <div class="row g-3 align-items-end">

        <div class="col-md-6">
            <label class="form-label">Select Approved Bill</label>
            <select class="form-select" id="bill_id">
                <option value="">-- Select Bill --</option>
                @foreach($approvedBill as $bill)
                    <option value="{{ $bill->baseline_id }}">
                        {{ $bill->application_code ?? 'Bill #' . $bill->application_code }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="col-md-6">
            <div class="btn-list">
                <button type="button" onclick="submitPDF()" class="btn btn-primary">
                    🔽 Download PDF
                </button>

                <a href="{{ url()->current() }}" class="btn btn-outline-secondary">
                    ♻ Reset
                </a>
            </div>
        </div>

    </div>
</form>

            </div>
        </div>

    </div>
</div>
<script>
function submitPDF() {
    let billId = document.getElementById('bill_id').value;

    if (!billId) {
        alert('Please select a bill');
        return;
    }

    window.location.href = `/downloadAllPDF/${billId}`;
}
</script>
@endsection