@extends('layouts.reports')

@section('title')
Hotel | {{ __('reports.hotel.statisticalReports.ingresos.revenues_per_period_and_room_type') }}
@endsection

@section('content')

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

        $has_itemized_taxes_reports = SystemFeaturesHelper::getFeatureStatus('itemized_taxes_reports');
    @endphp

    {{-- Special Styles --}}
    <style>
        td {
            font-size: 0.9rem;
        }

        .td-minus {
            font-size: 0.84rem;
        }

        table th, table td {
            vertical-align: middle !important;
        }

        .dataTables_info{
            color: white;
        }

        ul li {
            padding-bottom: 5px; /* Adds space below each list item */
        }
    </style>

    {{-- Content --}}
    <div class="mt-4 container-fluid">

        {{-- Header --}}
        <section class="flex-wrap px-3 d-flex justify-content-between align-items-center cardtitle oculto-impresion">

            {{-- Action & Titles --}}
            <div class="flex-wrap py-2 justify-content-between align-items-center d-flex">
                {{-- Buttons --}}
                <div class="mr-2 d-flex">
                    {{-- Go Back --}}
                    <a type="button" href="{{ route('hotel.reports') }}"
                        class="mx-1 fixed-width oculto-impresion btn return-button"
                    >
                        <img src="{{ asset('icons/arrow_inverse.svg') }}">
                    </a>

                    {{-- Print --}}
                    <button onclick="imprimir()"
                        class="px-0 mx-1 fixed-width oculto-impresion btn harsi-button"
                    >
                        <img src="{{ asset('icons/print.svg') }}">
                    </button>

                    {{-- Download as CSV --}}
                    <button onclick="print_csv()"
                        class="px-0 mx-1 btn btn-success fixed-width oculto-impresion download-csv-button"
                        title="{{ __('reports')['hotel']['common']['download'] }}"
                    >
                        <img src="{{ asset('icons/csv_white.svg') }}">
                    </button>

                    {{-- Tax Breakdown --}}
                    @if ($has_itemized_taxes_reports)
                        @include('shared.utils.report-complements.hotel-grouped-tax-breakdown-dropdown')
                    @endif
                </div>

                {{-- Title --}}
                <h5 class="mb-0 oculto-impresion">
                    {{ __('reports.hotel.statisticalReports.ingresos.revenues_per_period_and_room_type') }}
                </h5>
            </div>

            {{-- Filter Form --}}
            <form id="incomes_period" class="py-2 d-flex align-items-center">
                {{-- From --}}
                <div class="mx-1 input-group">
                    <div class="input-group-prepend">
                        <span class="px-3 input-group-text harsi-color fw-bold">
                            {{ __('reports')['hotel']['common']['from'] }}
                        </span>
                    </div>

                    <input type="date" id="from" class="form-control"
                        value="{{ now()->startOfWeek(0)->format('Y-m-d') }}">
                </div>

                {{-- To --}}
                <div class="mx-1 input-group">
                    <div class="input-group-prepend">
                        <span class="px-3 input-group-text harsi-color fw-bold">
                            {{ __('reports')['hotel']['common']['to'] }}
                        </span>
                    </div>

                    <input type="date" id="to" class="form-control"
                        value="{{ now()->endOfWeek(6)->format('Y-m-d') }}">
                </div>

                {{-- Submit --}}
                <button type="submit" class="mx-2 btn harsi-button">
                    {{ __('common_actions')['filter'] }}
                </button>
            </form>

        </section>

        {{-- Title for Print --}}
        <section class="mb-4">
            <h2 class="text-center col-lg-12" id="uno">
                {{ __('reports.hotel.statisticalReports.ingresos.revenues_per_period_and_room_type') }}
            </h2>
            <h3 class="mt-1 text-center col-lg-12 fw-bold" id="uno"><span id="period_of_incomes"></span></h3>
        </section>

        {{-- Summary Table --}}
        @include('hotel.reports.shared.tax-summary-card', [
            'card_width' => 60,
            'show_general_total' => false,
            'title_card' => __('reports')['hotel']['statisticalReports']['incomes']['title'],
        ])

        {{-- Table --}}
        <section class="my-1 table-responsive col-12">
            <table class="table text-center cardtable" id="incomes_table">
                <thead>
                    <tr class="cardtabletr">
                        <th class="text-center" rowspan="2" colspan="1">{{ __('entity_fields')['common']['date'] }}</th>
                        <th class="text-center" colspan="2">{{ __('reports')['hotel']['statisticalReports']['incomes']['room_count'] }}</th>
                        <th class="text-center" colspan="4">{{ __('reports')['hotel']['statisticalReports']['incomes']['income_by_payment_method'] }}</th>
                    </tr>
                    <tr class="cardtabletr">
                        <th class="text-center th_minus" scope="col">{{ __('modules')['dashboard']['hotel']['room_types'] }}</th>
                        <th class="text-center th_minus" scope="col">{!! __('reports')['hotel']['statisticalReports']['incomes']['occupied_rooms'] !!}</th>

                        <th class="text-center th_minus" scope="col">{{ __('reports')['hotel']['common']['lodging'] }}</th>
                        <th class="text-center th_minus" scope="col">{{ __('reports')['hotel']['common']['consumption'] }}</th>
                        <th class="text-center th_minus" scope="col">{{ __('reports')['hotel']['common']['extras'] }}</th>
                        <th class="text-center th_minus" scope="col" width="9%">Total</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr id="main_total_row">
                        <th scope="row" colspan="6" class="text-right">
                            {{ __('reports')['hotel']['common']['total'] }}
                            <div id="tax_breakdown_disclaimer"></div>
                        </th>
                        <td class="text-center td-minus"><b id="total_incomes"></b></td>
                    </tr>
                </tfoot>
            </table>
        </section>

    </div>

    <script>
        // Global Controls
        $(document).ready(function () {
          // Hide TaxBreakdown
            $('#tax-summary-card').toggle();

          // Redraw Table for Filter
            $('#incomes_period').on('submit', function (e) {
                e.preventDefault();
                reportTable.ajax.reload();
            });

          // Table Controller
            const reportTable = $('#incomes_table').DataTable({
                language: getDataTableLanguageConfig(),
                order: [0, 'asc'],

                lengthMenu: [
                    [-1, 5, 10, 25, 50, 100],
                    ['All', 5, 10, 25, 50, 100]
                ],

                processing: false,
                serverSide: true,

                ajax: {
                    url: "{{ route('hotel.reports.incomePerPeriodAndRoomType') }}",
                    type: "GET",
                    data: function (d) {
                        d.start_date = $('#from').val();
                        d.end_date = $('#to').val();
                    }
                },

                columns: [
                    { data: 'date', name: 'date' },
                    {
                        data: 'room_types', name: 'room_types',
                        orderable: false, searchable: false
                    },
                    { data: 'occupied_rooms_quantity', name: 'occupied_rooms_quantity' },
                    {
                        data: 'lodging_incomes', name: 'lodging_incomes',
                        orderable: false, searchable: false
                    },
                    {
                        data: 'consumption_incomes', name: 'consumption_incomes',
                        orderable: false, searchable: false
                    },
                    {
                        data: 'extra_incomes', name: 'extra_incomes',
                        orderable: false, searchable: false
                    },
                    { data: 'total_income', name: 'total_income' }
                ],

                drawCallback: function (settings) {
                  //* Control Data
                    const json = settings.json || {};
                    const total_incomes = json.totals;

                  //* Compute Totals
                    const totals = json.data.reduce((acc, item) => {
                        acc.total_income += parseFloat(
                            (item.total_income_simple || '0').toString().replace(/,/g, '')
                        );

                        return acc;
                    }, {
                        total_income: 0
                    });

                  //* Update Breakdown Configuration
                    HOTEL_TAX_BREAKDOWN_ENGINE.totals = total_incomes;

                  //* Totals
                    $('#lodging_total').text( formatCurrency(total_incomes.lodging) );
                    $('#consumption_total').text( formatCurrency(total_incomes.consumption) );
                    $('#extras_total').text( formatCurrency(total_incomes.extras) );
                    $('#total_incomes').html( formatCurrency(totals.total_income || 0.00) );
                }
            });

        });

        // Table Data Cycle
        const cargarTabla = () => $('#incomes_table').DataTable().ajax.reload(null, false);
        $(document).ready(() => setInterval(cargarTabla, 45000));

        // Print Report
        function imprimir() {
            const beforePrint = function () {
                const from = $('#from').val();
                const to = $('#to').val();

                $('#period_of_incomes').text(`${formatDate(from)} - ${formatDate(to)}`);
            };

            if (isIosDevice()) {
                openPrintWindow(beforePrint);
            } else {
                beforePrint();
                window.print();
            }
        }

        // Download CSV
        function print_csv() {
            // Control Data
            const from = $('#from').val();
            const to = $('#to').val();

            // Remove last illusionary form
            $('#csv_export_form').remove();

            // Build illusionary Form
            const form = $('<form>', {
                id: 'csv_export_form',
                method: 'POST',
                action: '/hotel/csv/income-per-period-and-room-type',
                style: 'display:none;',
            });

            // Append CSRF Token
            form.append(`
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
            `);

            // Append Request Data
            form.append(`
                <input type="hidden" name="start" value='${from}'>
                <input type="hidden" name="end" value='${to}'>
            `);

            // Append Tax Breakdown
            form.append(`
                <input type="hidden" name="tax_breakdown"
                    value='${JSON.stringify(HOTEL_TAX_BREAKDOWN_ENGINE)}'
                >
            `);

            // Submit Illusionary form
            $('body').append(form);
            form.trigger('submit');

            // Automatic Form Removal
            setTimeout(() => { form.remove() }, 1000);
        }

        // Tax Breakdown Configuration
        const sections = ['lodging', 'consumption', 'extra'];

        const HOTEL_TAX_BREAKDOWN_ENGINE = {
            is_applied: false,
            is_notified: false,

            table_selector: '#example',
            sections: {},

            totals: {
                lodging: 0,
                consumption: 0,
                extras: 0,
                final: 0
            },

            taxes: {
                lodging: [],
                consumption: [],
                extras: []
            }
        };

        function renderHotelBreakdown(data) {
            $('#main_total_row, #tax-summary-card').show();

            sections.forEach(section => {
                renderSection(section, data[section === 'extra' ? 'extras' : section]);
            });
        }

        function spreadResetActions() {
          // Hide breakdown section
            $('#main_total_row, #tax-summary-card').hide();
        }


    </script>

@endsection