{{-- resources/views/store/transaction.blade.php --}}
<x-app-layout>
    <div class="nxl-content">

        {{-- Header --}}
        <div class="page-header">
            <div class="page-header-left d-flex align-items-center">
                <!-- <div class="page-header-title">
                    <h5 class="m-b-10">Transactions</h5>
                    <div class="text-muted small">
                        <strong>{{ $store->store_name }}</strong>
                        <span class="mx-1">•</span> Code: <strong>{{ $store->store_code }}</strong>
                        <span class="mx-1">•</span> Mobile: <strong>{{ $store->store_mobile }}</strong>
                    </div>
                </div> -->
                <ul class="breadcrumb ms-3">
                    <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('stores.listview') }}">Stores</a></li>
                    <li class="breadcrumb-item">Transactions</li>
                </ul>
            </div>

            <div class="page-header-right ms-auto d-flex gap-2">
                <!-- <a href="{{ route('stores.payment', $store->id) }}" class="btn btn-success">
                    <i class="feather-plus-circle me-1"></i> Add Payment
                </a> -->
                <a href="{{ route('stores.listview') }}" class="btn btn-light">
                    <i class="feather-arrow-left me-1"></i> Back
                </a>
            </div>
        </div>

        {{-- Main --}}
        <div class="main-content">
            <div class="row g-3">

                {{-- Summary Cards --}}
                <div class="col-lg-4">
                    <div class="card stretch stretch-full">
                        <div class="card-body">
                            <div class="d-flex align-items-center justify-content-between">
                                <div>
                                    <div class="text-muted small">Total Transactions</div>
                                    <div class="h4 mb-0">{{ $transactions->total() ?? $transactions->count() }}</div>
                                </div>
                                <div class="avatar-text bg-soft-primary text-primary">
                                    <i class="feather-layers"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card stretch stretch-full">
                        <div class="card-body">
                            <div class="d-flex align-items-center justify-content-between">
                                <div>
                                    <div class="text-muted small">Total Paid</div>
                                    <div class="h4 mb-0">
                                        ₹{{ number_format(
                                            ($transactions instanceof \Illuminate\Pagination\AbstractPaginator)
                                                ? $transactions->getCollection()->sum(fn($t) => (float)($t->transation_amount ?? 0))
                                                : $transactions->sum(fn($t) => (float)($t->transation_amount ?? 0)),
                                            2
                                        ) }}
                                    </div>
                                    <div class="text-muted small">(current page sum)</div>
                                </div>
                                <div class="avatar-text bg-soft-success text-success">
                                    <i class="feather-dollar-sign"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="card stretch stretch-full">
                        <div class="card-body">
                            @php
                                $today = \Carbon\Carbon::now()->toDateString();
                                $statusText = 'Not Subscribed';
                                $statusClass = 'bg-soft-secondary text-secondary';

                                if ($store->subcription === 'free-trial') {
                                    $statusText = 'Free Trial';
                                    $statusClass = 'bg-soft-warning text-warning';
                                } elseif ($store->subcription === 'premium' && $store->premium_expire_date >= $today) {
                                    $statusText = 'Premium';
                                    $statusClass = 'bg-soft-success text-success';
                                } elseif ($store->subcription === 'premium' && $store->premium_expire_date < $today) {
                                    $statusText = 'Expired';
                                    $statusClass = 'bg-soft-danger text-danger';
                                }
                            @endphp

                            <div class="d-flex align-items-center justify-content-between">
                                <div>
                                    <div class="text-muted small">Current Status</div>
                                    <div class="h5 mb-1">
                                        <span class="badge {{ $statusClass }}">{{ $statusText }}</span>
                                    </div>
                                    <div class="text-muted small">
                                        Expiry: <strong>{{ $store->premium_expire_date ?? '—' }}</strong>
                                    </div>
                                </div>
                                <div class="avatar-text {{ $statusClass }}">
                                    <i class="feather-shield"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Transactions Table --}}
                <div class="col-12">
                    <div class="card stretch stretch-full">
                        <div class="card-body">

                            {{-- Top Controls --}}
                            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
                                <div class="d-flex align-items-center gap-2">
                                    <span class="text-muted small">Showing latest transactions</span>
                                </div>

                                <div class="d-flex align-items-center gap-2">
                                    {{-- Quick Search (client-side) --}}
                                    <div class="input-group">
                                        <span class="input-group-text"><i class="feather-search"></i></span>
                                        <input id="txSearch" type="text" class="form-control" placeholder="Search remark / amount / date">
                                    </div>
                                </div>
                            </div>

                            <div class="table-responsive">
                                <table class="table table-hover align-middle" id="txTable">
                                    <thead class="table-light">
                                        <tr>
                                            <th width="70">#</th>
                                            <th>Date</th>
                                            <th>Remark</th>
                                            <th class="text-end">Amount</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                    @forelse($transactions as $index => $t)
                                        @php
                                            $amount = (float)($t->transation_amount ?? 0);
                                            $amountClass = $amount > 0 ? 'text-success' : 'text-muted';
                                            $remark = $t->remark ?? '—';
                                        @endphp
                                        <tr>
                                            <td>
                                                <span class="text-muted">
                                                    {{ ($transactions instanceof \Illuminate\Pagination\AbstractPaginator)
                                                        ? $transactions->firstItem() + $index
                                                        : $index + 1 }}
                                                </span>
                                            </td>

                                            <td>
                                                <div class="fw-semibold">
                                                    {{ $t->created_on ?? ($t->created_at ? $t->created_at->format('Y-m-d') : '—') }}
                                                </div>
                                                <div class="text-muted small">
                                                    {{ $t->created_at ? $t->created_at->format('h:i A') : '' }}
                                                </div>
                                            </td>

                                            <td>
                                                <div class="fw-semibold">{{ $remark }}</div>
                                                <div class="text-muted small">
                                                    Txn ID: #{{ $t->id }}
                                                </div>
                                            </td>

                                            <td class="text-end">
                                                <div class="fw-bold {{ $amountClass }}">
                                                    ₹{{ number_format($amount, 2) }}
                                                </div>
                                                @if($amount == 0 && strtolower($remark) === 'free trial')
                                                    <span class="badge bg-soft-warning text-warning">Trial</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted py-4">
                                                No transactions found for this store.
                                            </td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>

                            {{-- Pagination --}}
                            @if($transactions instanceof \Illuminate\Pagination\AbstractPaginator)
                                <div class="mt-3">
                                    {{ $transactions->links() }}
                                </div>
                            @endif

                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

    {{-- Client-side Search Script --}}
    <script>
        (function () {
            const input = document.getElementById('txSearch');
            const table = document.getElementById('txTable');
            if (!input || !table) return;

            input.addEventListener('keyup', function () {
                const q = this.value.toLowerCase().trim();
                const rows = table.querySelectorAll('tbody tr');

                rows.forEach(row => {
                    const text = row.innerText.toLowerCase();
                    row.style.display = text.includes(q) ? '' : 'none';
                });
            });
        })();
    </script>
</x-app-layout>