<div class="content-wrapper">
    <section class="content-header">
        <h1>Empresa</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <?php if(tiene_permiso('empresa_crear')): ?>
                    <a href="<?php echo base_url('index.php/configuracion/empresa/create'); ?>" class="btn btn-success">
                        <i class="fa fa-plus"></i> Nueva Empresa
                    </a>
                <?php endif; ?>

                <br><br>

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong>Listado de empresas</strong>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table id="tablaEmpresas" class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Nombre</th>
                                        <th>RUC</th>
                                        <th>Teléfono</th>
                                        <th>Email</th>
                                        <th>Estado</th>
                                        <th style="width:220px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($empresas as $item): ?>
                                        <tr>
                                            <td><?php echo $item->id; ?></td>
                                            <td><?php echo $item->nombre; ?></td>
                                            <td><?php echo $item->ruc; ?></td>
                                            <td><?php echo !empty($item->telefono) ? $item->telefono : '-'; ?></td>
                                            <td><?php echo !empty($item->email) ? $item->email : '-'; ?></td>
                                            <td>
                                                <?php if($item->estado == 1): ?>
                                                    <span class="label label-success">Activo</span>
                                                <?php else: ?>
                                                    <span class="label label-danger">Inactivo</span>
                                                <?php endif; ?>
                                            </td>
                                            <td>
                                                <a href="<?php echo base_url('index.php/configuracion/empresa/ver/'.$item->id); ?>" class="btn btn-info btn-xs">
                                                    <i class="fa fa-eye"></i>
                                                </a>

                                                <?php if(tiene_permiso('empresa_editar')): ?>
                                                    <a href="<?php echo base_url('index.php/configuracion/empresa/edit/'.$item->id); ?>" class="btn btn-warning btn-xs">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                <?php endif; ?>

                                                <?php if(tiene_permiso('empresa_detalle_ver')): ?>
                                                    <button type="button"
                                                            class="btn btn-primary btn-xs btn-sucursales"
                                                            data-id="<?php echo $item->id; ?>"
                                                            data-nombre="<?php echo $item->nombre; ?>">
                                                        <i class="fa fa-sitemap"></i>
                                                    </button>
                                                <?php endif; ?>

                                                <?php if(tiene_permiso('empresa_eliminar')): ?>
                                                    <?php if($item->estado == 1): ?>
                                                        <button type="button"
                                                                class="btn btn-danger btn-xs btn-cambiar-estado-empresa"
                                                                data-url="<?php echo base_url('index.php/configuracion/empresa/estado/'.$item->id); ?>"
                                                                data-accion="desactivar"
                                                                data-nombre="<?php echo $item->nombre; ?>">
                                                            <i class="fa fa-times"></i>
                                                        </button>
                                                    <?php else: ?>
                                                        <button type="button"
                                                                class="btn btn-success btn-xs btn-cambiar-estado-empresa"
                                                                data-url="<?php echo base_url('index.php/configuracion/empresa/estado/'.$item->id); ?>"
                                                                data-accion="activar"
                                                                data-nombre="<?php echo $item->nombre; ?>">
                                                            <i class="fa fa-check"></i>
                                                        </button>
                                                    <?php endif; ?>
                                                <?php endif; ?>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

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

<div class="modal fade" id="modalSucursales" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">
                    Sucursales de: <span id="empresaNombreModal"></span>
                </h4>
            </div>

            <div class="modal-body">
                <?php if(tiene_permiso('empresa_detalle_crear')): ?>
                    <button type="button" class="btn btn-success" id="btnNuevaSucursal">
                        <i class="fa fa-plus"></i> Nueva Sucursal
                    </button>
                <?php endif; ?>

                <br><br>

                <input type="hidden" id="empresa_id_sucursal">

                <div class="table-responsive">
                    <table id="tablaSucursales" class="table table-bordered table-hover table-striped" width="100%">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Sucursal</th>
                                
                                <th>Estado</th>
                                <th style="width:160px;">Acciones</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>

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

<div class="modal fade" id="modalFormularioSucursal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">

            <form id="formSucursal">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title" id="tituloModalSucursal">Nueva Sucursal</h4>
                </div>

                <div class="modal-body">
                    <input type="hidden" id="sucursal_id" name="sucursal_id">
                    <input type="hidden" id="empresa_id_hidden" name="empresa_id">

                    <div class="form-group">
                        <label>Sucursal</label>
                        <input type="text" name="sucursales" id="sucursales" class="form-control" maxlength="200" required>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa fa-save"></i> Guardar
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                </div>
            </form>

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

