<?php

if($_SESSION["perfil"] == "Vendedor"){
    echo '<script>
        window.location = "inicio";
    </script>';
    return;
}

?>

<div class="content-wrapper">

    <section class="content-header">
        <h1>
            Administrar Tipos de Transacción
        </h1>

        <ol class="breadcrumb">
            <li><a href="inicio"><i class="fa fa-dashboard"></i> Inicio</a></li>
            <li class="active">Administrar Tipos de Transacción</li>
        </ol>
    </section>

    <section class="content">
        <div class="box">
            <div class="box-header with-border">
                <button class="btn btn-primary" data-toggle="modal" data-target="#modalAgregarTipoTransaccion">
                    Agregar Tipo de Transacción
                </button>
            </div>

            <div class="box-body">
                <table class="table table-bordered table-striped dt-responsive tablas" width="100%">
                    <thead>
                        <tr>
                            <th style="width:10px">#</th>
                            <th>Nombre</th>
                            <th>Descripción</th>
                            <th>Tipo</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>

                    <tbody>
                        <?php
                        // Obtener los tipos de transacción de la base de datos
                        $tipos = ControladorTransacciones::ctrMostrarTiposTransaccion(null, null);

                        foreach ($tipos as $key => $value) {
                            echo ' 
                            <tr>
                                <td>'.($key + 1).'</td>
                                <td>'.$value["nombre"].'</td>
                                <td>'.$value["descripcion"].'</td>
                                <td>'.ucfirst($value["tipo"]).'</td>
                                <td>
                                    <div class="btn-group">
                                        <button class="btn btn-warning btnEditarTipoTransaccion" 
                                                idTipo="'.$value["id_tipo_transaccion"].'" 
                                                data-toggle="modal" data-target="#modalEditarTipoTransaccion">
                                            <i class="fa fa-pencil"></i>
                                        </button>';

                                        if($_SESSION["perfil"] == "Administrador") {
                                            echo '<button class="btn btn-danger btnEliminarTipoTransaccion" 
                                                    idTipo="'.$value["id_tipo_transaccion"].'">
                                                    <i class="fa fa-times"></i>
                                                  </button>';
                                        }

                                        echo '</div>  
                                </td>
                            </tr>';
                        }
                        ?>
                    </tbody>
                </table>


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

</div>

<!-- Modal Agregar Tipo de Transacción -->
<div id="modalAgregarTipoTransaccion" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form role="form" method="post">
                <!-- Cabeza del Modal -->
                <div class="modal-header" style="background:#3c8dbc; color:white">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Agregar Tipo de Transacción</h4>
                </div>

                <!-- Cuerpo del Modal -->
                <div class="modal-body">
                    <div class="box-body">
                        <!-- Nombre del Tipo de Transacción -->
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-cogs"></i></span>
                                <input type="text" class="form-control input-lg" name="nuevoNombre" placeholder="Ingresar nombre" required>
                            </div>
                        </div>

                        <!-- Descripción -->
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-pencil"></i></span>
                                <input type="text" class="form-control input-lg" name="nuevaDescripcion" placeholder="Ingresar descripción" required>
                            </div>
                        </div>

                        <!-- Tipo (Ingresar si es 'Ingreso' o 'Egreso') -->
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-arrow-circle-up"></i></span>
                                <select class="form-control input-lg" name="nuevoTipo" required>
                                    <option value="">Seleccionar tipo</option>
                                    <option value="Ingreso">Ingreso</option>
                                    <option value="Gasto">Gasto</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Pie del Modal -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Salir</button>
                    <button type="submit" class="btn btn-primary">Guardar Tipo de Transacción</button>
                </div>

                <?php
                    $crearTipoTransaccion = new ControladorTransacciones();
                    $crearTipoTransaccion -> ctrIngresarTipoTransaccion();
                ?>
            </form>
        </div>
    </div>
</div>

<!-- Modal Editar Tipo de Transacción -->
<div id="modalEditarTipoTransaccion" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form role="form" method="post">
                <!-- Cabeza del Modal -->
                <div class="modal-header" style="background:#3c8dbc; color:white">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Editar Tipo de Transacción</h4>
                </div>

                <!-- Cuerpo del Modal -->
                <div class="modal-body">
                    <div class="box-body">
                        <!-- Nombre del Tipo de Transacción -->
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-cogs"></i></span>
                                <input type="text" class="form-control input-lg" name="editarNombre" id="editarNombre" required>
                                <input type="hidden" id="idTipoEditar" name="idTipoEditar">
                            </div>
                        </div>

                        <!-- Descripción -->
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-pencil"></i></span>
                                <input type="text" class="form-control input-lg" name="editarDescripcion" id="editarDescripcion" required>
                            </div>
                        </div>

                        <!-- Tipo (Ingreso o Egreso) -->
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-arrow-circle-up"></i></span>
                                <select class="form-control input-lg" name="editarTipo" id="editarTipo" required>
                                    <option value="">Seleccionar tipo</option>
                                    <option value="ingreso">Ingreso</option>
                                    <option value="gasto">Gasto</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Pie del Modal -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Salir</button>
                    <button type="submit" class="btn btn-primary">Guardar Cambios</button>
                </div>
                <?php
                    $editarTipo = new ControladorTransacciones();
                    $editarTipo->ctrEditarTipoTransaccion();
                ?>
            </form>
        </div>
    </div>
</div>
