@extends("theme.$theme.layout")
@section('content')
<div class="row">
    <div class="col-12 col-md-6 m-auto">
        <div class="card">
            @if(isset($textError))
            <div class="alert alert-danger" role="alert">
                {!!$textError !!}
              </div>
            @else
            @if(isset($alert))
            <div class="alert bg-info" role="alert">
                {!!$alert!!}
            </div>
            @endif
            <div class="card-header headerTitle">
                <div class="row">
                    <div class="col text-uppercase">
                        <h5 class="text-uppercase">Resumen de reserva</h5>
                    </div>
                    <div id="btn_print" class="col text-right text-uppercase">
                        <button type="button" class="btn btn-outline-light" onclick="imprimir()">
                            <i class="fa fa-print"></i>&nbsp;
                            Versión para imprimir
                        </button>
                    </div>
                </div>
            </div>
            @foreach ($reserva->descripcion as $descripcion)
            <div class="card-body">
                <p>
                    <strong>Cliente:</strong>
                    <span>{{ $descripcion->holder_name . " " . $descripcion->holder_surname }}</span><br>
                    <strong>Total:</strong>
                    <span>$ {{ $descripcion->room_total_net }} {{ $reserva->currency }}</span><br>
                    <strong>Hotel:</strong>
                    <span>{{ $descripcion->hotel->name }}</span><br>
                    <strong>Fecha entrada:</strong>
                    <span>{{ \Carbon\Carbon::parse($descripcion->checkin)->isoFormat('MMMM D, YYYY') }}</span><br>
                    <strong>Fecha salida:</strong>
                    <span>{{ \Carbon\Carbon::parse($descripcion->checkout)->isoFormat('MMMM D, YYYY') }}</span><br>
                    <strong>Folio de reserva:</strong>
                    <span>{{ $descripcion->reference }}</span><br>
                    <strong>Estado de la reserva:</strong>
                    <span>{{ $descripcion->estatus }}</span><br>
                </p>
            </div>
            @endforeach
            @endif
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    function imprimir() {
        window.print();
    }
</script>
@endsection