{{-- Merchant Batches Analytics Row (Chart + Totals) --}}
<div class="row mb-3" id="merchant-batches-analytics" data-merchant-id="{{ $data->id ?? '' }}" data-url-base="{{ route('merchants.index') }}">
    <div class="col-lg-7 mb-3">
        <div class="project-box p-3 h-100">
            <div class="d-flex justify-content-between align-items-start mb-2">
                <h6 class="fw-semibold mb-0">Volume and Transactions</h6>
                <input type="hidden"  id="dates_for_volume_and_transactions" value="{{ $datesForVolAndTrans ?? '' }}">
                <input type="hidden"  id="volume_for_volume_and_transactions" value="{{ $volumesForVolAndTrans ?? '' }}">
                <input type="hidden"  id="transactions_for_volume_and_transactions" value="{{ $transactionsForVolAndTrans ?? '' }}">
                <div class="d-inline-flex align-items-center gap-2 merchant-batches-range-wrapper">
                    <!-- <label for="merchant-batches-range" class="small text-muted me-1">Date Range</label> -->
                    @php($defaultEnd = date('Y-m-d'))
                    @php($defaultStart = date('Y-m-d', strtotime('-5 days')))
                    <!-- <select id="merchant-batches-range" class="form-select form-select-sm merchant-batches-range-select">
                        <option value="this_month" selected>This Month</option>
                        <option value="today">Today</option>
                        <option value="this_week">This Week</option>
                        <option value="this_quarter">This Quarter</option>
                        <option value="this_year">This Year</option>
                        <option value="last_week">Last Week</option>
                        <option value="last_month">Last Month</option>
                        <option value="last_quarter">Last Quarter</option>
                        <option value="last_year">Last Year</option>
                        <option value="last_7">In The Last 7 Days</option>
                        <option value="last_30">In The Last 30 Days</option>
                        <option value="last_60">In The Last 60 Days</option>
                        <option value="last_90">In The Last 90 Days</option>
                        <option value="last_365">In The Last 365 Days</option>
                        <option value="lifetime">Lifetime</option>
                        <option value="custom_range">Custom Range</option>
                    </select> -->
                    <!-- <div class="merchant-batches-custom-range d-none ms-2" id="merchant-batches-custom-range">
                        <div class="d-flex align-items-center gap-2 merchant-batches-date-range-group">
                            <div class="range-field">
                                <label class="small text-muted mb-1" for="merchant-batches-start-date">Start Date</label>
                                <input type="date" id="merchant-batches-start-date" class="form-control form-control-sm" value="{{ $defaultStart }}">
                            </div>
                            <div class="range-field">
                                <label class="small text-muted mb-1" for="merchant-batches-end-date">End Date</label>
                                <input type="date" id="merchant-batches-end-date" class="form-control form-control-sm" value="{{ $defaultEnd }}">
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
            <div id="merchant-batches-volume-chart" class="mb-2" style="min-height:320px;"></div>
            <div class="legend small pt-2 border-top" id="merchant-batches-legend">
                <span class="me-3 d-inline-flex align-items-center">
                    <span class="legend-dot legend-dot-volume me-1"></span> Date Volume
                </span>
                <span class="d-inline-flex align-items-center">
                    <span class="legend-dot legend-dot-transactions me-1"></span> Transactions
                </span>
            </div>
            <div class="text-muted small mt-2" id="merchant-batches-empty-msg" style="display:none;">
                No batch analytics found for the selected range.
            </div>
        </div>
    </div>
    <div class="col-lg-5 mb-3">
        <div class="project-box p-3 h-100">
            <h6 class="fw-semibold mb-2">Totals By Card Type</h6>
            <input type="hidden" id="totals_by_card_type_batches" value="{{ $merchantCardTypeDetails ?? '' }}"  >
            <div class="table-responsive batches-card-totals-wrapper">
                <table class="table table-sm mb-0 batches-card-totals-table" id="merchant-batches-card-totals-table">
                    <thead class="thead-light">
                        <tr>
                            <th style="width:150px;">Card Type</th>
                            <th class="text-end">Total</th>
                            <th class="text-end">Transactions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- Filled dynamically by JS --}}
                    </tbody>
                    <tfoot>
                        <tr class="batches-card-totals-summary">
                            <th class="text-end">Grand Total</th>
                            <th class="text-end" data-total-value>—</th>
                            <th class="text-end" data-total-transactions>—</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="text-muted small mt-2" id="merchant-batches-card-totals-empty" style="display:none;">
                No card type totals for the selected range.
            </div>
        </div>
    </div>
</div>

{{-- Existing Batches Table --}}
<div class="project-box p-3 mb-3">
    <h6 class="mb-3 fw-semibold">Batches</h6>
    <div class="table-responsive project-table">
        <table class="table table-bordered mb-0">
            <thead>
            <tr>
                <th>Settlement Date</th>
                <th>Batch Amount</th>
                <th>Transactions</th>
                <th>Batch Reference Number</th>
                <th>Terminal Number</th>
            </tr>
            </thead>
            <tbody>
            @forelse($batches as $row)
                <tr>
                    <td>{{ $row->settlement_date ? \App\Helpers\Helper::showdate($row->settlement_date, false, 'm-d-Y') : '—' }}</td>
                    <td>${{ number_format($row->batch_amount ?? 0,2) }}</td>
                    <td>{{ $row->transactions ?? '—' }}</td>
                    <td>{{ $row->batch_reference_number ?? '—' }}</td>
                    <td>{{ $row->terminal_number ?? '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-center py-4">There are no results in this table.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>