@extends('layouts.adminapp')

@section('title') {{ __('lng.EventTokenListReport') }} - {{ __('lng.Print') }} @endsection

@section('active_report', 'active')
@section('open_report', 'open')
@section('active_event_token_report', 'active')

@section('content')

    <!-- Ledger Report -->

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <h1 class="page-title fw-semibold fs-18 mb-0">{{ __('lng.Print') }}</h1>
        <div class="ms-md-1 ms-0">
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="javascript:void(0);">{{ __('lng.EventTokenListReport') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('lng.Print') }}</li>
                </ol>
            </nav>
        </div>
    </div>
    <!-- Page Header Close -->

    <!-- Page body -->
    <div class="card mb-4" style="text-align: center;">
        <div id="printableArea" style="height: 100%;">
            <div style="padding:5px;" >
                <div style="border:double; padding: 10px; width: 100%; float: left;">

                    <!-- include print header -->
                    @include('PrintHeader.header')
                    <!-- include print header close -->

                    <div style="padding:20px 0; text-align:center;"><h4>{{ __('lng.EventTokenListReport') }}</h4></div>
                    {{-- 
                    <div style="width: 100%; padding: 10px 0; text-align: center;">
                        <b>{{ __('lng.FromDate') }}:</b> {{ date('d-m-Y', strtotime($From)) }},
                        <b>{{ __('lng.ToDate') }}:</b> {{ date('d-m-Y', strtotime($To)) }},
                    </div>
                    --}}

                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                               <th>{{ __('lng.SiNo') }}</th>
                                <th>{{ __('lng.Name') }}</th>
                                <th>{{ __('lng.Date') }}</th>
                                <th>{{ __('lng.Place') }}</th>
                                <th>{{ __('lng.Amount') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $si = 0;
                                $totalAmount = 0;
                            @endphp

                            @foreach ($EventTokenLists as $EventTokenList)
                                <tr>
                                    <td>{{ ++$si }}</td>
                                    <td>{{ $EventTokenList->Member->name }}</td>
                                    <td>{{ $EventTokenList->Member->house->name }}</td>
                                    <td>{{ $EventTokenList->barcode }}</td>
                                    <td>@currency($EventTokenList->amount)</td>
                                </tr>

                                <!-- Only sum the amount if the event is 'Completed' -->
                                @if($EventTokenList->is_completed == 1)
                                    @php
                                        $totalAmount += $EventTokenList->amount;
                                    @endphp
                                @endif
                            @endforeach

                            <!-- Display Total Row for 'Completed' items only -->
                            @if ($status == '1')
                                <tr>
                                    <td colspan="4" class="text-end fw-bold">{{ __('lng.TotalAmount') }}</td>
                                    <td class="fw-bold">@currency($totalAmount)</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="btn-part m-3">
            <a href="{{ route('EventTokenListReport', $ID) }}" class="btn btn-primary btn-sm btn-wave waves-effect waves-light">
                {{ __('lng.Back') }} <i class="ri-arrow-left-line align-middle ms-1 d-inline-block"></i>
            </a>
            <button type="button" onclick="printDiv('printableArea')" class="btn btn-info btn-sm btn-wave waves-effect waves-light">
                {{ __('lng.PrintForm') }} <i class="ri-printer-line align-middle ms-1 d-inline-block"></i>
            </button>
        </div>
    </div>
    <!-- Page body close -->

    <!-- Script -->
    <script>
        function printDiv(divName) {
            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            location.reload();
            document.body.innerHTML = originalContents;
        }
    </script>
    <!-- Script close -->

@endsection
<!-- End page content -->