@extends('producto.plantillaFormulario')
@section('titulo', $titulo)
@section('scripts')
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<script>
function fsalir(){
    location.href ="/producto/formularioPago";
}
</script>
 
@endsection
@section('contenido')
<div class="panel-body" id="formularioPago">
        <form>
        <div id="rowRealizado" class="row" style="margin-left: 294px;">
                <div class="col-12 pr-sm-5 mr-sm-4 mr-4">
                    <div id="cardRealizado" class="card mb-4" style="width:50%;">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12 pb-sm-3 px-sm-5">
                                <p class="text-center" style="font-size: 40px; color: red;"><i class="far fa-times-circle"></i></p>
                                <h6 class="text-center" style="font-size: 25px; color: red;">¡Pago rechazado!</h6>

                                <p class="text-center" style="font-size: 20px;">Pago denegado.<br> 
                               
                                <br>
                                <p style="font-size: 20px;" class="text-left text-secondary">${{number_format($pago->importe, "2", "," , ".")}}</p>
                                <hr>
                                <p class="text-secondary" style="font-size: 16px;">Código de transacción: {{$pago->idpagotransaccion}}</p>
                                <p class="text-secondary" style="font-size: 16px;">Fecha: {{date_format(date_create($pago->fecha), ('d/m/Y'))}}</p>
                                </div>
                
                                
                            </div>
                        </div>
    
                    </div>
                  
                </div>
                <div class="col-12 text-center p-0 mb-sm-4 mb-3">
                    <a href="{{$formularioDePago->url_confirmacion}}" id="linkCerrarFormulario" class="btn btn-primary font-weight-bold" style="font-size:22px !important;">Cerrar</a>
                </div>
              
        </div>
  
</div>
<style>
    @media{
        #cardRealizado{
            width:100% !important;
        }
        #rowRealizado{
            margin-left:0px !important;
        }
    }
</style>
        

@endsection