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

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

                <!-- FILTRO DE ESTADO -->
                <div class="panel panel-default">
                    <div class="panel-body" style="padding:10px 15px;">
                        <form method="get" action="<?php echo base_url('index.php/ventas/cotizaciones'); ?>" class="form-inline">
                            <div class="form-group">
                                <label style="margin-right:8px;">Estado:</label>
                                <select name="estado_id" class="form-control" onchange="this.form.submit()">
                                    <option value="">-- Todos --</option>
                                    <?php foreach($estados as $e): ?>
                                        <option value="<?php echo $e->id; ?>"
                                            <?php echo ($estado_id == $e->id) ? 'selected' : ''; ?>>
                                            <?php echo $e->nombre; ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                            &nbsp;
                            <a href="<?php echo base_url('index.php/ventas/cotizaciones?estado_id='); ?>" class="btn btn-default btn-sm">
                                <i class="fa fa-refresh"></i> Ver todos
                            </a>

                            <?php if(tiene_permiso('cotizaciones_crear')): ?>
                                <a href="<?php echo base_url('index.php/ventas/cotizaciones/create'); ?>" class="btn btn-success pull-right">
                                    <i class="fa fa-plus"></i> Nueva Cotización
                                </a>
                            <?php endif; ?>
                        </form>
                    </div>
                </div>

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong>Listado de cotizaciones</strong>
                        <?php if($estado_id): ?>
                            <span class="pull-right badge">
                                <?php
                                    foreach($estados as $e) {
                                        if ($e->id == $estado_id) { echo $e->nombre; break; }
                                    }
                                ?>
                            </span>
                        <?php endif; ?>
                    </div>


                    <div class="panel-body">
                        <div class="table-responsive">
                            <table id="tablaCotizaciones" class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Fecha</th>
                                        <th>Cliente</th>
                                        <th>Documento</th>
                                        <th>Comprobante</th>
                                        <th>Total</th>
                                        <th>Estado</th>
                                        <th>Tipo</th>
                                        <th style="width:220px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($cotizaciones as $item): ?>
                                        <tr>
                                            <td><?php echo $item->id; ?></td>
                                            <td><?php echo $item->ctc_fecha; ?></td>
                                            <td><?php echo $item->razon_social; ?></td>
                                            <td><?php echo $item->nro_documento; ?></td>
                                            <td><?php echo $item->comprobante; ?></td>
                                            <td><?php echo number_format((float)$item->ctc_total, 2); ?></td>
                                            <td>
                                                <?php
                                                    $labelClass = 'label-default';
                                                    if ($item->estado_codigo == 'E') $labelClass = 'label-primary';
                                                    if ($item->estado_codigo == 'V') $labelClass = 'label-info';
                                                    if ($item->estado_codigo == 'A') $labelClass = 'label-success';
                                                    if ($item->estado_codigo == 'N') $labelClass = 'label-danger';
                                                ?>
                                                <span class="label <?php echo $labelClass; ?>">
                                                    <?php echo $item->estado_nombre; ?>
                                                </span>
                                            </td>
                                            <td>
                                                <?php echo ($item->ctc_tipo_coti == 'A') ? 'ABIERTA' : 'CERRADA'; ?>
                                            </td>
                                            <td>
                                                <a href="<?php echo base_url('index.php/ventas/cotizaciones/ver/'.$item->id); ?>" class="btn btn-info btn-xs" title="Ver">
                                                    <i class="fa fa-eye"></i>
                                                </a>

                                                <?php if(tiene_permiso('cotizaciones_visar') && $item->estado_codigo == 'V'): ?>
                                                    <button type="button"
                                                            class="btn btn-success btn-xs btn-generar-pedido"
                                                            data-id="<?php echo $item->id; ?>"
                                                            data-url="<?php echo base_url('index.php/ventas/cotizaciones/generar-pedido/'.$item->id); ?>"
                                                            data-cliente="<?php echo $item->razon_social; ?>"
                                                            data-ordcomp="<?php echo $item->ctc_ordcomp_cliente; ?>"
                                                            title="Generar Pedido">
                                                        <i class="fa fa-copy"></i>
                                                    </button>
                                                <?php endif; ?>

                                                <?php if(tiene_permiso('cotizaciones_editar') && $item->estado_codigo != 'N'): ?>
                                                    <a href="<?php echo base_url('index.php/ventas/cotizaciones/edit/'.$item->id); ?>" class="btn btn-warning btn-xs" title="Editar">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                <?php endif; ?>

                                                <?php if(tiene_permiso('cotizaciones_visar') && $item->estado_codigo == 'E'): ?>
                                                    <button type="button"
                                                            class="btn btn-primary btn-xs btn-visar-cotizacion"
                                                            data-id="<?php echo $item->id; ?>"
                                                            data-url="<?php echo base_url('index.php/ventas/cotizaciones/visar/'.$item->id); ?>"
                                                            data-cliente="<?php echo $item->razon_social; ?>"
                                                            data-ordcomp="<?php echo $item->ctc_ordcomp_cliente; ?>"
                                                            title="Visar">
                                                        <i class="fa fa-check-square-o"></i>
                                                    </button>
                                                <?php endif; ?>

                                                <a href="<?php echo base_url('index.php/ventas/cotizaciones/print/'.$item->id); ?>"
                                                   class="btn btn-default btn-xs" title="Imprimir" target="_blank">
                                                    <i class="fa fa-print"></i>
                                                </a>
                                                
                                                <?php if(tiene_permiso('cotizaciones_anular') && $item->estado_codigo != 'N' && $item->estado_codigo != 'A'): ?>
                                                    <button type="button"
                                                            class="btn btn-danger btn-xs btn-anular-cotizacion"
                                                            data-url="<?php echo base_url('index.php/ventas/cotizaciones/anular/'.$item->id); ?>"
                                                            data-cliente="<?php echo $item->razon_social; ?>"
                                                            title="Anular">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                <?php endif; ?>

                                                <button type="button"
                                                        class="btn btn-default btn-xs btn-historial-cotizacion"
                                                        data-id="<?php echo $item->id; ?>"
                                                        title="Historial">
                                                    <i class="fa fa-history"></i>
                                                </button>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

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

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

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Historial de Estados</h4>
            </div>

            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped" id="tablaHistorialEstados">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Estado</th>
                                <th>Fecha</th>
                                <th>Usuario</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>

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


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

            <form id="formVisarCotizacion" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Visar Cotización</h4>
                </div>

                <div class="modal-body">
                    <p><strong>Cliente:</strong> <span id="visarClienteNombre"></span></p>

                    <div class="form-group">
                        <label>Ord. compra cliente</label>
                        <input type="text" name="orp_ordcomp_cliente" id="orp_ordcomp_cliente_modal" class="form-control" maxlength="30">
                    </div>

                    <div class="form-group">
                        <label>Prioridad</label>
                        <input type="number" name="orp_prioridad" id="orp_prioridad_modal" class="form-control" min="0" value="0">
                    </div>

                    <div class="alert alert-info" style="padding:8px 12px;">
                        Puedes elegir entre solo visar la cotización o visar y generar la orden de pedido.
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" name="accion" value="visar" class="btn btn-primary">
                        <i class="fa fa-check-square-o"></i> Solo Visar
                    </button>

                    <button type="submit" name="accion" value="visar_generar" class="btn btn-success">
                        <i class="fa fa-copy"></i> Visar y Generar Pedido
                    </button>

                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                </div>
            </form>

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


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

            <form id="formGenerarPedido" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Generar Orden de Pedido</h4>
                </div>

                <div class="modal-body">
                    <p><strong>Cliente:</strong> <span id="generarPedidoClienteNombre"></span></p>

                    <div class="form-group">
                        <label>Ord. compra cliente</label>
                        <input type="text" name="orp_ordcomp_cliente" id="orp_ordcomp_cliente_generar" class="form-control" maxlength="30">
                    </div>

                    <div class="form-group">
                        <label>Prioridad</label>
                        <input type="number" name="orp_prioridad" id="orp_prioridad_generar" class="form-control" min="0" value="0">
                    </div>

                    <div class="alert alert-info" style="padding:8px 12px;">
                        Esta acción generará la orden de pedido y la cotización pasará a estado <strong>ATENDIDO</strong>.
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">
                        <i class="fa fa-copy"></i> Generar Pedido
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                </div>
            </form>

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

