@extends('layouts.master')
@section('content')
<style>
    .download-app-div {
        display:none;
    }
    
    @media only screen and (max-width: 600px){
        .text-center-resp {
            text-align: center!important;
        }
    
        .ptres-10 {
            padding-top: 10px!important;
        }
    }
    
    @media only screen and (min-width: 601px){
        .mlr-10 {
            margin-left:45px!important;
        }
    }
    
    /* @media (max-width: 613px) and (min-width: 601px){
        .mlr-10 {
            margin-left: 0px;
        }
    
        .mlr-31 {
            margin-left: 31px!important;
        }
    }​ */
</style>

<div class="container grid-lg pt-60 pl-30 pr-30">
    <div class="columns">
        <div class="col-12">
            <h2 id="data" data-all="{{ $data }}" class="text-center mb-10 text-primary bold">TRANSACCIÓN FINALIZADA</h2>
            <p class="text-center fs-18">A continuación te mostraremos un resumen de tu pago</p>
        </div>

    </div>
</div>
<div class="container grid-sm p-15">
    <div class="columns">
        <div class="col-sm-12 text-center-resp pt-30">
            <h3 class="bold text-primary">Resultado transacción</h3>
            <label class="fs-20 bold">Empresa</label>
            <p class="fs-18">{{ $merchantName }}</p>
            <label class="fs-20 bold">Descripción compra</label>
            <p class="fs-18">{{ $description }}</p>
            <label class="fs-20 bold">Fecha</label>
            <p class="fs-18">{{ $date }}</p>
        </div>

        <div class="col-sm-12 text-center-resp mlr-10 mlr-31 pt-30 ptres-10">
            <h3 class="bold text-primary">Comprobante compra</h3>
            <label class="fs-20 bold">Referencia bancaria</label>
            <p class="fs-18">{{ $transactionId }}</p>
            <label class="fs-20 bold">Referencia PayU</label>
            <p class="fs-18">{{ $reference_pol }}</p>
            <label class="fs-20 bold">Número de recibo</label>
            <p class="fs-18">{{ $referenceCode }}</p>
            <label class="fs-20 bold">Correo electrónico</label>
            <p class="fs-18">{{ $email }}</p>
            <label class="fs-20 bold">Valor compra</label>
            <p class="fs-18">$ {{ number_format($TX_VALUE, '2', '.', ',') }}</p>
            <label class="fs-20 bold">Estado</label>
            <p class="fs-18">{{ $transactionState }}</p>
        </div>
    </div>
</div>

<div class="container pb-50">
    <div class="columns">
        <div class="col-12 col-mx-auto text-center p-centered">
            <a class="btn btn-primary" href="/">Volver al inicio</a>
        </div>
    </div>
</div>
@endsection
@section('extra-footer')
<script>
    $(document).ready(function(){

        var url = window.location.href;
        var data = $('#data').attr('data-all');

        if(!url.includes('read=')){
            var newUrl = url + '&read=true';

            $.post('/membership/tracing', { _token: "{{ csrf_token() }}", account: "{{ $account }}", email: "{{ $email }}", amount: "{{ $TX_VALUE }}", type: 'finishPayment', data: data }, function( response ) {
                if(response.success){
                    console.log(response.success);
                } else {
                    console.log(response.error);
                }
            });

            window.location.href = newUrl;
        }
    });
</script>
@endsection