@extends('layout.master')

@section('title')
    Confirmación de Pago
@stop
@section('styles')


    <link href="{{ asset('assets/plugins/custombox/dist/custombox.min.css') }}" rel="stylesheet">

    <style>
        .notifyjs-metro-error {
            color: #fafafa !important;
            background-color: #ef5350;
            border: 1px solid #ef5350;
        }
        .notifyjs-metro-success {
            color: #fafafa !important;
            background-color: #61AB65;
            border: 1px solid #61AB65;
        }

        .card-box{
            border: 1px solid #dcdcdc;
        }

        .wrapper-page {
            margin: 30px auto;
            position: relative;
            width: 500px;
        }

        .notifyjs-metro-custom {
            position: relative;
            min-height: 52px;
            min-width: 250px;
            color: #444;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        }

        .notifyjs-metro-custom .text-wrapper {
            display: inline-block;
            vertical-align: top;
            text-align: left;
            margin: 10px 10px 10px 52px;
            clear: both;
        }

        .notifyjs-metro-custom .image {
            display: table;
            position: absolute;
            height: auto;
            width: auto;
            left: 15px;
            top: 23%;
            font-size: 24px;
        }

        .notifyjs-metro-custom .title {
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 5px;
            font-weight: bold;
        }


        .notifyjs-metro-custom .text {
            font-size: 12px;
            font-weight: normal;
            max-width: 360px;
            vertical-align: middle;
        }


        .table thead{
            background-color: #61AB65 !important;

        }
        .table thead tr th{
            color: #fff;
        }

        .swal2-modal h2 {
            color: #e8740d;
        }
        .swal2-confirm{
            border-left-color: #e8740d !important;
            border-right-color: #e8740d !important;
            background-color: #e8740d !important;
        }

        .swal2-cancel{
            border-left-color: #e6e7e8 !important;
            border-right-color: #e6e7e8 !important;
            background-color: #e6e7e8 !important;
            color: #000 !important;

        }

        @media (max-width: 991px){
            .wrapper{
                margin-top: 30px;
            }
        }
        @media (max-width: 767px) {
            .wrapper-page {
                width: 90%;
            }
        }

        @media (min-width: 768px) {
            .dl-horizontal dt {
                float: left;
                width: 55%;
                overflow: hidden;
                clear: left;
                text-align: right;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding-right: 16px;
                color: #346ebd;
            }
            .dl-horizontal dd {
                margin-left: 230px;
            }
        }
    </style>
@endsection

@section('region_editable')

    <div class="row">
        <div class="col-lg-12">
            <div class="col-xs-12">
                @include('alerts.index')
            </div>
        </div>
    </div>
    <div class="row">

        <div class="wrapper-page">
            <div class="m-t-30 card-box">

                <div class="text-center" style="padding-bottom: 20px">

                    <h4 class="text-uppercase font-bold m-b-0" style="font-weight: bold; color: #326dbd; font-size: 19px" ><i class="fa fa-cc-visa" aria-hidden="true"></i> Confirmación de pago</h4>

                </div>
                <div>
                    <div class='panel-body'>
                        <div class='form-group'>
                            <div class='col-xs-12'>
                                <dl class='dl-horizontal m-b-0'>
                                    <dt>
                                        Estado de la operaci&oacute;n
                                    </dt>
                                    <dd>
                                         {{$WSResult['estado']}}
                                    </dd>
                                    <dt>
                                        N&uacute;mero de Pedido
                                    </dt>
                                    <dd>
                                        {{ $WSResult['num_pedido']}}
                                    </dd>
                                    <dt>
                                        Fecha y hora del Pedido
                                    </dt>
                                    <dd>
                                        {{$WSResult['fecha']}}
                                    </dd>
                                    @if($WSResult['estado']=="AUTORIZADO")

                                        <dt>
                                            Nombre del Tarjeta habiente
                                        </dt>
                                        <dd>
                                            {{ $WSResult['nombre_th'] }}
                                        </dd>
                                        <dt>
                                            Numero de Tarjeta
                                        </dt>
                                        <dd>
                                            {{ $WSResult['pan'] }}
                                        </dd>

                                        <dt>
                                            Importe de la transacción
                                        </dt>
                                        <dd>
                                            {{ $WSResult['imp_autorizado'] }}
                                        </dd>
                                        <dt>
                                            Moneda
                                        </dt>
                                        <dd>
                                            Soles (S/.)
                                        </dd>

                                        <dt>
                                            Descripción del producto
                                        </dt>
                                        <dd>
                                            Pago de impuestos y arbitrios
                                        </dd>
                                    @endif

                                    @if($WSResult['estado']=="DENEGADO")
                                        <dt>
                                            Motivo de denegación
                                        </dt>
                                        <dd>
                                            {{$WSResult['cod_error']}}
                                        </dd>
                                    @endif
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
                @if($WSResult['estado']=="AUTORIZADO")
                    <div class="col-lg-12">
                        <div class='col-xs-12'>
                            <div class='alert alert-info' role='info'style='margin-top: 24px;    background: #f75757 !important;  color: #fff !important;  border-color: #f75757 !important;'>
                                <span class='glyphicon glyphicon-exclamation-sign' aria-hidden='true'></span>
                                <span class='sr-only'>Error:</span>
                                Le recomendamos que imprima esta página para su control
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="card-box" style="text-align: center; border: 0px">
                            <div class="col-lg-6">
                                <a href="#terminos-condiciones" data-animation="door" data-plugin="custommodal" data-overlaySpeed="100" data-overlayColor="#36404a">Términos y condiciones</a>
                            </div>
                            <div class="col-lg-6">
                                <a href="#politicas-devolucion" data-animation="door" data-plugin="custommodal" data-overlaySpeed="100" data-overlayColor="#36404a">Políticas de Devolución</a>
                            </div>
                        </div>
                    </div>
                     <div class="form-group text-center">
                        <button type="button" id="action-email" class="btn btn-success btn-rounded w-md waves-effect waves-light m-b-5 " style="background-color: #61AB65; color: #fff !important; border: 1px ">Enviar por Correo <span class="m-l-5"><i class="fa fa-envelope-o" aria-hidden="true"></i></span></button>
                        <button type="button"  style="background-color: #1A984D; color: #fff" onclick="window.location.href='{{url('cuenta/'.Session::get('General'))}}'" class="btn btn-custom btn-bordred waves-effect w-md m-b-5" data-toggle="dropdown" aria-expanded="false">Visualizar recibo <span class="m-l-5"><i class="fa fa-file-pdf-o" aria-hidden="true"></i></span></button>
                    </div>
                @endif
                <div class="form-group text-center">
                    <button type="button" onclick="window.location.href='{{ url('/') }}'" style="background-color: #61AB65; color: #fff" class="btn btn-custom btn-bordred waves-effect w-md m-b-5" data-toggle="dropdown" aria-expanded="false">Regresar <span class="m-l-5"><i class="fa fa-arrow-right" aria-hidden="true"></i></span></button>
                </div>
            </div>
        </div>




        <div id="terminos-condiciones" class="modal-demo">
            <button type="button" class="close" onclick="Custombox.close();">
                <span>&times;</span><span class="sr-only">Close</span>
            </button>
            <h4 class="custom-modal-title">Términos y Condiciones</h4>
            <div class="custom-modal-text">
                Este servicio le permitirá al contribuyente realizar el pago de sus tributos y obligaciones administrativas sin necesidad de hacer filas, sin perder tiempo y desde la comodidad de su domicilio o lugar de trabajo. La intención es facilitar los trámites al contribuyente, de manera que no tenga que acudir a las Oficinas de la Municipalidad, y pueda interactuar con el Municipio de manera sencilla, rápida y sin tener que moverse de su lugar. Para acceder a este servicio el contribuyente deberá contar con una tarjeta de crédito o de debito afiliada a VISA. Para que se puedan realizar los pagos en línea, la Municipalidad de San Isidro ha desarrollado un Sistema de Pagos que garantiza y respalda las operaciones que pueda realizar. Una vez que e! contribuyente decide hacer el pago vía Internet, el cargo a su tarjeta de crédito o débito se hará en el momento en que se selecciona el botón "Pagar", posteriormente aparecerá una pantalla de información en la cual se podrá visualizar el resultado de la operación.
            </div>
        </div>
        <div id="politicas-devolucion" class="modal-demo">
            <button type="button" class="close" onclick="Custombox.close();">
                <span>&times;</span><span class="sr-only">Close</span>
            </button>
            <h4 class="custom-modal-title">Políticas de Devolución</h4>
            <div class="custom-modal-text">
                <ol style="text-align: left">
                    <li><b>Políticas de Devolución</b>
                        <br>
                        <br>
                        Una vez confirmado el pedido (al seleccionar el botón Pagar) no hay opción a cancelarlo,
                        en tal sentido es necesario que antes de generar el pago verifique bien toda la
                        información.<br>
                        <br>
                        La Municipalidad de la Molina no realizará devoluciones de dinero que le corresponda
                        al contribuyente, pero si podrá solicitar Compensaciones y/o Transferencias de acuerdo
                        al Art. 40 Código Tributario D.S. Nº 135-99-EF del 19.08.99.<br>
                        <br>
                    </li>
                    <li><b>Procedimiento para solicitar Transferencia y/o Compensación</b>
                        <br>
                        <br>
                        <ul>
                            <li>Acercarse a la Municipalidad de la Molina a la Gerencia de Administración Tributaria.<br>
                            </li>
                            <li>En la Sub-Gerencia de Control y Recaudación, le entregarán una Solicitud
                                dirigida al Señor Alcalde en la cual usted deberá indicar el tributo y período materia
                                de Transferencia y/o Compensación.<br>
                            </li>
                            <li>Y la transferencia se realiza en ese mismo momento<br>
                            </li>
                            <li>El trámite es gratuito.<br>
                            </li>
                            <li>Tiempo<br>
                                La Solicitud de Compensación y/o transferencia deberá ser presentada en un lapso
                                de tiempo menor al establecido en el Art. 43º y 44º del Código Tributario, pasado
                                este tiempo no hay lugar a reclamo.<br>
                            </li>
                        </ul>
                    </li>
                </ol>
            </div>
        </div>


    </div>
@endsection
@section('js')
    <script src="{{ asset('assets/plugins/custombox/dist/custombox.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/custombox/dist/legacy.min.js') }}"></script>
    <script>
        $('#action-email').on('click', function() {
            swal({
                title: 'Enviar detalle de pago',
                text: 'Escribe aquí tu correo',
                input: 'email',
                showCancelButton: true,

                cancelButtonText: "Cerrar",

                confirmButtonText: 'Enviar',
                inputPlaceholder: "Nombre@ejemplo.com"

            }).then(function(email) {
				
				window.loading_screen = window.pleaseWait({
						logo: '{{ asset('assets/images/logoleft.svg') }}',
						backgroundColor: '#1ab6ff',
						loadingHtml: "<p class='loading-message' style='color: #fff'>Enviando correo...</p><div class='spinner' style='color: #fff'><div class='rect1'></div><div class='rect2'></div><div class='rect3'></div><div class='rect4'></div><div class='rect5'></div></div>"
						});
				
                $.ajax(
                        {
                            type: "get",
                            url: "/MOLINA.PAGOS/public/index.php/reciboemail/"+email
                        }
                        )
                        .done(function(data) {
							window.loading_screen.finish();
                            swal({
                                type: 'success',
                                html: 'El correo <strong>' + email + '</strong>  ha sido enviado'
                            });
                        })
                        .error(function(data) {
							window.loading_screen.finish();
                            swal("Ups", "Ocurrio un error con el envio de correo!", "error");
                        });
            }).done();
        });
    </script>
@endsection