<script>
window.addEventListener('load', function () {
    $('#tablaEmpresas').DataTable({
        language: {
            lengthMenu: "Mostrar _MENU_ registros",
            zeroRecords: "No se encontraron resultados",
            info: "Mostrando registros del _START_ al _END_ de un total de _TOTAL_",
            infoEmpty: "Mostrando registros del 0 al 0",
            infoFiltered: "(filtrado de un total de _MAX_ registros)",
            search: "Buscar:",
            paginate: {
                first: "Primero",
                last: "Último",
                next: "Siguiente",
                previous: "Anterior"
            }
        },
        pageLength: 10,
        order: [[0, "desc"]]
    });

    $(document).on('click', '.btn-cambiar-estado-empresa', function(e) {
        e.preventDefault();

        var url = $(this).data('url');
        var accion = $(this).data('accion');
        var nombre = $(this).data('nombre');

        Swal.fire({
            title: '¿Estás seguro?',
            text: 'Vas a ' + accion + ' la empresa: ' + nombre,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Sí, continuar',
            cancelButtonText: 'Cancelar'
        }).then(function(result) {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        });
    });

    var tablaSucursales = null;

    $(document).on('click', '.btn-sucursales', function() {
        var empresaId = $(this).data('id');
        var empresaNombre = $(this).data('nombre');

        $('#empresa_id_sucursal').val(empresaId);
        $('#empresa_id_hidden').val(empresaId);
        $('#empresaNombreModal').text(empresaNombre);

        if (tablaSucursales !== null) {
            tablaSucursales.destroy();
            $('#tablaSucursales').empty();
            $('#tablaSucursales').html(
                '<thead><tr><th>ID</th><th>Sucursal</th><th>Estado</th><th style="width:160px;">Acciones</th></tr></thead>'
            );
        }

        tablaSucursales = $('#tablaSucursales').DataTable({
            ajax: {
                url: '<?php echo base_url("index.php/configuracion/empresa-detalle/listar/"); ?>' + empresaId,
                type: 'GET',
                dataSrc: 'data'
            },
            language: {
                lengthMenu: "Mostrar _MENU_ registros",
                zeroRecords: "No se encontraron resultados",
                info: "Mostrando registros del _START_ al _END_ de un total de _TOTAL_",
                infoEmpty: "Mostrando registros del 0 al 0",
                infoFiltered: "(filtrado de un total de _MAX_ registros)",
                search: "Buscar:",
                paginate: {
                    first: "Primero",
                    last: "Último",
                    next: "Siguiente",
                    previous: "Anterior"
                }
            },
            pageLength: 5,
            order: [[0, "desc"]]
        });

        $('#modalSucursales').modal('show');
    });

    $('#btnNuevaSucursal').on('click', function() {
        $('#formSucursal')[0].reset();
        $('#sucursal_id').val('');
        $('#empresa_id_hidden').val($('#empresa_id_sucursal').val());
        $('#tituloModalSucursal').text('Nueva Sucursal');
        $('#modalFormularioSucursal').modal('show');
    });

    $('#formSucursal').on('submit', function(e) {
        e.preventDefault();

        var sucursalId = $('#sucursal_id').val();
        var url = sucursalId
            ? '<?php echo base_url("index.php/configuracion/empresa-detalle/actualizar/"); ?>' + sucursalId
            : '<?php echo base_url("index.php/configuracion/empresa-detalle/guardar"); ?>';

        $.ajax({
            url: url,
            type: 'POST',
            data: $(this).serialize(),
            dataType: 'json',
            success: function(resp) {
                if (resp.status) {
                    $('#modalFormularioSucursal').modal('hide');
                    tablaSucursales.ajax.reload(null, false);

                    Swal.fire({
                        icon: 'success',
                        title: 'Correcto',
                        text: resp.message,
                        timer: 1800,
                        showConfirmButton: false
                    });
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: resp.message
                    });
                }
            }
        });
    });

    $(document).on('click', '.btn-editar-sucursal', function() {
        var id = $(this).data('id');

        $.ajax({
            url: '<?php echo base_url("index.php/configuracion/empresa-detalle/obtener/"); ?>' + id,
            type: 'GET',
            dataType: 'json',
            success: function(resp) {
                if (resp.status) {
                    $('#sucursal_id').val(resp.data.id);
                    $('#empresa_id_hidden').val(resp.data.empresa_id);
                    $('#sucursales').val(resp.data.sucursales);
                    $('#tituloModalSucursal').text('Editar Sucursal');
                    $('#modalFormularioSucursal').modal('show');
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: resp.message
                    });
                }
            }
        });
    });

    $(document).on('click', '.btn-estado-sucursal', function() {
        var id = $(this).data('id');
        var accion = $(this).data('accion');
        var nombre = $(this).data('nombre');

        Swal.fire({
            title: '¿Estás seguro?',
            text: 'Vas a ' + accion + ' la sucursal: ' + nombre,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Sí, continuar',
            cancelButtonText: 'Cancelar'
        }).then(function(result) {
            if (result.isConfirmed) {
                $.ajax({
                    url: '<?php echo base_url("index.php/configuracion/empresa-detalle/estado/"); ?>' + id,
                    type: 'POST',
                    dataType: 'json',
                    success: function(resp) {
                        if (resp.status) {
                            tablaSucursales.ajax.reload(null, false);
                            Swal.fire({
                                icon: 'success',
                                title: 'Correcto',
                                text: resp.message,
                                timer: 1800,
                                showConfirmButton: false
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: resp.message
                            });
                        }
                    }
                });
            }
        });
    });
});
</script>