<?php include('../includes/htmlOpenPov.php'); ?>
<style type="text/css">
  body {
    background-image: url(img/menu.jpg);
    background-size: cover;
  }
</style>
    <main class="main">
      <!-- Breadcrumb-->
      <?php 
        $li[0] = '<i class="fas fa-home"></i>';
        $li[1] = $_GET["opcNom"];
        include_once('../../../php/includes/ol.php');
      ?>
    </main>
    <!--
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.css" /><div class="container-fluid">
        <form action="" autocomplete="off">
          <div class="row d-flex justify-content-center">
            <div class="col-md-12">
              <canvas id="lineChart" style="height: 300px; width: 100%;"></canvas>
            </div>
          </div>
        </form>
      </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
    <script>
      var ctxL = document.getElementById("lineChart").getContext('2d');
      var gradPurple = ctxL.createLinearGradient(0, 0, 0, 200);
      gradPurple.addColorStop(0, "rgba(173, 53, 186, 1)");
      gradPurple.addColorStop(1, "rgba(173, 53, 186, 0.1)");

      var gradPrimary = ctxL.createLinearGradient(0, 0, 0, 200);
      gradPrimary.addColorStop(0, "rgb(32, 168, 216, 1)");
      gradPrimary.addColorStop(1, "rgb(32, 168, 216, 0.1)");

      var gradDanger = ctxL.createLinearGradient(0, 0, 0, 200);
      gradDanger.addColorStop(0, "rgb(246, 60, 58, 1)");
      gradDanger.addColorStop(1, "rgb(246, 60, 58, 0.1)");

      numHitRadius = 40;
      var myLineChart = new Chart(ctxL, {
        type: 'line',
        data: {
          labels: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio"],
          datasets: [{
              label: "Activo",
              data: [1200000, 6500000, 4500000, 6500000, 3500000, 6500000, 8000000],
              backgroundColor: gradPurple,
              borderColor: "#AD35BA",
              pointBackgroundColor: "#AD35BA",
              pointRadius: 6,
              pointHoverRadius: 8,
              pointHitRadius: numHitRadius,
            }, {
              label: 'Pasivo',
              data: [3500000, 500000, 400000, 6900000, 2800000, 2500000, 800000],
              backgroundColor: gradPrimary,
              borderColor: "#20a8d8",
              pointBackgroundColor: "#20a8d8",
              pointRadius: 6,
              pointHoverRadius: 8,
              pointHitRadius: numHitRadius,
            }, {
              label: 'Ingresos',
              data: [6500000, 1200000, 800000, 200000, 7500000, 3500000, 2800000],
              backgroundColor: gradDanger,
              borderColor: "#f64846",
              pointBackgroundColor: "#f64846",
              pointRadius: 6,
              pointHoverRadius: 8,
              pointHitRadius: numHitRadius,
            }
          ]
        },
        options: {
          responsive: true,
          title: {
            display: true,
            text: 'Contabilidad'
          }
        }
      });
    </script>-->

<?php include('../../../php/includes/htmlClose.php'); ?>