@extends('layouts.admin')
@push('styles')
    <link href="{{ asset('assets/build/css/virtual-select.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/build/css/tooltip.min.css') }}" rel="stylesheet">
@endpush

@push('script')
    <script src="{{ asset('assets/build/js/virtual-select.min.js') }}"></script>
    <script src="{{ asset('assets/build/js/tooltip.min.js') }}"></script>
@endpush
@section('content')
    <style>
        .vscomp-ele {
            max-width: 100% !important;
        }
    </style>
    <div class="h-100">
        <div class="page-title">
            <div class="title_left">
                <h3>
                    Rezervări Online
                    <small>
                        {{ $location_id ? 'Locație: ' . $locations->find($location_id)->mnemonic : '' }}
                    </small>
                </h3>
            </div>
        </div>

        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12  ">
                <div class="x_panel flex-column justify-content-start" style="overflow: hidden;">
                    <div class="x_title">
                        <div class="">
                            <div class="container">
                                <form action="{{ route('reports.online-reservations') }}" method="GET" class="container d-flex align-items-end justify-content-between">
                                    <div class="w-100 flex-grow-1 row justify-content-end align-items-end pr-3">
                                        <div class="col-md-2">
                                            <label for="location-select">Locație</label>
                                            <div>
                                                <select data-search="true" id="location-select" class="text-black" name="location_id">
                                                    <option value="">Alegeți o locație</option>
                                                    @foreach ($locations as $location)
                                                        <option value="{{ $location->id }}" @selected($location->id == $location_id)>{{ $location->mnemonic }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <label for="status">Status</label>
                                            <div>
                                                <select data-search="true" id="status" class="text-black" name="status">
                                                    <option value="">Alegeți un status</option>
                                                    @foreach ($ticketStatuses as $_status => $status_text)
                                                        <option value="{{ $_status }}" @selected($_status == $status)>{{ $status_text }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="operation_id">Operațiune</label>
                                            <div>
                                                <select data-search="true" id="operation_id" class="text-black" name="operation_id">
                                                    <option value="">Alegeți o operațiune</option>
                                                    @foreach ($operations as $operation)
                                                        <option value="{{ $operation->id }}" @selected($operation->id == $operation_id)>{{ $operation?->lang['ro'] }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <label for="counter_id">Ghișeu</label>
                                            <div>
                                                <select data-search="true" id="counter_id" class="text-black" name="counter_id">
                                                    <option value="">Alegeți un ghișeu</option>
                                                    @foreach ($counters as $counter)
                                                        <option value="{{ $counter->id }}" @selected($counter->id == $counter_id)>{{ $counter->counter_name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <label for="from_date">Data de început</label>
                                            <input type="date" class="form-control" name="from_date" value="{{ $from_date }}" />
                                        </div>
                                        <div class="col-md-2">
                                            <label for="to_date">Data de sfârșit</label>
                                            <input type="date" class="form-control" name="to_date" value="{{ $to_date }}" />
                                        </div>
                                    </div>
                                    <div class="flex-shrink-1 d-flex align-items-end justify-content-end">
                                        <button type="sbmit" class="btn btn-primary m-0">Filtrează</button>
                                        <button type="button" class="btn btn-secondary m-0 ml-3" name="export" value="excel" onclick="window.location.href='{{ route('reports.online-reservations', ['export' => 'excel', 'location_id' => $location_id, 'status' => $status, 'operation_id' => $operation_id, 'counter_id' => $counter_id, 'from_date' => $from_date, 'to_date' => $to_date]) }}'">
                                            Export
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="x_content flex-grow-1 relative" style="max-height:85%; overflow:auto;">
                        <div class="p-3 border-bottom bg-info text-white">
                            <h6 class="font-weight-bold font-underline">
                                Număr total de bonuri
                                <span class="text-black-50">
                                    {{ $from_date ? ' (' . $from_date . ' - ' . $to_date . ')' : '' }}
                                </span>:
                                <span class="text-warning">{{ $aggregatedData['total_tickets'] }}</span>
                            </h6>
                            <div class="d-flex">
                                @if(isset($aggregatedData['total_tickets']) && count($aggregatedData['total_by_status']) > 0)
                                    @foreach($ticketStatuses as $status => $status_text)
                                        @php
                                            $count = $aggregatedData['total_by_status'][$status] ?? 0;
                                        @endphp
                                        <h4 @class(['flex-fill px-4 d-flex justify-content-between align-items-center border-right', 'text-black-50' => !$count, 'font-weight-bold' => $count])>
                                            {{ $status_text }}
                                            <span>
                                                &#8594;
                                            </span>
                                            <span>{{ $count }}</span>
                                        </h4>
                                    @endforeach
                                @else
                                    <li class="list-group-item">Nu există date disponibile</li>
                                @endif
                            </div>
                        </div>
                        <table class="table table-bordered table-striped">
                            <thead class="sticky-top table-info" style="text-align: left; z-index: 1;">
                                <tr>
                                    <th>Ticket ID</th>
                                    <th>Număr</th>
                                    <th>Ghișeu</th>
                                    <th>Data</th>
                                    <th>Oră programare</th>
                                    <th>Oră eliberare bon</th>
                                    <th>Oră preluare bon</th>
                                    <th>Oră operare/închidere bon</th>
                                    <th>Operațiune</th>
                                    <th>Nr. operațiuni/bon</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody style="text-align: left;">
                                @if(isset($onlineReservations) && count($onlineReservations) > 0)
                                    @foreach ($onlineReservations as $reservation)
                                        <tr>
                                            <td>{{ $reservation->id }}</td>
                                            <td>{{ $reservation->ticket_no }}</td>
                                            <td>{{ $reservation->counter->counter_name }}</td>
                                            <td>{{ $reservation->ticket_date }}</td>
                                            <td>{{ $reservation->booking_time }}</td>
                                            <td>{{ $reservation->created_at }}</td>
                                            <td>{{ $reservation->start_time }}</td>
                                            <td>{{ $reservation->processed_at }}</td>
                                            <td>{{ $reservation->operation?->lang['ro'] }}</td>
                                            <td>{{ $reservation->attr['operation_count'] }}</td>
                                            <td>{{ App\Enums\TicketStatus::getLabel($reservation->status) }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr class="p-4 text-center">
                                        <td colspan="11">
                                            <i>
                                                Nu există ghișee disponibile pentru filtrele selectate.
                                            </i>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                {{ $onlineReservations->withQueryString()->links() }}
            </div>
        </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            VirtualSelect.init({ ele: 'select' });
        });
    </script>
@endsection