@extends('layouts.default-canvas')

@section('title')
    {{ __('modules')['dashboard']['hotel']['reservation_tickets'] }} | {{ $reservation->id }}
@endsection

@section('styles')
    <link href="{{ asset('css/pages/particular/recibo.css') }}" rel="stylesheet">
@endsection

@section('content')

    {{-- Imports --}}
    @php
      // Imports
        use App\Helpers\Environment\SystemFeaturesHelper;

      // Environments
        $has_control_hours =  SystemFeaturesHelper::getFeatureStatus("control_hours");
        $has_express_reservations =  SystemFeaturesHelper::getFeatureStatus("express_reservations");
        $has_pax_pricing =  SystemFeaturesHelper::getFeatureStatus("pax_pricing");

      // Dynamic Lang
        $reservation_ticket = __('tickets')['hotel']['reservation_tickets'];
    @endphp

    {{-- Ticket --}}
    <section class="container rounded-3 ticket-card">

        {{-- Header --}}
        @include('hotel.reservation-details.online-tickets.shared.sections.header')

        <hr class="header-divider">

        {{-- Content --}}
        <main class="container-fluid">

            {{-- Reservation Simple Summary --}}
            @include('hotel.reservation-details.online-tickets.shared.breakdowns.reservation-summary', [
                'is_single_reservation' => true,
                'prefix_id' => ''
            ])

            {{-- Reservation Charges & Payments Summary --}}
            <div>
                {{-- Title --}}
                <h5 class="text-center section-title">
                    {{ $reservation_ticket['charges_section'] }}
                </h5>

                @php
                    // Relationships
                    $lodging_payments = $reservation->lodgingPayments->where('status', 'Activo');

                    $consumption_charges = $reservation->consumptionCharges->where('status', 'Activo');
                    $consumption_payments = $reservation->consumptionPayments->where('status', 'Activo');

                    $extra_charges = $reservation->extraCharges->where('status', 'Activo');
                    $extra_payments = $reservation->extraPayments->where('status', 'Activo');

                    // Totals
                    $consumption_total_charges = $consumption_charges->sum('consumption_price');
                    $extra_total_charges = $extra_charges->sum('extras_price');

                    $lodging_total_payments = $lodging_payments->sum('payment_price');
                    $consumption_total_payments = $consumption_payments->sum('payment_price');
                    $extra_total_payments = $extra_payments->sum('payment_price');

                    $lodging_remaining_balance = $reservation->total_price - $lodging_total_payments;
                    $consumption_remaining_balance = $consumption_total_charges - $consumption_total_payments;
                    $extra_remaining_balance = $extra_total_charges - $extra_total_payments;

                    $total_charges = $reservation->total_price + $extra_total_charges + $consumption_total_charges;
                    $total_paid = $lodging_total_payments + $consumption_total_payments + $extra_total_payments;

                    $remaining_balance = $total_charges - $total_paid;

                    // Support
                    $empty_payments = '<tr class="text-center">'
                        . str_repeat('<td class="py-1">-- -- --</td>', 4)
                        . '</tr>';
                @endphp

                {{-- Lodging --}}
                @include('hotel.reservation-details.online-tickets.shared.breakdowns.lodging', [
                    'reservation_type' => 'single',
                ])

                {{-- Consumption --}}
                @if (count($consumption_charges))
                    @include('hotel.reservation-details.online-tickets.shared.breakdowns.consumption')
                @endif

                {{-- Extras --}}
                @if (count($extra_charges))
                    @include('hotel.reservation-details.online-tickets.shared.breakdowns.extras')
                @endif

                {{-- Total --}}
                @include('hotel.reservation-details.online-tickets.shared.breakdowns.total-summary')

            </div>

            {{-- Footer --}}
            @include(
                'hotel.reservation-details.online-tickets.shared.sections.footer'
            )

        </main>

    </section>

    {{-- Actions --}}
    @include(
        'hotel.reservation-details.online-tickets.shared.sections.action-footer', [
            'reservation_id' => $reservation->id,
            'download_url' => route('reservation.tickets.fullStays.download', ["id" => $reservation->id]),
    ])

@endsection

@section('import-scripts')
    {{-- Sweet Alert --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    {{-- Inactivity Control --}}
    <script src="{{ asset('js/support/inactivityControl.js') }}"></script>
@endsection

@section('page-control-scripts')
    @php
        $client_email = __('neutral_words')['none_2'] != $reservation->client->client_email
            ? $reservation->client->client_email
            : "";
    @endphp

    <script>
      // Action Buttons
        function printTicket() {
            window.print();
        }

        function sendEmailTicket() {
            Swal.fire({
                icon: "warning",
                title: "{{ $reservation_ticket['ticket_sender']['title'] }}",

                html: `
                    <small>
                        {!! $reservation_ticket['ticket_sender']['warnings'] !!}
                    </small>
                `,

                input: 'email',
                inputLabel: "{{ $reservation_ticket['ticket_sender']['label'] }}",
                inputValue: "{{ $client_email }}",
                inputPlaceholder: 'email@gmail.com',

                showCancelButton: true,
                confirmButtonText: "{{ __('common_actions')['send'] }}",
                cancelButtonText: "{{ __('common_actions')['cancel'] }}",
                showLoaderOnConfirm: true,

                didOpen: () => {
                    const label = Swal.getPopup().querySelector('.swal2-input-label');
                    label.classList.add('section-title');
                },

                preConfirm: async function (email) {
                    if (!email) {
                        return false;
                    }

                    const url = "{{ route('reservation.tickets.fullStays.sendTicket', $reservation->id) }}";
                    const token = $('meta[name="csrf-token"]').attr('content');

                    try {
                        const resp = await $.ajax({
                            url: url,
                            method: 'POST',

                            data: JSON.stringify({ email: email }),

                            contentType: 'application/json; charset=utf-8',
                            dataType: 'json',
                            headers: { 'X-CSRF-TOKEN': token },
                        });

                        return resp;
                    } catch (xhr) {
                        let msg = "{{ __('common_responses_and_messages')['email_not_sent'] }}";
                            if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;

                        if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                            const firstKey = Object.keys(xhr.responseJSON.errors)[0];
                            msg = xhr.responseJSON.errors[firstKey][0];
                        }

                        Swal.showValidationMessage(msg);
                    }
                },

                allowOutsideClick: () => !Swal.isLoading()
            }).then((result) => {
                if (result.isConfirmed && result.value?.success)
                    launchSwalToast('success',result.value.message);
                else
                    launchSwalToast('warning', "{{ __('common_responses_and_messages')['email_not_sent'] }}");
            });
        }

      // Support Functions
        function launchSwalToast(icon, title) {
            Swal.fire({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 5000,
                timerProgressBar: true,
                title,
                icon,
            });
        }
    </script>
@endsection