{% extends "baseAdmin.html" %}
{% block titulo %}
  .::Balance (Administrador)
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#navBalance").attr('class','dropdown active');
        $("#navTorta").attr('class','active');
      </script>
        <div class="row"><br><br><br><br></div>
        <div class="row">
          <div class="col-md-10 col-md-offset-1 col-sm-12" >
              <div class="panel panel-primary">
                <div class="panel-heading" align="center"> <h5>GRAFICO</h5></div>
                <div class="panel-body">
                  <div class="row">
                    <div class="col-md-10 col-md-offset-1" align="center">
                      <div id="canvas-holder">
                        <canvas id="chart-area" width="300" height="300"/>
                      </div>
                      <script>
                        var pieData = [
                            {
                              value: 300,
                              color:"#F7464A",
                              highlight: "#FF5A5E",
                              label: "Red"
                            },
                            {
                              value: 50,
                              color: "#46BFBD",
                              highlight: "#5AD3D1",
                              label: "Green"
                            },
                            {
                              value: 100,
                              color: "#FDB45C",
                              highlight: "#FFC870",
                              label: "Yellow"
                            },
                            {
                              value: 40,
                              color: "#949FB1",
                              highlight: "#A8B3C5",
                              label: "Grey"
                            },
                            {
                              value: 120,
                              color: "#4D5360",
                              highlight: "#616774",
                              label: "Dark Grey"
                            }

                          ];
                          window.onload = function(){
                            var ctx = document.getElementById("chart-area").getContext("2d");
                            window.myPie = new Chart(ctx).Pie(pieData);
                          };
                      </script>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
    </div>
{% endblock content1 %}
