@extends('auth.master')

@section('title', 'Comprar')

@section('content')
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">{{ $evento->nombre }} - {{ date('d/m/y H:i', strtotime($evento->fecha))}}
            </p>
            {{ Form::open(['route' => ['checkout', $evento->hash], 'method'=>'POST']) }}
            {{ csrf_field() }}
            <div class="input-group mb-3">
                {{ Form::text('name', null, ['required' => "required", 'placeholder' => 'Tu Nombre y Apellido', 'class'=>'form-control']) }}
                <div class="input-group-append">
                    <div class="input-group-text">
                        <span class="fas fa-user fa-lg"></span>
                    </div>
                </div>
            </div>
            <div class="input-group mb-3">
                {{ Form::text('telefono', null, ['required' => "required", 'placeholder' => 'Tu Celular (54 911 1234 1234)', 'class'=>'form-control']) }}
                <div class="input-group-append">
                    <div class="input-group-text">
                        <span class="fa-solid fa-mobile-screen-button fa-lg"></span>
                    </div>
                </div>
            </div>
            <div class="input-group mb-3">
                {{ Form::email('email', null, ['required' => "required", 'placeholder' => 'Tu Email', 'class'=>'form-control']) }}
                <div class="input-group-append">
                    <div class="input-group-text">
                        <span class="fas fa-envelope fa-lg"></span>
                    </div>
                </div>
            </div>
            <div class="input-group mb-3">
                {{ Form::select('entrada_id', $ddEntradas , null, ['required' => 'required', 'class' => 'form-control', 'placeholder'=>'Seleccione la Entrada']) }}
                <div class="input-group-append">
                    <div class="input-group-text">
                        <span class="fas fa-ticket fa-lg"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    @if($evento->act)
                        {{form::submit('Pagar', array('class'=> 'btn btn-outline-secondary btn-md btn-block'))}}
                    @else
                        <button class="btn btn-outline-secondary btn-block" disabled>Pagar</button>
                    @endif
                </div>
            </div>
            {{ Form::close() }}
            <br>
            <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>Como compro mi entrada?</b></h5>
                    <p>
                        Ingresá tu nombre y apellido, tu celular con código de país y área Ej: 54 911 1234 1234 (Tu número de Whatsapp), tu email y elegí tu entrada.
                        <br>
                        Luego clickea sobre "Pagar", te redigiremos a Mercado Pago para que puedas pagar con tu tarjeta de crédito, débito o con dinero en tu cuenta.
                    </p>
                    <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