
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SOV - Sistema de Ordem de Viagens</title>

    <!-- Favicon -->
    <link rel="icon" href="<?= URL ?>/favicon.ico" type="image/x-icon">
    <link rel="icon" type="image/png" href="<?= URL ?>/assets/img/favicon.png">


    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Estilo customizado -->
    <link rel="stylesheet" href="<?= URL ?>/public/css/estilos.css">

    <meta name="description" content="Sistema de Gestão de Ordens de Viagens - SOV">

    
</head>
<body>




  
<?php
// Inclui o topo (navbar, sidebar, <main>)
include __DIR__ . '/topo.php';
?>

<?php
// Inclui o conteúdo específico da tela
if (isset($conteudo) && file_exists($conteudo)) {
    if (isset($dados)) extract($dados);
    include $conteudo;
} else {
    // Conteúdo padrão caso não seja especificado um arquivo de conteúdo
    ?>
    <h1 class="h3 mb-4">Bem-vindo ao SOV</h1>
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <i class="bi bi-plus-circle fs-2 text-primary"></i>
                    <h6 class="mt-2">Nova Ordem</h6>
                    <a href="<?= URL ?>/ordens/cadastrar" class="btn btn-sm btn-outline-primary mt-2">Criar</a>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <i class="bi bi-file-earmark-text fs-2 text-success"></i>
                    <h6 class="mt-2">Minhas Ordens</h6>
                    <a href="<?= URL ?>/ordens" class="btn btn-sm btn-outline-success mt-2">Ver</a>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow-sm">
  <div class="card-body text-center">
    <i class="bi bi-receipt fs-2 text-info"></i>
    <h6 class="mt-2">Prestação de Contas</h6>
    <a href="<?= URL ?>/prestacao_contas" class="btn btn-sm btn-outline-info mt-2">Acessar</a>
  </div>
</div>
        </div>
    </div>

    <div class="row">
    <div class="col-md-6 mb-4">
        <div class="card shadow-sm">
            <div class="card-header">
                <strong>Despesas por mês</strong>
            </div>
            <div class="card-body">
                <canvas id="graficoBI" height="100"></canvas>
            </div>
        </div>
    </div>


    <div class="col-md-6 mb-4">
        <div class="card shadow-sm">
            <div class="card-header">
                <strong>Top 5 Diárias por Funcionário</strong>
            </div>
           <div class="card-body">
               <canvas id="graficoDiariasFuncionario"></canvas>
        </div>

        </div>
    </div>

    <div class="col-md-6 mb-4">
        <div class="card shadow-sm">
            <div class="card-header">
                <strong>Despesas por Tipo</strong>
            </div>
            <div class="card-body">
                <canvas id="graficoTipos" width="400" height="400"></canvas>

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

    
    

    <div class="col-md-6 mb-4">
        <div class="card shadow-sm">
            <div class="card-header">
                <strong>Ordens por Status</strong>
            </div>
            <div class="card-body">
                <canvas id="graficoOrdensStatus" height="100"></canvas>
            </div>
        </div>
    </div>
</div>

    <?php
}
?>

<?php
// Inclui o rodapé (</main>, scripts, fechamento de body/html)
include __DIR__ . '/rodape.php';
?>
