<?php $__env->startSection('tituloPlantilla', 'Calculadora Préstamos'); ?>

<?php $__env->startSection('cssPlantilla'); ?>

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

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

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

    <!-- Buttons Bootstrap 5 v2.2.3 -->
    <link rel="stylesheet" href="<?php echo e(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="<?php echo e(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="<?php echo e(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="<?php echo e(asset('vendor/daite/coopdigital/src/public/css/vista/diseños/tablaRegistrosFiltro.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('vendor/daite/coopdigital/src/public/css/vista/panel/calculadoraPrestamos.css')); ?>">

<?php $__env->stopSection(); ?>

<?php $__env->startSection('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>Calculadora Préstamos</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="<?php echo e(route('panel.inicio')); ?>">Inicio</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Calculadora Préstamos</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <section class="section">
            <div class="card">
                <div class="card-body">

                    <div class="row">
                        <div class="col-sm-12">
                            
                            <div class="contenedorAcordeon">
                                <div class="card">
                                    <div class="card-header">
                                        <a class="btn accordion-button" data-bs-toggle="collapse" href="#collapseOne"
                                            aria-expanded="true">
                                            Cálculos
                                        </a>
                                    </div>
                                    <div id="collapseOne" class="collapse show" data-bs-parent="#filtros">
                                        <div class="card-body">

                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="row">
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="monto">Monto:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="RD$0.00" id="monto"
                                                                            name="monto" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="gastoCierre">Gasto Cierre:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="RD$0.00" id="gastoCierre"
                                                                            name="gastoCierre" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="montoSeguros">Monto Seguros:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="RD$0.00" id="montoSeguros"
                                                                            name="montoSeguros" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="total">Total:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="RD$0.00" id="total"
                                                                            name="total" disabled />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="tiempo">Tiempo:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="0" id="tiempo" name="tiempo" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="metodoPago">Método de Pago:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <select class="form-select form-select-sm"
                                                                            id="metodoPago" name="metodoPago">

                                                                            <option value="S">SEMANAL</option>
                                                                            <option value="Q">QUINCENAL</option>
                                                                            <option value="M">MENSUAL</option>

                                                                        </select>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="tasaInteres">Tasa Interés:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="0" id="tasaInteres"
                                                                            name="tasaInteres" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="tasaComision">Tasa Comisión:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="0" id="tasaComision"
                                                                            name="tasaComision" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-5 col-lg-2">
                                                                    <label for="tasaSeguros">Tasa Seguros:</label>
                                                                </div>
                                                                <div class="col-7 col-lg-2">
                                                                    <label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            placeholder="0" id="tasaSeguros"
                                                                            name="tasaSeguros" />
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-lg-12">
                                                            <div class="row">
                                                                <div class="col-12 col-lg-4">
                                                                    <button class="btn btn-secondary"
                                                                    id="botonCalcular">Calcular</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

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

                        <table class="table" id="tablaRegistros">
                            <thead>
                                <tr>
                                    <th>Cuota</th>
                                    <th>Fecha</th>
                                    <th>Capital</th>
                                    <th>Interés</th>
                                    <th>Comisión</th>
                                    <th>Seguros</th>
                                    <th>Monto</th>
                                    <th>Balance</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </tfoot>
                        </table>

                    </div>
                </div>
        </section>

    </div>

    <?php $__env->stopSection(); ?> <?php $__env->startSection('jsPlantilla'); ?>

    <!-- iMask v6.4.2 -->
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/imask/6.4.2/imask.js')); ?>"></script>

    <!-- Moment.js v2.22.1 -->
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/moment.js/2.22.1/moment.min.js')); ?>"></script>

    <!-- iMask v6.4.2 -->
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/imask/6.4.2/imask.js')); ?>"></script>

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

    <!-- ! jQuery Data Tables v1.10.19 -->
    <script src="<?php echo e(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="<?php echo e(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="<?php echo e(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="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/buttons-bootstrap-5.min.js')); ?>"></script>

    <!-- JS Zip  -->
    <script src="<?php echo e(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="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/pdfmake/0.1.36/pdfmake.min.js')); ?>"></script>

    <!-- VFS Fonts v0.1.36 -->
    <script src="<?php echo e(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="<?php echo e(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="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/datatables/buttons/2.2.3/js/buttons-print.min.js')); ?>"></script>

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

    <!-- Responsive Data Tables v2.3.0 -->
    <script src="<?php echo e(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="<?php echo e(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="<?php echo e(asset('public/js/utilidades/cabeceraImpresion.js')); ?>"></script>
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/js/utilidades/herramientas.js')); ?>"></script>
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/js/utilidades/formatoCampoTexto.js')); ?>"></script>
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/js/vista/panel/calculadoraPrestamos.js')); ?>"></script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('coopdigital::diseños.plantilla', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\aplicaciones\clientes\cooperativas\coopriogrande\vendor\daite\coopdigital\src/views/panel/calculadoraPrestamos.blade.php ENDPATH**/ ?>