<?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">Procedimientos Odontológicos <button class="btn btn-success"
                                        id="btnagregar" onclick="mostrarform(true)"><i class="fa fa-plus-circle"></i>
                                        Agregar</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>Código</th>
                                        <th>Nombre</th>
                                        <th>Categoría</th>
                                        <th>Precio</th>
                                        <th>Estado</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <th>Opciones</th>
                                        <th>Código</th>
                                        <th>Nombre</th>
                                        <th>Categoría</th>
                                        <th>Precio</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="idprocedimiento" id="idprocedimiento">

                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Código:</label>
                                        <input type="text" class="form-control" name="codigo" id="codigo" maxlength="20"
                                            placeholder="Código" required>
                                    </div>

                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Nombre (*):</label>
                                        <input type="text" class="form-control" name="nombre" id="nombre" maxlength="100"
                                            placeholder="Nombre del procedimiento" required>
                                    </div>

                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Categoría (*):</label>
                                        <select class="form-control selectpicker" name="categoria" id="categoria" required>
                                            <option value="Diagnóstico">Diagnóstico</option>
                                            <option value="Prevención">Prevención</option>
                                            <option value="Restauradora">Restauradora</option>
                                            <option value="Periodoncia">Periodoncia</option>
                                            <option value="Endodoncia">Endodoncia</option>
                                            <option value="Cirugía">Cirugía</option>
                                            <option value="Prótesis">Prótesis</option>
                                            <option value="Ortodoncia">Ortodoncia</option>
                                            <option value="Estética">Estética</option>
                                            <option value="Radiología">Radiología</option>
                                            <option value="Otros">Otros</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Precio (*):</label>
                                        <input type="number" class="form-control" name="precio" id="precio" step="0.01"
                                            placeholder="Precio Base" required>
                                    </div>

                                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <label>Descripción:</label>
                                        <textarea class="form-control" name="descripcion" id="descripcion" rows="3"
                                            placeholder="Descripción adicional"></textarea>
                                    </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 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 -->
        <!--Fin-Contenido-->
        <?php
    } else {
        require 'noacceso.php';
    }

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