<?php
//Activamos el almacenamiento en el buffer
ob_start();
session_start();

if (!isset($_SESSION["nombre"])) {
    header("Location: login.html");
} else {
    require 'header.php';

    if ($_SESSION['clinica'] == 1) {
        ?>
        <!--Contenido-->
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box">
                            <div class="box-header with-border">
                                <h1 class="box-title">Presupuestos / Plan de Tratamiento <button class="btn btn-success"
                                        id="btnagregar" onclick="mostrarform(true)"><i class="fa fa-plus-circle"></i> Nuevo
                                        Presupuesto</button></h1>
                                <div class="box-tools pull-right">
                                </div>
                            </div>
                            <!-- /.box-header -->
                            <!-- centro -->
                            <div class="panel-body table-responsive" id="listadoregistros">
                                <table id="tbllistado" class="table table-striped table-bordered table-condensed table-hover">
                                    <thead>
                                        <th>Opciones</th>
                                        <th>Fecha</th>
                                        <th>Paciente</th>
                                        <th>Total</th>
                                        <th>Estado</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <th>Opciones</th>
                                        <th>Fecha</th>
                                        <th>Paciente</th>
                                        <th>Total</th>
                                        <th>Estado</th>
                                    </tfoot>
                                </table>
                            </div>

                            <div class="panel-body" style="height: 400px;" id="formularioregistros">
                                <form name="formulario" id="formulario" method="POST">
                                    <input type="hidden" name="idpresupuesto" id="idpresupuesto">

                                    <div class="form-group col-lg-8 col-md-8 col-sm-8 col-xs-12">
                                        <label>Paciente (*):</label>
                                        <select id="idpersona" name="idpersona" class="form-control selectpicker"
                                            data-live-search="true" required>

                                        </select>
                                    </div>

                                    <div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                        <label>Fecha Vencimiento:</label>
                                        <input type="date" class="form-control" name="fecha_vencimiento" id="fecha_vencimiento">
                                    </div>

                                    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                                        <div class="form-group">
                                            <button id="btnAgregarArt" type="button" class="btn btn-info" data-toggle="modal"
                                                data-target="#myModal">
                                                <i class="fa fa-plus"></i> Agregar Procedimiento
                                            </button>
                                        </div>
                                    </div>

                                    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
                                        <table id="detalles"
                                            class="table table-striped table-bordered table-condensed table-hover">
                                            <thead style="background-color:#A9D0F5">
                                                <th>Opciones</th>
                                                <th>Procedimiento</th>
                                                <th>Diente</th>
                                                <th>Cara</th>
                                                <th>Cantidad</th>
                                                <th>Precio Unit.</th>
                                                <th>Descuento</th>
                                                <th>Subtotal</th>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th colspan="7" style="text-align:right">TOTAL:</th>
                                                    <th>
                                                        <h4 id="total">S/. 0.00</h4>
                                                        <input type="hidden" name="subtotal" id="subtotal">
                                                        <input type="hidden" name="descuento_total" id="descuento_total">
                                                        <input type="hidden" name="total" id="total_venta">
                                                    </th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>

                                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <label>Observaciones:</label>
                                        <textarea class="form-control" name="observaciones" id="observaciones" rows="2"
                                            placeholder="Notas adicionales..."></textarea>
                                    </div>

                                    <!-- SECCIÓN DE FORMA DE PAGO Y CUOTAS -->
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <hr>
                                        <h4><i class="fa fa-credit-card"></i> Forma de Pago</h4>
                                    </div>

                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Forma de Pago (*):</label>
                                        <select id="idforma_pago" name="idforma_pago" class="form-control" required>
                                            <option value="">Seleccione...</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>
                                            <input type="checkbox" id="tiene_cuotas" name="tiene_cuotas" value="1">
                                            ¿Pago en Cuotas?
                                        </label>
                                    </div>

                                    <!-- PLAN DE CUOTAS (Oculto por defecto) -->
                                    <div id="divPlanCuotas" class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                        style="display:none;">
                                        <div class="box box-info">
                                            <div class="box-header with-border">
                                                <h4 class="box-title"><i class="fa fa-calendar"></i> Plan de Cuotas</h4>
                                            </div>
                                            <div class="box-body">
                                                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <label>Número de Cuotas:</label>
                                                    <input type="number" class="form-control" name="numero_cuotas"
                                                        id="numero_cuotas" min="2" max="24" value="3">
                                                </div>
                                                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <label>Monto por Cuota:</label>
                                                    <input type="number" class="form-control" name="monto_cuota"
                                                        id="monto_cuota" step="0.01" readonly>
                                                </div>
                                                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <label>Fecha Inicio:</label>
                                                    <input type="date" class="form-control" name="fecha_inicio_cuotas"
                                                        id="fecha_inicio_cuotas">
                                                </div>
                                                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <label>Periodicidad:</label>
                                                    <select class="form-control" name="periodicidad" id="periodicidad">
                                                        <option value="Semanal">Semanal</option>
                                                        <option value="Quincenal">Quincenal</option>
                                                        <option value="Mensual" selected>Mensual</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <button class="btn btn-primary" type="submit" id="btnGuardar"><i class="fa fa-save"></i>
                                            Guardar</button>

                                        <button id="btnCancelar" class="btn btn-danger" onclick="cancelarform()"
                                            type="button"><i class="fa fa-arrow-circle-left"></i> Cancelar</button>
                                    </div>
                                </form>
                            </div>
                            <!--Fin centro -->
                        </div><!-- /.box -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </section><!-- /.content -->

        </div><!-- /.content-wrapper -->

        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog" style="width: 80% !important;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Seleccione un Procedimiento</h4>
                    </div>
                    <div class="modal-body">
                        <table id="tblprocedimientos" class="table table-striped table-bordered table-condensed table-hover">
                            <thead>
                                <th>Opciones</th>
                                <th>Código</th>
                                <th>Procedimiento</th>
                                <th>Categoría</th>
                                <th>Precio</th>
                            </thead>
                            <tbody>

                            </tbody>
                            <tfoot>
                                <th>Opciones</th>
                                <th>Código</th>
                                <th>Procedimiento</th>
                                <th>Categoría</th>
                                <th>Precio</th>
                            </tfoot>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Fin modal -->

        <!-- Modal Registrar Pago -->
        <div class="modal fade" id="modalPago" tabindex="-1" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-primary">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title"><i class="fa fa-money"></i> Registrar Pago</h4>
                    </div>
                    <form id="formPago">
                        <div class="modal-body">
                            <input type="hidden" id="idpresupuesto_pago" name="idpresupuesto">

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        <strong>Paciente:</strong> <span id="paciente_pago"></span><br>
                                        <strong>Total Presupuesto:</strong> $<span id="total_presupuesto"></span><br>
                                        <strong>Total Pagado:</strong> $<span id="total_pagado">0.00</span><br>
                                        <strong>Saldo Pendiente:</strong> $<span id="saldo_pendiente">0.00</span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Monto a Pagar (*):</label>
                                <input type="number" class="form-control" name="monto" id="monto_pago" step="0.01" min="0.01"
                                    required>
                            </div>

                            <div class="form-group">
                                <label>Forma de Pago (*):</label>
                                <select class="form-control" name="idforma_pago" id="idforma_pago_pago" required>
                                    <option value="">Seleccione...</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label>Número de Referencia:</label>
                                <input type="text" class="form-control" name="numero_referencia" id="numero_referencia"
                                    placeholder="Número de transacción, cheque, etc.">
                            </div>

                            <div class="form-group">
                                <label>Observaciones:</label>
                                <textarea class="form-control" name="observaciones" id="observaciones_pago" rows="2"
                                    placeholder="Notas adicionales..."></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Registrar Pago</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- Fin modal pago -->

        <!--Fin-Contenido-->
        <?php
    } else {
        require 'noacceso.php';
    }

    require 'footer.php';
    ?>
    <script type="text/javascript" src="scripts/odont_presupuesto.js"></script>
    <?php
}
ob_end_flush();
?>