@extends('layouts.dashboard')
@section('css')
@endsection

@section('content')
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>Cuentas bancarias
                        <div class="page-title-subheading">
                            Listado de cuentas bancarias
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-8">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ url('/control/pagos/cuentas') }}">Cuentas bancarias</a>
                            </li>
                            <li class="active breadcrumb-item" aria-current="page">Listado</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="animated fadeIn">
        <!-- /Widgets -->
        @can('cfdi.create')
            <div class="h4 mb-0" style="margin-top: 0px;text-align: end;padding-bottom: 15px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{{ url('/control/pagos/cuentas/create') }}" class="btn btn-primary">
                    <i class="fa fa-plus"></i>&nbsp;&nbsp; Nueva cuenta&nbsp;&nbsp;
                </a>
            </div>
        @endcan
        <!-- .row -->
    </div>
    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif
    @if (session('danger'))
        <div class="col-md-12 text-center">
            <div class="alert alert-danger alert-dismissable col-md-12" style="word-break:break-all" role="progressbar"
                aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <strong>{{ session('danger') }}</strong>
            </div>
        </div>
    @endif
    <div class="main-card mb-3 card">
        <div class="card-body">
            <div id="example_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row">
                    <div class="col-sm-12">
                        <table style="width: 100%;" id="tbl_cuentas"
                            class="table table-hover table-striped table-bordered dataTable dtr-inline" role="grid"
                            aria-describedby="example_info">
                            <thead style="font-size: 14px;">
                                <tr role="row">
                                    <th class="sorting_asc" tabindex="0" aria-controls="example" rowspan="1"
                                        colspan="1" style="width: 261.2px;" aria-sort="ascending"
                                        aria-label="Name: activate to sort column descending">Nombre</th>


                                    <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 102.2px;" aria-label="Age: activate to sort column ascending">
                                        Cuenta bancaria</th>

                                    <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 102.2px;" aria-label="Age: activate to sort column ascending">
                                        Alias </th>

                                    <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 194.2px;" aria-label="Start date: activate to sort column ascending">
                                        Acciones</th>
                                </tr>
                            </thead>
                            <tbody style="font-size: 14px;">

                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        const _meses_ = {
            '01': 'enero',
            '02': 'febrero',
            '03': 'marzo',
            '04': 'abril',
            '05': 'mayo',
            '06': 'junio',
            '07': 'julio',
            '08': 'agosto',
            '09': 'septiembre',
            '10': 'octubre',
            '11': 'noviembre',
            '12': 'diciembre'
        };

        $(document).ready(function() {
            __cuentas__ = $('#tbl_cuentas').DataTable({
                "processing": true,
                "serverSide": true,
                "responsive": true,
                "ajax": base_url + "/control/pagos/cuentas",
                "dataType": "JSON",
                "type": "POST",
                buttons: [{
                        extend: 'copy',
                        className: 'btn buttom_datatables'
                    },
                    {
                        extend: 'excel',
                        className: 'btn buttom_datatables'
                    },
                    {
                        extend: 'colvis',
                        className: 'btn buttom_datatables'
                    },
                ],
                "columns": [{
                        "data": "nombre"
                    },
                    {
                        "data": "no_cuenta_bancaria",
                    },
                    {
                        "data": 'nota_interna',
                    },
                    {
                        data: 'action',
                        name: 'Acciones',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
        });

        var cuentas = (function() {
            var __default__ = function(__id_adi_banco__) {
                $.ajax({
                        url: base_url + "/control/pagos/cuentas/default",
                        type: 'post',
                        data: {
                            id_default: __id_adi_banco__
                        },
                    })
                    .done(function(response) {
                        console.log(response)
                        __cuentas__.draw();
                    })
                    .fail(function(jqXHR, textStatus, errorThrown) {
                        __cuentas__.draw();
                    })
            }
            var __delete__ = function(__id_adi_banco__) {

                swal({
                        //title: "Requisite los campos marcados con un '*'",
                        text: "Al eliminar la cuenta bancaria, podrá seguir visualizando los comprobantes emitidos, pero ya no podrá asociar más comprobantes a esta cuenta. ¿Está seguro de querer eliminar esta cuenta bancaria?",
                        //icon: "success",
                        buttons: true,
                        buttons: ["Cancelar", "Continuar"],
                        dangerMode: true,
                    })
                    .then((willDelete) => {
                        if (willDelete) {
                            $.ajax({
                                    url: base_url + "/control/pagos/cuentas/delete",
                                    type: 'post',
                                    data: {
                                        id_adi_banco: __id_adi_banco__
                                    },
                                })
                                .done(function(response) {
                                    __cuentas__.draw();
                                    swal(response.msg);
                                })
                                .fail(function(jqXHR, textStatus, errorThrown) {
                                    __cuentas__.draw();
                                })
                        }
                    });
            }
            return {
                "Default": __default__,
                "Delete": __delete__
            }
        })();
    </script>
@endsection