@extends('coopdigital::diseños.plantilla')

@section('tituloPlantilla', 'Trans. de certificados')

@section('cssPlantilla')

    <!-- Font Awesome v5.15.4  -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/font-awesome/5.15.4/css/fontawesome.css') }}">

    <!-- Date Range Picker v3.1.0 -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/daterangepicker/3.1.0/css/daterangepicker.css') }}">

    <!-- ? Data Tables v1.12.0 -->

    <!-- Data Tables Bootstrap 5 v1.12.0 (personalizado) -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/css/datatables.css') }}">

    <!-- Buttons Bootstrap 5 v2.2.3 -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/css/buttons-bootstrap-5.min.css') }}">

    <!-- Responsive Data Tables v2.3.0 -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/responsive/2.3.0/css/responsive-datatables.min.css') }}">

    <!-- Scroller Data Tables v2.0.6 -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/scroller/2.0.6/css/scroller-datatables.css') }}">

    <!-- ? /Data Tables v1.12.0 -->

    <!-- CSS -->
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/css/vista/diseños/tablaRegistrosFiltro.css') }}">
    <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/css/vista/panel/transacciones/certificados.css') }}">

@endsection

@section('contenidoPlantilla')

    <div class="page-heading">
        <div class="page-title">
            <div class="row">
                <div class="col-12 col-md-6 order-md-1 order-last">
                    <h3>Certificados</h3>
                    <!-- <p class="text-subtitle text-muted">Powerful interactive tables with datatables (jQuery required)</p> -->
                </div>
                <div class="col-12 col-md-6 order-md-2 order-first">
                    <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('panel.inicio') }}">Inicio</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('panel.inicio') }}">Certificados</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Transacciones</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <section class="section">
            <div class="card">
                <div class="card-header">
                    Transacciones
                </div>
                <div class="card-body">

                    <div class="row">
                        <div class="col-sm-12">

                            {{-- <form action="#" method="post"> --}}
                            <div class="contenedorAcordeon">
                                <div class="card">
                                    <div class="card-header">
                                        <a class="btn accordion-button" data-bs-toggle="collapse" href="#collapseOne"
                                            aria-expanded="true">
                                            Filtros
                                        </a>
                                    </div>
                                    <div id="collapseOne" class="collapse show" data-bs-parent="#filtros">
                                        <div class="card-body">
                                            <label for="filtroFechaDesde" class="d-none d-lg-inline">Desde:</label>
                                            <label>
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="00/00/0000" id="filtroFechaDesde"
                                                    name="filtroFechaDesde" />
                                            </label>
                                            <label for="filtroFechaHasta" class="d-none d-lg-inline">Hasta:</label>
                                            <label>
                                                <input type="text" class="form-control form-control-sm d-none d-lg-inline"
                                                    placeholder="00/00/0000" id="filtroFechaHasta"
                                                    name="filtroFechaHasta" />
                                            </label>
                                            <label for="filtroNumeroCuenta">Certificado:</label>
                                            <label>
                                                <select class="form-select form-select-sm" id="filtroNumeroCuenta"
                                                    name="filtroNumeroCuenta">

                                                    <option value=""></option>

                                                </select>
                                            </label>
                                            <label for="filtroTipoCuenta">Tipo:</label>
                                            <label>
                                                <select class="form-select form-select-sm" id="filtroTipoCuenta"
                                                    name="filtroTipoCuenta">

                                                    <option value=""></option>

                                                </select>
                                            </label>
                                            <button class="btn btn-secondary" id="botonBuscar">Buscar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- </form> --}}

                        </div>
                    </div>

                    <table class="table" id="tablaRegistros">
                        <thead>
                            <tr>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                            <tr>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </section>

    </div>

@endsection

@section('jsPlantilla')

    <!-- iMask v6.4.2 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/imask/6.4.2/imask.js') }}"></script>

    <!-- Moment.js v2.22.1 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/moment.js/2.22.1/moment.min.js') }}"></script>

    <!-- Date Ranger Picker v3.1.0 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/daterangepicker/3.1.0/js/daterangepicker.js') }}"></script>


    <!-- ? Data Tables v1.12.0 with jQuery Data Tables v1.10.19  -->

    <!-- ! jQuery Data Tables v1.10.19 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/1.10.19/js/jquery-datatables.min.js') }}"></script>

    <!-- Data Tables Bootstrap 5 v1.12.0 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/1.12.0/js/datatables-bootstrap-5.min.js') }}"></script>

    <!-- * Data Tables Buttons v2.2.3 -->

    <!-- Data Tables Buttons v2.2.3 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/datatables-buttons.min.js') }}"></script>

    <!-- Buttons Bootstrap 5 v2.2.3 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/buttons-bootstrap-5.min.js') }}"></script>

    <!-- JS Zip  -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/jszip/2.5.0/jszip.min.js') }}"></script>

    <!-- ? PDF Make v0.1.36 -->

    <!-- PDF Make v0.1.36 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/pdfmake/0.1.36/pdfmake.min.js') }}"></script>

    <!-- VFS Fonts v0.1.36 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/pdfmake/0.1.36/vfs_fonts.js') }}"></script>

    <!-- ? /PDF Make v0.1.36 -->

    <!-- Buttons HTML 5 v2.2.3 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/buttons-html-5.min.js') }}"></script>

    <!-- Buttons Print v2.2.3 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/buttons-print.min.js') }}"></script>

    <!-- Buttons Column Visibility v2.2.3 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/buttons-colvis.min.js') }}"></script>

    <!-- * /Data Tables Buttons v2.2.3 -->

    <!-- Responsive Data Tables v2.3.0 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/responsive/2.3.0/js/responsive-datatables.min.js') }}"></script>

    <!-- Scroller Data Tables v2.0.6 -->
    <script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/scroller/2.0.6/js/scroller-datatables.js') }}"></script>

    <!-- * Complementos -->

    <!-- ? Api -->

    <!-- sum() v1.12.0 -->
    <script src="https://cdn.datatables.net/plug-ins/1.12.0/api/sum().js"></script>

    <!-- ? /Api -->

    <!-- * /Complementos -->

    <!-- ? /Data Tables v1.12.0 with jQuery Data Tables v1.10.19 -->
    <!-- JavaScript -->
    <script src="{{ asset('public/js/utilidades/cabeceraImpresion.js') }}"></script>
    <script src="{{ asset('vendor/daite/coopdigital/src/public/js/utilidades/herramientas.js') }}"></script>
    <script src="{{ asset('vendor/daite/coopdigital/src/public/js/vista/panel/transacciones/certificados.js') }}"></script>

@endsection
