@extends('adminlte::page')

@section('title', 'Receive')

@section('content_header')
    <h1>Receive</h1>
@endsection

@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <form method="get" action="{{ route('receive.index') }}" class="row g-2 align-items-end">
                <div class="col-md-8">
                    <label class="form-label">Search</label>
                    <input type="text" name="q" value="{{ $q ?? '' }}" class="form-control" placeholder="Search by Serial / Name / Phone">
                </div>
                <div class="col-md-4">
                    <button type="submit" class="btn btn-success">Search</button>
                    <a href="{{ route('receive.index') }}" class="btn btn-outline-secondary ms-2">Clear</a>
                </div>
            </form>
        </div>
    </div>

    @if(($items ?? collect())->isEmpty())
        <div class="alert alert-info">No records found.</div>
    @else
        <div class="row">
            @foreach(($items ?? []) as $it)
                @php
                    $uid = 'item-'.preg_replace('/[^A-Za-z0-9]/', '', (string)($it->serial_number ?? '')).'-'.$loop->index;
                @endphp
                <div class="col-md-6 col-lg-4">
                    <div class="card mb-3">
                        <div class="card-header">
                            <a href="#{{ $uid }}" class="d-flex justify-content-between align-items-center text-decoration-none" data-toggle="collapse" aria-expanded="false" aria-controls="{{ $uid }}">
                                <div>
                                    <div><small class="text-muted">Serial</small> <code>{{ $it->serial_number }}</code></div>
                                    @if(!empty($it->name))
                                        <div class="small text-muted">{{ $it->name }} @if(!empty($it->phone)) · {{ $it->phone }} @endif</div>
                                    @elseif(!empty($it->phone))
                                        <div class="small text-muted">{{ $it->phone }}</div>
                                    @endif
                                </div>
                                <div class="text-end">
                                    <div class="small text-muted">Current Balance</div>
                                    <div><strong>{{ number_format((float)$it->current_balance, 2) }}</strong></div>
                                </div>
                            </a>
                        </div>
                        <div id="{{ $uid }}" class="collapse">
                            <div class="card-body">
                                <div class="row g-3">
                                    <div class="col-12">
                                        <div><small class="text-uppercase text-muted">Total NFC Received</small></div>
                                        <div><strong>{{ number_format((float)$it->total_nfc_received, 2) }}</strong></div>
                                    </div>
                                    <div class="col-12">
                                        <div><small class="text-uppercase text-muted">Last NFC Receive</small></div>
                                        <div>
                                            <strong>{{ $it->last_nfc_received_amount !== null ? number_format((float)$it->last_nfc_received_amount, 2) : '-' }}</strong>
                                            <div class="text-muted small">{{ optional($it->last_nfc_received_at)->format('Y-m-d H:i') }}</div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div><small class="text-uppercase text-muted">Last Sent Amount</small></div>
                                        <div>
                                            <strong>{{ $it->last_sent_amount !== null ? number_format((float)$it->last_sent_amount, 2) : '-' }}</strong>
                                            <div class="text-muted small">{{ optional($it->last_sent_at)->format('Y-m-d H:i') }}</div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div><small class="text-uppercase text-muted">Total Sent</small></div>
                                        <div><strong>{{ number_format((float)$it->total_sent, 2) }}</strong></div>
                                    </div>
                                    <div class="col-6">
                                        <div><small class="text-uppercase text-muted">Total Outgoing</small></div>
                                        <div><strong>{{ number_format((float)$it->total_outgoing, 2) }}</strong></div>
                                    </div>
                                    <div class="col-12">
                                        <div><small class="text-uppercase text-muted">Expiry Date</small></div>
                                        <div><strong>{{ optional($it->expires_at)->format('Y-m-d') ?? '-' }}</strong></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
@endsection