@extends('auth.master')

@section('title', 'Buy')

@section('content')
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">Ya casi tienes tu entrada para <b>{{ $evento->nombre }}</b> {{ date('d/m/y - H:i', strtotime($evento->fecha))}}Hs.</p>
            <p class="login-box-msg">Tenes 24hs para envia una transferencia a<br>Alias: <b>wondert</b><br>CVU: <b>0000003100045848940703</b><br> Por: <b>$ {{number_format($montoTotal,0 ,'', '.')}}</b></p>
            <p class="login-box-msg">Vamos a buscar transferencias a nombre de alguno de los invitados que cargaste, si mandas el dinero de otra cuenta por favor avisanos por WhatsApp.</p>
            <p class="login-box-msg">Apenas procesemos tu transferencia te va llegara un mensaje de Whatsapp con tu entrada QR.</p>
            <p class="login-box-msg">Recorda que las entradas son individuales, y se envian a cada perosna a los telefonos registrados.</p>
            <p class="login-box-msg">Cualquier duda que tengas no dudes en consultarnos!</p>
            <p class="mb-1">
                <a href="#" data-toggle="modal" data-target="#ayuda">Tengo Dudas</a>
            </p>
        </div>
    </div>

    <!-- Ayuda Modal -->
    <div class="modal fade" id="ayuda" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="ayudaModalLabel">Ayuda</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h5><b>Ya compré, ahora?</b></h5>
                    <p>Dentro de las 24hs que realizaste tu compra, te enviaremos un mesaje de Whatsapp con tu entrada QR y más información sobre el evento.</p>
                    <h5><b>Tengo más dudas!</b></h5>
                    <p>Si te quedaron dudas o tenés algún problema, hablá con nuestro equipo haciendo click en el botón de Whatsapp, abajo a la derecha de la pantalla.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
@endsection