@extends('layouts.app')

@section('content')
    <div class="container col-8 pt-2">
        <div class="jumbotron p-3">
            <h2 class="text-center mb-4">Rumusan Closing</h2>
            <h4 class="text-center mb-3">Pusat: {{ $pusat->code }} - {{ $pusat->description }}</h4>
        </div>
        @if(session('success'))
            <div class="alert alert-success">
                <strong>Berjaya:</strong> {{ session('success') }}
            </div>
        @endif

        @if ($closing_detail->isEmpty())
            <div class="alert alert-info text-center" role="alert">
                Tiada transaksi ditemui
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-striped table-bordered">
                    <thead class="thead-dark">
                        <tr>
                            <th class="text-center">Masa Closing</th>
                            <th class="text-center">No. Rujukan</th>
                            <th class="text-center">No. Batch</th>
                            <th class="text-center">Bilangan Transaksi (SALE)</th>
                            <th class="text-center">Jumlah Nilai (RM)</th>
                            <th class="text-center">Bilangan Transaksi (VOID)</th>
                            <th class="text-center">Jumlah Nilai (RM)</th>
                            <th class="text-center">MID</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($closing_detail as $transaction)
                            <tr>
                                <td class="text-center">{{ $transaction->trx_date }}</td>
                                <td class="text-center">{{ $transaction->trx_ref }}</td>
                                <td class="text-center">{{ $transaction->batch_no }}</td>
                                <td class="text-center">{{ $transaction->total_sale_count }}</td>
                                <td class="text-right">{{ number_format($transaction->total_sale_amount, 2) }}</td>
                                <td class="text-center">{{ $transaction->total_void_count }}</td>
                                <td class="text-right">{{ number_format($transaction->total_void_amount, 2) }}</td>
                                <td class="text-center">{{ $transaction->mid }}</td>
                                <td class="text-center">
                                    <a href="{{ route('transaction.closedtrx', ['closing' => $transaction->trx_ref]) }}"
                                        class="btn text-white col-12" style="background-color: #343a40;"><i
                                            class="bi bi-eye"></i> Lihat</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <!-- Pagination links -->
            <div class="d-flex justify-content-center my-3">
                <a class="btn btn-secondary mr-2" href="{{ $closing_detail->previousPageUrl() }}"
                    @if (!$closing_detail->previousPageUrl()) style="pointer-events: none; opacity: 0.5;" @endif>
                    Sebelumnya
                </a>
                <div class="d-flex justify-content-center">
                    @if ($closing_detail->previousPageUrl())
                        <a class="btn btn-secondary mr-2" href="{{ $closing_detail->previousPageUrl() }}">
                            {{ $closing_detail->currentPage() - 1 }}
                        </a>
                    @endif
                    <span class="btn btn-primary mr-2">{{ $closing_detail->currentPage() }}</span>
                    @if ($closing_detail->nextPageUrl())
                        <a class="btn btn-secondary mr-2" href="{{ $closing_detail->nextPageUrl() }}">
                            {{ $closing_detail->currentPage() + 1 }}
                        </a>
                    @endif
                </div>
                <a class="btn btn-secondary" href="{{ $closing_detail->nextPageUrl() }}"
                    @if (!$closing_detail->nextPageUrl()) style="pointer-events: none; opacity: 0.5;" @endif>
                    Seterusnya
                </a>
            </div>
        @endif
        <a href="{{ route('home')}}" class="mb-2 col-4 btn btn-danger btn-block">Kembali</a>
    </div>
@endsection