@extends('layouts.app')

@section('mis-envios')

    <main class="py-4">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <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>{{ __('Resumen') }}</h3>

                            {!! $misEnviosForm !!}

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

                            {!! $misEnviosResumen !!}

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

                            {!! $misEnviosResumenTotal !!}

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

                            {!! $misEnviosResumenPagar !!}

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

    <script>
        $('#misEnviosResumen').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { className: 'text-center', targets: [1, 2] },
                { 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 },
                { orderable: false },
                { orderable: false }
            ]
        });

        $('#misEnviosResumenTotal').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { className: 'text-center', targets: [1, 2] },
                { 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 },
                { orderable: false },
                { orderable: false }
            ]
        });

        $('#misEnviosResumenPagar').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { className: 'text-center', targets: [1, 2] },
                { 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 }
            ]
        });
    </script>

@endsection