@if(!empty($voucherMode['prices_editable']))
@php
    $dailyPayload = $dailyPrices ?? ['prices' => [], 'set_by_name' => null, 'set_at' => null];
    $secondaryFields = array_keys(\App\Support\GrnGradeCatalog::secondary());
@endphp
<div class="modal fade" id="dailyPricesModal" tabindex="-1" aria-labelledby="dailyPricesModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <div>
                    <h5 class="modal-title" id="dailyPricesModalLabel">Today's purchase prices</h5>
                    <p class="small text-muted mb-0">{{ now()->format('l, F j, Y') }} — shared across the payment desk for today</p>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body chm-voucher-daily-prices">
                <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3" id="daily-prices-meta">
                    @if(!empty($dailyPayload['set_by_name']))
                        <span class="badge bg-light text-muted border">
                            Last saved by {{ $dailyPayload['set_by_name'] }}
                            @if(!empty($dailyPayload['set_at']))
                                · {{ \Carbon\Carbon::parse($dailyPayload['set_at'])->format('g:i A') }}
                            @endif
                        </span>
                    @else
                        <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle">No prices saved yet today</span>
                    @endif
                </div>

                <div class="chm-voucher-daily-prices__grid">
                    @foreach(\App\Support\GrnGradeCatalog::primary() as $field => $meta)
                        <label class="chm-voucher-daily-prices__field">
                            <span class="chm-voucher-daily-prices__label">{{ $meta['label'] }}</span>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">UGX</span>
                                <input type="text"
                                       class="form-control daily-price-input"
                                       data-grade="{{ $field }}"
                                       inputmode="numeric"
                                       value="{{ !empty($dailyPayload['prices'][$field]) ? number_format($dailyPayload['prices'][$field], 0, '.', ',') : '' }}">
                            </div>
                        </label>
                    @endforeach
                </div>

                @if($secondaryFields !== [])
                <details class="chm-voucher-daily-prices__more mt-3">
                    <summary class="small fw-semibold text-muted">Other screens</summary>
                    <div class="chm-voucher-daily-prices__grid mt-2">
                        @foreach(\App\Support\GrnGradeCatalog::secondary() as $field => $meta)
                            <label class="chm-voucher-daily-prices__field">
                                <span class="chm-voucher-daily-prices__label">{{ $meta['label'] }}</span>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-text">UGX</span>
                                    <input type="text"
                                           class="form-control daily-price-input"
                                           data-grade="{{ $field }}"
                                           inputmode="numeric"
                                           value="{{ !empty($dailyPayload['prices'][$field]) ? number_format($dailyPayload['prices'][$field], 0, '.', ',') : '' }}">
                                </div>
                            </label>
                        @endforeach
                    </div>
                </details>
                @endif
            </div>
            <div class="modal-footer flex-wrap">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-outline-coffee" id="applyDailyPricesBtn">
                    <i class="bx bx-down-arrow-alt me-1"></i> Apply to voucher
                </button>
                <button type="button" class="btn btn-coffee" id="saveDailyPricesBtn">
                    <i class="bx bx-save me-1"></i> Save today's prices
                </button>
            </div>
        </div>
    </div>
</div>
@endif