<script>
window.addEventListener('load', function () {
    $('#tablaCotizaciones').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-visar-cotizacion', function(e) {
        e.preventDefault();

        var url = $(this).data('url');
        var cliente = $(this).data('cliente');
        var ordcomp = $(this).data('ordcomp') || '';

        $('#formVisarCotizacion').attr('action', url);
        $('#visarClienteNombre').text(cliente);
        $('#orp_ordcomp_cliente_modal').val(ordcomp);
        $('#orp_prioridad_modal').val(0);

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

    $(document).on('click', '.btn-anular-cotizacion', function(e) {
        e.preventDefault();

        var url = $(this).data('url');
        var cliente = $(this).data('cliente');

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

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

        $.ajax({
            url: '<?php echo base_url("index.php/ventas/cotizaciones/estado-historial/"); ?>' + id,
            type: 'GET',
            dataType: 'json',
            success: function(resp) {
                var html = '';

                $.each(resp, function(i, item) {
                    html += '<tr>';
                    html += '<td>' + item.id + '</td>';
                    html += '<td>' + item.estado_nombre + '</td>';
                    html += '<td>' + item.ctc_fechaestado + '</td>';
                    html += '<td>' + (item.usuario || '-') + '</td>';
                    html += '</tr>';
                });

                $('#tablaHistorialEstados tbody').html(html);
                $('#modalHistorialEstados').modal('show');
            },
            error: function() {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'No se pudo obtener el historial'
                });
            }
        });
    });

    $(document).on('click', '.btn-generar-pedido', function(e) {
        e.preventDefault();

        var url = $(this).data('url');
        var cliente = $(this).data('cliente');
        var ordcomp = $(this).data('ordcomp') || '';

        $('#formGenerarPedido').attr('action', url);
        $('#generarPedidoClienteNombre').text(cliente);
        $('#orp_ordcomp_cliente_generar').val(ordcomp);
        $('#orp_prioridad_generar').val(0);

        $('#modalGenerarPedido').modal('show');
    });
    
});
</script>