@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">Adquiriste tu entrada para <b>{{ $evento->nombre }}</b> {{ date('d/m/y - H:i', strtotime($evento->fecha))}}Hs.</p>
            <p class="login-box-msg">Dentro de las proximas horas, llegará un mensaje de Whatsapp con tu entrada QR.</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