<?php 
session_start();
if(!isset($_SESSION['idUsuario'])){
    header("location:../../");
}
error_reporting(E_ALL);
include '../../conexao/index.php';

$_SESSION['idUsuario'] = $_SESSION['idUsuario'];
$_SESSION['nomeUsuario'] = $_SESSION['nomeUsuario'];
$_SESSION['categoriaUsuario'] = $_SESSION['categoriaUsuario']; 
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <?php include 'includes/head.php'; ?>
    <style>
        /* Ajusta a tabela para ocupar toda a largura disponível */
        .table-responsive {
            width: 100%;
            overflow-x: auto;
        }
        table#example {
            width: 100%;
        }
    </style>
</head>

<body>
    <div class="main-wrapper">
        <div class="header">
            <?php include 'includes/header.php' ?>
        </div>
        <div class="sidebar" id="sidebar">
            <?php include 'includes/side_bar.php'; ?>
        </div>
        <div class="page-wrapper">
            <div class="content">
                <div class="row">
                    <div class="col-sm-4 col-3">
                        <h4 class="page-title">Artigos</h4>
                    </div>
                    <div class="col-sm-8 col-9 text-right m-b-20">
                        <a href="novo_artigo.php" class="btn btn-primary btn-rounded float-right"><i class="fa fa-plus"></i> Novo Artigo</a>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table id="example" class="display">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Artigo</th>
                                        <th>Preço Compra</th>
                                        <th>Preço Venda</th>
                                        <th>%IVA</th>
                                        <th class="text-right">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="sidebar-overlay" data-reff=""></div>
    <?php include 'includes/footer_plugins.php'; ?>
</body>

<?php 
// if (isset($_GET['id'])) {
//     $id = $_GET['id'];
//     $sql = "DELETE FROM produto WHERE idproduto = '$id'";
//     $rs = mysqli_query($db, $sql) or die(mysqli_error());
//     if ($rs > 0) {
//         echo "<script>alert('Artigo apagado com sucesso!!'); </script>";
//         echo "<script>window.location='produtos.php'; </script>";
//     }else{
//         echo "<script>alert('Ocorreu um erro ao apagar o produto!!'); </script>";
//         echo "<script>window.location='produtos.php'; </script>";
//     }
// }
?>

<link href="../datatables.min.css" rel="stylesheet"/>
    <script src="../datatables.min.js"></script>
    <script type="text/javascript" src="../js/data-table-act.js"></script>
    <script type="text/javascript" src="../js/jquery.dataTables.min.js"></script>
    <script>
        $(function() {
            $('#example').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": {
                    "url": "popartg.php",
                    "type": "GET",
                    "dataSrc": "data" // Indica que os dados estão dentro da chave "data"
                },
                "columns": [
                    { "data": "idproduto" },
                    { "data": "artigo" },
                    { "data": "preco_compra" },
                    { "data": "preco" },
                    { "data": "iva" },
                    {
                        "data": null,
                        "defaultContent": `
                            <a href="#" class="btn btn-primary btn-sm edit-action"><i class="fa fa-pencil m-r-5"></i></a>
                            <a href="#" class="btn btn-danger btn-sm delete-action"><i class="fa fa-trash"></i></a>
                        `,
                        "orderable": false
                    }

                ]
            });

            // Ação do botão de impressão
            $('#example').on('click', '.edit-action', function() {
                var data = $('#example').DataTable().row($(this).parents('tr')).data();
                window.open('editar_artigo.php?id=' + data.idproduto, '_blank');
            });
            
            $('#example').on('click', '.delete-action', function() {
                var data = $('#example').DataTable().row($(this).parents('tr')).data();
                var id = data.idproduto;
            
                if (confirm('Tem certeza que deseja apagar este artigo?')) {
                    // Faz a requisição AJAX para deletar
                    $.ajax({
                        url: 'delete_artigo.php',
                        type: 'POST',
                        data: { id: id },
                        success: function(response) {
                            alert(response.message); // Mensagem do servidor
                            $('#example').DataTable().ajax.reload(); // Recarrega a tabela
                        },
                        error: function() {
                            alert('Ocorreu um erro ao tentar apagar o artigo.');
                        }
                    });
                }
            });

        });
    </script>
<!-- doctors23:17-->
</html>