@extends('auth.master')

@section('title', 'Pagar')

@section('content')
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg">{{ $userEvento->user->nickname()}}, este es tu pedido!</p>
            <p class="login-box-msg">Saldo: <b>${{ $userEvento->user->saldo() }}</b></p>

            @if($total <= $userEvento->user->saldoRaw())
                {{ Form::open(['route' => ['entrada.carta.pagar.saldo', Hashids::encode($userEvento->id, time())], 'method'=>'POST']) }}
            @else
                {{ Form::open(['route' => ['entrada.carta.pagar.mp', Hashids::encode($userEvento->id, time())], 'method'=>'POST']) }}
            @endif

            <table class="table table-hover table-striped nowrap" style="width:100%">
                <thead>
                    <tr>
                        <th>Producto</th>
                        <th class="text-center">Cantidad</th>
                        <th class="text-right">Subtotal</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($productos as $producto)
                        <tr>
                            <td>{{ $producto->nombre }}</td>
                            <td class="text-center">{{ $producto->cantidad }}</td>
                            {{ Form::hidden('cantidad_'.$producto->id, $producto->cantidad) }}
                            <td class="text-right">$ {{ number_format($producto->precio * $producto->cantidad, 0, '', '.') }}</td>

                        </tr>
                    @endforeach
                    <tr>
                        <th>Total</th>
                        <td></td>
                        <th class="text-right">$ {{ number_format($total, 0, '', '.') }}</th>
                    </tr>
                </tbody>
            </table>
            @if($total <= $userEvento->user->saldoRaw())
                {{ Form::submit('Pagar con Saldo', array('class'=> 'btn btn-outline-success btn-block btn-lg')) }}
            @else
                {{ Form::submit('Pagar con Mercado Pago', array('class'=> 'btn btn-outline-success btn-block btn-lg')) }}
            @endif
            {{ Form::close() }}
            <br>
            <a href="javascript:history.back()" class="btn btn-outline-secondary btn-block btn-lg">Volver</a>
            <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"><i class="fa-solid fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <h5><b>Donde es?</b></h5>
                    <p>
                        El mismo dia del evento te llegara por Whatsapp la direccion del evento y tambien podras visualizarla en este link.
                    </p>
                    <h5><b>Que es mi saldo?</b></h5>
                    <p>
                        Tu entrada tambien funciona como una biletera virtual.
                    </p>
                    <hr>
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-outline-secondary btn-block" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection