@extends('layouts.dashboard')

@section('page_title', 'TAX REPORTS')

@section('content')
<div class="ff-toolbar d-flex justify-content-between align-items-center mb-4">
    <div class="d-flex align-items-center gap-3">
        <a href="{{ route('home') }}" class="btn btn-outline-secondary btn-sm"><i class="fa fa-arrow-left"></i> Back</a>
        <h5 class="m-0 fw-bold border-start ps-3 border-color"><i class="fa-solid fa-file-invoice-dollar text-accent me-2"></i>Tax Reports</h5>
    </div>
</div>

<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="ff-rp-card">
            <form method="GET" action="{{ route('reports.tax.generate') }}" id="taxForm">
                <div class="row g-3 align-items-center">
                    <div class="col-md-3"><label class="ff-label fw-bold">Report</label></div>
                    <div class="col-md-9">
                        <select name="report" id="taxReport" class="form-select ff-input" required>
                            <option value="">Please Select</option>
                            @foreach ($reports as $value => $label)
                                <option value="{{ $value }}">{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3"><label class="ff-label fw-bold">Year</label></div>
                    <div class="col-md-9">
                        <select name="year" class="form-select ff-input">
                            @foreach ($years as $year)
                                <option value="{{ $year }}" @selected($year === $currentYear)>{{ $year }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3"><label class="ff-label fw-bold">External Carrier</label></div>
                    <div class="col-md-9">
                        <select name="carrier_id" class="form-select ff-input">
                            <option value="all">All Carriers</option>
                            @foreach ($carriers as $c)
                                <option value="{{ $c->id }}">{{ $c->display_name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12">
                        <div class="ff-tax-note">
                            <i class="fa-solid fa-circle-info me-2"></i>
                            This 1099 report is generated from carrier fees recorded on loads for the selected year. For it
                            to be accurate, you must ensure that all carrier fees have been entered accurately for the time period selected.
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('home') }}" class="btn btn-outline-secondary px-4">Cancel</a>
                    <button type="submit" class="btn btn-warning fw-bold px-4"><i class="fa-solid fa-file-export me-2"></i>GENERATE</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection