@extends('layouts.app')

@section('content')
    @include('accounting.partials.nav')

    <div class="container" style="max-width: 1200px;">
        <h2 style="margin: 12px 0;">Off-POS Clearance</h2>

        @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        <div style="display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom: 12px;">
            <div><strong>Pricing Tier:</strong> {{ (int) $tier }}</div>
            <div style="margin-left:auto; color:#666;">
                Showing all unresolved Off-POS items
            </div>
        </div>

        {{-- Summary Card with Totals --}}
        <div class="card" style="margin-bottom: 12px;">
            <div class="card-body">
                <div style="display:flex; gap:18px; flex-wrap:wrap; margin-bottom: 12px;">
                    <div><strong>Off-POS Cash Total:</strong> {{ number_format((float) ($summary['offpos_cash_total'] ?? 0), 2) }}</div>
                    <div><strong>Off-POS Card Total:</strong> {{ number_format((float) ($summary['offpos_card_total'] ?? 0), 2) }}</div>
                    <div style="color:#666;">(Fees excluded)</div>
                </div>

                {{-- Date-wise breakdown (collapsible) --}}
                @if(!empty($summaryByDate))
                    <details style="margin-top: 8px;">
                        <summary style="cursor: pointer; color: #4a5568; font-size: 14px;">
                            <strong>View date-wise breakdown</strong> ({{ count($summaryByDate) }} {{ count($summaryByDate) === 1 ? 'day' : 'days' }})
                        </summary>
                        <div style="margin-top: 8px; max-height: 200px; overflow-y: auto;">
                            <table class="table table-sm" style="margin: 0; font-size: 13px;">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th style="text-align:right;">Cash</th>
                                        <th style="text-align:right;">Card</th>
                                        <th>Note</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($summaryByDate as $day)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($day->sale_date)->format('M d, Y') }}</td>
                                            <td style="text-align:right;">{{ number_format((float) $day->offpos_cash_total, 2) }}</td>
                                            <td style="text-align:right;">{{ number_format((float) $day->offpos_card_total, 2) }}</td>
                                            <td style="color:#666; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
                                                {{ $day->note ?? '-' }}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </details>
                @endif
            </div>
        </div>

        <form method="post" action="{{ route('accounting.offpos-clearance.store') }}">
            @csrf>

            <div class="card">
                <div class="card-body" style="padding: 0;">
                    <table class="table table-striped" style="margin:0;">
                        <thead>
                        <tr>
                            <th style="width:40px;"></th>
                            <th>Barcode</th>
                            <th>Product</th>
                            <th style="text-align:right;">Qty</th>
                            <th style="text-align:right;">Unit Price</th>
                            <th style="text-align:right;">Line Total</th>
                            <th>Date Range</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php
                            $lineSum = 0.0;
                        @endphp

                        @forelse ($items as $it)
                            @php $lineSum += (float) ($it['line_total'] ?? 0); @endphp
                            <tr>
                                <td>
                                    <input type="checkbox" name="items[{{ (int) $it['product_id'] }}][selected]" value="1" checked>
                                </td>
                                <td>{{ $it['barcode'] }}</td>
                                <td>{{ $it['name'] }}</td>
                                <td style="text-align:right;">{{ number_format((float) $it['qty'], 3) }}</td>
                                <td style="text-align:right;">{{ number_format((float) $it['unit_price'], 2) }}</td>
                                <td style="text-align:right;">{{ number_format((float) $it['line_total'], 2) }}</td>
                                <td style="font-size: 12px; color:#666;">
                                    @if($it['first_date'] && $it['last_date'])
                                        @if($it['first_date'] === $it['last_date'])
                                            {{ \Carbon\Carbon::parse($it['first_date'])->format('M d') }}
                                        @else
                                            {{ \Carbon\Carbon::parse($it['first_date'])->format('M d') }} - {{ \Carbon\Carbon::parse($it['last_date'])->format('M d') }}
                                        @endif
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" style="text-align:center; padding: 18px; color:#666;">
                                    No unresolved Off-POS items found.
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                        @if (count($items) > 0)
                            <tfoot>
                            <tr>
                                <th colspan="5" style="text-align:right;">Selected Items Total</th>
                                <th style="text-align:right;">{{ number_format((float) $lineSum, 2) }}</th>
                                <th></th>
                            </tr>
                            </tfoot>
                        @endif
                    </table>
                </div>
            </div>

            <div style="margin-top: 12px; display:flex; gap:10px; align-items:center;">
                <button type="submit" class="btn btn-success" @if(count($items)===0) disabled @endif>
                    Create clearance invoice + mark resolved
                </button>
                <div style="color:#666;">
                    Creates a posted invoice for reporting only (no stock movement). Payments use the Off-POS totals shown above.
                </div>
            </div>
        </form>
    </div>
@endsection