@extends('layouts.app')

@section('mis-envios')

    <main class="py-4">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="card">
                        <h5 class="card-header bg-primary text-white" style="font-size: larger; font-weight: bold;">{{ __('Mis Envios') }}</h5>
                        <div class="card-body">

                            <h3>{{ __('Transbank') }}</h3>

                            {!! $misEnviosResumenTransbankForm !!}

                            <hr style="width: 100%;">

                            {!! $misEnviosResumenTransbankOrden !!}

                            <hr style="width: 100%;">

                            {!! $misEnviosResumenTransbankProducto !!}

                            <hr style="width: 100%;">

                            <h4><b>{{ __('WebPay Plus') }}</b></h4>
                            <p>{{ __('Te redirigiermos al sitio de WebPay para finalizar el proceso de pago.') }}</p>

                            <div class="alert alert-primary alert-dismissible fade show mb-0" role="alert">
                                {{ __('Recuerda regresar al sistema Courier para finalizar tu proceso de pago.') }}
                                <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                            </div>

                            <hr style="width: 100%;">

                            {!! $misEnviosResumenTransbankPagar !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <script>
        $('#misEnviosResumenTransbankOrden').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { responsivePriority: 1, targets: 0 },
                { responsivePriority: 2, targets: 1 }
            ],
            order: false,
            paging: false,
            searching: false,
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { orderable: false }
            ]
        });

        $('#misEnviosResumenTransbankProducto').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { responsivePriority: 1, targets: 0 },
                { responsivePriority: 2, targets: 1 }
            ],
            order: false,
            paging: false,
            searching: false,
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false }
            ]
        });

        $('#misEnviosResumenTransbankPagar').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { responsivePriority: 1, targets: 0 },
                { responsivePriority: 2, targets: 1 }
            ],
            order: false,
            paging: false,
            searching: false,
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { orderable: false },
                { orderable: false }
            ]
        });
    </script>

@endsection