@extends('auth.master')

@section('title', 'Buy')

@section('pixel', $evento->pixel)

@section('content')
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg"><b>Felicitaciones!</b> <br>En minutos te va a llegar tu entrada QR por Whatsapp!</p>
            <p class="login-box-msg">
                🪩 {{ $evento->nombre }}<br>
                📅  {{ date('d/m - H:i', strtotime($evento->fecha))}}hs.
            </p>
            <p class="login-box-msg">Cualquier pregunta que tengas no dudes en consultarnos!</p>
            <p class="mb-1">
                <a href="#" data-toggle="modal" data-target="#ayuda">Tengo Preguntas</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>A los pocos minutos 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