@php
    $generalChecks = [
        'dispatcher_custom_name' => 'Custom Name',
        'use_company_email_on_reports' => 'Use Company Email On Reports',
        'show_pickup_delivery_on_customer_notification' => 'Show Pick up and Delivery info',
        'show_delivery_po_on_invoice' => 'Show Delivery PO# on invoice',
        'show_its_footer_on_printouts' => 'Show ITS Dispatch on printouts',
        'suggest_truck_start_location' => 'Suggest the starting location for trucks',
        'hide_truckstop_posting_button' => 'Hide Truckstop.com posting button on dispatch board',
        'unavailable_trucks_selectable' => 'Unavailable trucks are selectable on a load',
        'show_wo_on_dispatch_board' => 'Show W/O numbers on dispatch board',
        'show_13_months_statistics' => 'Show 13 Months vs 12 Months of data',
        'dispatch_board_search_by_ship_date' => 'Search by ship date',
        'highlight_rows_by_status' => 'Highlight rows based on load status',
        'show_dispatch_contact_in_email_footer' => 'Show Dispatch Contact Info In Email Footer',
    ];
@endphp

<div class="tab-pane fade {{ $activeTab === 'general' ? 'show active' : '' }}" id="settings-general">
    <form method="POST" action="{{ route('settings.update') }}">
        @csrf
        @method('PUT')
        <input type="hidden" name="tab" value="general">

        <div class="ff-settings-row">
            <label for="invoice_sequencing">Invoice Sequencing</label>
            <select id="invoice_sequencing" name="invoice_sequencing" class="form-select ff-input">
                @foreach ($invoiceSequencingOptions as $value => $label)
                    <option value="{{ $value }}" @selected(old('invoice_sequencing', $general['invoice_sequencing']) === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div class="ff-settings-row">
            <label for="invoice_number_prefix">Invoice Number Prefix</label>
            <input type="text" id="invoice_number_prefix" name="invoice_number_prefix" class="form-control ff-input" value="{{ old('invoice_number_prefix', $general['invoice_number_prefix']) }}">
        </div>
        <div class="ff-settings-row">
            <label for="next_load_number">Next Load Number</label>
            <input type="number" min="1" id="next_load_number" name="next_load_number" class="form-control ff-input" value="{{ old('next_load_number', $general['next_load_number']) }}">
        </div>
        <div class="ff-settings-row">
            <label for="next_invoice_number">Next Invoice Number</label>
            <input type="number" min="1" id="next_invoice_number" name="next_invoice_number" class="form-control ff-input" value="{{ old('next_invoice_number', $general['next_invoice_number']) }}">
        </div>
        <div class="ff-settings-row">
            <label for="next_quote_number">Next Quote Number</label>
            <input type="number" min="1" id="next_quote_number" name="next_quote_number" class="form-control ff-input" value="{{ old('next_quote_number', $general['next_quote_number']) }}">
        </div>

        @foreach ($generalChecks as $field => $label)
            <div class="ff-settings-row">
                <label for="{{ $field }}">{{ ucfirst(str_replace('_', ' ', $field)) }}</label>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="{{ $field }}" value="1" id="{{ $field }}" @checked(old($field, $general[$field] ?? false))>
                    <label class="form-check-label" for="{{ $field }}">{{ $label }}</label>
                </div>
            </div>
        @endforeach

        <div class="ff-settings-row">
            <label for="preferred_envelope_size">Preferred Envelope Size</label>
            <select id="preferred_envelope_size" name="preferred_envelope_size" class="form-select ff-input">
                @foreach (['#9_double_window' => '#9 Double Window', '#10_single_window' => '#10 Single Window', '#10_double_window' => '#10 Double Window'] as $value => $label)
                    <option value="{{ $value }}" @selected(old('preferred_envelope_size', $general['preferred_envelope_size']) === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div class="ff-settings-row">
            <label for="timezone">Time Zone</label>
            <select id="timezone" name="timezone" class="form-select ff-input">
                @foreach (['America/Toronto' => '(UTC) Eastern Time Zone', 'America/St_Johns' => '(UTC +0.3) Newfoundland Time Zone', 'America/Chicago' => '(UTC) Central Time Zone', 'America/Denver' => '(UTC) Mountain Time Zone', 'America/Los_Angeles' => '(UTC) Pacific Time Zone'] as $value => $label)
                    <option value="{{ $value }}" @selected(old('timezone', $general['timezone']) === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div class="ff-settings-row">
            <label for="pagination_rows">Pagination Rows</label>
            <div class="d-flex align-items-center gap-2">
                <select id="pagination_rows" name="pagination_rows" class="form-select ff-input" style="max-width:120px;">
                    @foreach ([25, 50, 100, 250, 500] as $rows)
                        <option value="{{ $rows }}" @selected((int) old('pagination_rows', $general['pagination_rows']) === $rows)>{{ $rows }}</option>
                    @endforeach
                </select>
                <span class="text-muted small">Records per page</span>
            </div>
        </div>
        <div class="ff-settings-row">
            <label for="accounting_manager_months">Accounting Manager</label>
            <div class="d-flex align-items-center gap-2">
                <select id="accounting_manager_months" name="accounting_manager_months" class="form-select ff-input" style="max-width:120px;">
                    @foreach ([1, 2, 3, 6, 12] as $months)
                        <option value="{{ $months }}" @selected((int) old('accounting_manager_months', $general['accounting_manager_months']) === $months)>{{ $months }}</option>
                    @endforeach
                </select>
                <span class="text-muted small">Date Range in Months</span>
            </div>
        </div>
        <div class="ff-settings-row">
            <label for="livetype_search_by">Livetype search by</label>
            <select id="livetype_search_by" name="livetype_search_by" class="form-select ff-input">
                <option value="whole" @selected(old('livetype_search_by', $general['livetype_search_by']) === 'whole')>Whole Name</option>
                <option value="beginning" @selected(old('livetype_search_by', $general['livetype_search_by']) === 'beginning')>Beginning of Name</option>
            </select>
        </div>
        <div class="ff-settings-row">
            <label for="livetype_search_rows">Livetype search rows</label>
            <input type="number" min="10" max="500" id="livetype_search_rows" name="livetype_search_rows" class="form-control ff-input" style="max-width:120px;" value="{{ old('livetype_search_rows', $general['livetype_search_rows']) }}">
        </div>

        <div class="ff-settings-actions">
            <a href="{{ route('settings.index', ['tab' => 'general']) }}" class="btn btn-outline-secondary">Cancel</a>
            <button type="submit" class="btn btn-accent">Save</button>
        </div>
    </form>
</div>