{{-- Custom Styles --}}
    <style>
        .ticket {
            max-width: 300px;
            margin: 0 auto;
            padding: 10px;
            border: 0.5px solid #000;
            text-align: center;
            font-size: 12px;

            display: none !important;
        }

        .ticket table {
            width: 100%;
            text-align: left;
            border-collapse: collapse;
        }

        .ticket th,
        .ticket td {
            border-bottom: 1px solid #000;
            padding: 4px;
        }

        .ticket th {
            text-align: left;
        }
        .ticket td {
            text-align: center;
            border-bottom: 1px solid #fefefe !important;
        }

        /* Estilos específicos para la impresión */
        @media print {
            @page {
                size: 80mm auto; /* o 58mm según tu impresora */
                margin: 0;       /* para aprovechar el ancho completo */
            }

            * {
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
                color: #000 !important;
            }

            body {
                margin: 0;
                padding: 0;
                background-color: #fefefe;
                background: linear-gradient(#fefefe, 55%, #fefefe);
            }

            .ticket {
                box-shadow: none;
                margin: 0 auto;
                display: block !important;
            }

        }
    </style>

{{-- Ticket Body --}}
    <div class="rounded ticket">

        {{-- Logo --}}
        @if (Auth::user()->profile_photo === null)
            <img class="mb-3 img-fluid" style="object-fit: contain; height: auto; max-width: 65%;" src="{{ asset('images/harsi_logo.png') }}" alt="">
        @else
            <img class="mb-3 img-fluid" style="object-fit: contain; max-height: 7rem; width: auto;" src="{{ Auth::user()->profile_photo }}" alt="">
        @endif

        {{-- Titulo --}}
        <p class="pt-2 text-center">
            @if($hotel->business_name != '')
                <b class="pb-0 mb-0 text-uppercase" style="font-size: 1.1rem !important">{{$hotel->business_name}}</b>
                <br>
            @endif

            <span style="font-size: 0.65rem !important">- {{ __('tickets')['restaurant']['title'] }} -</span>
        <p>

        {{-- Detalles Generales --}}
        <p class="px-2 text-left">

            @if($hotel->business_address != '')
                <br>
                {{ __('tickets')['restaurant']['address'] }}  &nbsp;<span class="text-uppercase">{{$hotel->business_address}}</span>
            @endif


            <br><br>{{ __('tickets')['restaurant']['table'] }}  &nbsp;<span id="ticket_table" class="text-uppercase"></span>

            <br>{{ __('tickets')['restaurant']['cashier'] }} &nbsp;<span id="ticket_atended_by" class="text-uppercase">{{ Auth::user()->name }}</span>
            <br>{{ __('tickets')['restaurant']['date'] }} {{ date('Y-m-d, H:m') }}

        </p>

        {{-- Resumen del Pedido --}}
        <table class="mt-2 mb-3">
            <thead>
                <tr style="font-optical-sizing: auto; font-size: 80%">
                    <th>{{ __('tickets')['restaurant']['quantity'] }}</th>
                    <th width="40%">{{ __('tickets')['restaurant']['product'] }}</th>
                    <th>{{ __('tickets')['restaurant']['price'] }}</th>
                    <th>{{ __('tickets')['restaurant']['subtotal'] }}</th>
                </tr>
            </thead>

            <tbody id="ticket_summary"></tbody>

        </table>

        {{-- Importes --}}

            @php
                $default_monetary_value = \App\Helpers\Formats\FormatCurrencyHelper::formatCurrency(0);
                $default_total_value = \App\Helpers\Formats\FormatCurrencyHelper::formatCurrency(0, false);
            @endphp

        <p class="pt-2 mb-2 text-center border-top">

            {{-- Cantidad de Artículos Solicitados --}}
            {{ __('tickets')['restaurant']['global_quantities'] }} &nbsp;<span id="ticket_items_quantity"></span>

            {{-- Método de Pago --}}
            <br>{{ __('tickets')['restaurant']['payment_method'] }} &nbsp;<span id="ticket_method"></span>

            @if ($has_discounts)
                {{-- Total Original --}}
                <br>
                    {{ __('tickets')['restaurant']['general_import'] }}
                    &nbsp;
                    <span id="ticket_original_amount">{{ $default_monetary_value }}</span>

                {{-- Descuento % --}}
                <br>
                    {{ __('tickets')['restaurant']['discount'] }}
                    &nbsp;
                    <span id="ticket_discount">0 %</span>

                </p> <p>

                {{-- Total Final --}}
                <b><u>
                    {{ __('tickets')['restaurant']['total'] }}
                    &nbsp;
                    <span id="ticket_total">{{ $default_total_value }}</span>
                </u></b>
            @else
                {{-- Total General --}}
                <br><b><u>
                    {{ __('tickets')['restaurant']['total'] }}
                    &nbsp;
                    <span id="ticket_total">{{ $default_total_value }}</span>
                </u></b>
            @endif

            {{-- Pago --}}
            <br>
                {{ __('tickets')['restaurant']['payment'] }}
                &nbsp;
                <span id="ticket_payment">{{ $default_monetary_value }}</span>

            {{-- Cambio --}}
            <br>
                {{ __('tickets')['restaurant']['change'] }}
                &nbsp;
                <span id="ticket_change">{{ $default_monetary_value }}</span>

        </p>

        {{-- Redes Sociales --}}
        <p class="text-center">{{ __('tickets')['restaurant']['acknowledgments'] }}
            @if($hotel->business_phone != '')
                <br>{{ __('tickets')['restaurant']['phone'] }} {{$hotel->business_phone}}
            @endif
        </p>
    </div>