@extends('admin.layouts.dashboard')

@section('title', 'Daily Transactions')

@section('content')
    @php $dt = $start_dt ?? date('d-m-Y'); @endphp

    <x-page-header
        title="Daily Details Transaction"
        description="Every payment recorded on a single day."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Reports' => null, 'Daily transactions' => null]"
    />

    <x-card title="Filter" class="u-mb-6">
        <form method="POST" action="{{ url('/dailytransactionreport') }}" class="filter-bar">
            @csrf
            <x-field label="Select date" name="start">
                <div class="input-group">
                    <input type="text" id="start" class="input date-picker" name="start"
                           value="{{ $dt }}" data-date-format="dd-mm-yyyy" readonly>
                    <span class="input-group__addon" aria-hidden="true"><i class="fa-solid fa-calendar-days"></i></span>
                </div>
            </x-field>

            <div class="filter-bar__actions">
                <button type="submit" class="btn btn--primary">
                    <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
                    Run report
                </button>
            </div>
        </form>
    </x-card>

    <div id="display">
        <x-card
            title="Transaction report"
            :subtitle="date('jS M, Y', strtotime($dt))"
            :flush="true"
        >
            <x-slot:actions>
                <button type="button" class="btn btn--secondary btn--sm no-print" onclick="printPageArea('display')">
                    <i class="fa-solid fa-print" aria-hidden="true"></i>
                    Print
                </button>
            </x-slot:actions>

            @php
                $anyRows = collect($daily_details_transaction)->contains(fn ($day) => count($day->ttl_paid) > 0);
            @endphp

            @if (! $anyRows)
                <x-empty icon="fa-receipt" title="No payments on this date" />
            @else
                <div class="table-wrap">
                    <table class="table table--striped">
                        <thead>
                            <tr>
                                <th scope="col" class="col-num">SL</th>
                                <th scope="col">Date</th>
                                <th scope="col">Name</th>
                                <th scope="col" class="u-text-right">Paid amount</th>
                                <th scope="col">Remark</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($daily_details_transaction as $val)
                                @php $total = 0; @endphp
                                @foreach ($val->ttl_paid as $j => $att)
                                    @php $total += $att->paid_total; @endphp
                                    <tr>
                                        <td class="col-num">{{ $j + 1 }}</td>
                                        <td class="u-nowrap">{{ date('d-m-Y', strtotime($att->payment_date)) }}</td>
                                        <td class="table__primary u-capitalize">{{ ucwords($att->fullname) }}</td>
                                        <td class="u-numeric">{{ $att->paid_total }}</td>
                                        <td></td>
                                    </tr>
                                @endforeach
                                @if (count($val->ttl_paid) > 0)
                                    <tr style="background: var(--color-surface-sunken); font-weight: var(--weight-semibold);">
                                        <td colspan="3">Total</td>
                                        <td class="u-numeric">{{ number_format($total, 2) }}</td>
                                        <td></td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </x-card>
    </div>
@endsection