@extends('layouts.lessmainlayout')

@section('content')
<section id="ayuda-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 elemento-fonrm-uno vh-50 p-5 mt-4 mb-4 rounded">
                <div class="row d-flex align-items-center">
                    <div class="col-md-6 text-center">
                        <h2>{{ $respuestaPago }}</h2>
                        <p>{{ $subtitle }}</p>
                    </div>
                    <div class="col-md-6 fondo-form mt-4 shadow rounded">
                        <h2>Información de la transacción:</h2>
                        <div class="d-flex justify-content-between txt-precio">
                            <p>Estado</p>
                            <p>{{ $nbResponse }}</p>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-between txt-precio">
                            <p>Referencia</p>
                            <p>{{ $referencia }}</p>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-between txt-precio">
                            <p>Importe</p>
                            <p>{{ $importe }}</p>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-between txt-precio">
                            <p>Correo Electrónico</p>
                            <p> {{ $email }}</p>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-between txt-precio">
                            <p>Autorización</p>
                            <p>  {{ $nuAut }}</p>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-center txt-precio">
                        <a href="{{ url('/home') }}" target="_top" class="btn btn-success">
                            <i class="fa fa-money" aria-hidden="true"></i> Realizar otro Pago</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection