@extends(backpack_view('blank'))

@section('header')
    <section class="container-fluid">
        <h2>Bilan par Jour</h2>
    </section>
@endsection

@section('content')
<div class="row mb-3">
    <div class="col-12">
        <form method="GET" action="{{ route('day.bilan.search') }}" id="filterForm">
            <div class="row g-2 align-items-end">

                <div class="col-md-2">
                    <label class="form-label">Tirage</label>
                    <select name="draw" class="form-select" onchange="this.form.submit()">
                        <option value="*" @selected($dra === '*')>Tout</option>
                        @foreach ($draws as $draw)
                            <option value="{{ $draw->id }}" @selected($dra == $draw->id)>{{ $draw->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Du</label>
                    <input type="date" name="from" class="form-control" value="{{ $from_show }}"
                           onchange="this.form.submit()">
                </div>

                <div class="col-md-2">
                    <label class="form-label">Au</label>
                    <input type="date" name="to" class="form-control" value="{{ $to_show }}"
                           onchange="this.form.submit()">
                </div>

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

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table id="bilanDayTable" class="table table-striped table-hover mb-0">
                        <thead class="table-dark">
                            <tr>
                                <th>Date</th>
                                <th>Lotterie / Tirage</th>
                                <th class="text-end">Vente</th>
                                <th class="text-end">Commission</th>
                                <th class="text-end">Cash</th>
                                <th class="text-end">&Agrave; payer</th>
                                <th class="text-end">Diff</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($tickets as $ticket)
                                <tr>
                                    <td>{{ \Carbon\Carbon::parse($ticket->date1)->format('d-m-Y') }}</td>
                                    <td>{{ $ticket->lotterie }} &mdash; {{ $ticket->draw }}</td>
                                    <td class="text-end">{{ number_format($ticket->vente, 2) }}</td>
                                    <td class="text-end">{{ number_format($ticket->commission, 2) }}</td>
                                    <td class="text-end">{{ number_format($ticket->cash, 2) }}</td>
                                    <td class="text-end">
                                        {{ number_format($ticket->topay, 2) }}
                                        <small class="text-muted">HTG</small>
                                    </td>
                                    <td class="text-end @if($ticket->diff < 0) text-danger @endif">
                                        {{ number_format($ticket->diff, 2) }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">{{ __('crud.no_data') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                        <tfoot class="table-light fw-bold">
                            <tr>
                                <td colspan="2" class="text-end">{{ __('crud.totals') }}</td>
                                <td class="text-end">{{ number_format($totalVente, 2) }}</td>
                                <td class="text-end">{{ number_format($totalCommission, 2) }}</td>
                                <td class="text-end">{{ number_format($totalCash, 2) }}</td>
                                <td class="text-end">{{ number_format($totalTopay, 2) }}</td>
                                <td class="text-end @if($totalDiff < 0) text-danger @endif">
                                    {{ number_format($totalDiff, 2) }}
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('after_scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof $.fn.DataTable !== 'undefined') {
            $('#bilanDayTable').DataTable({
                pageLength: 25,
                lengthMenu: [10, 25, 50, 100],
                order: [],
            });
        }
    });
</script>
@endsection