@include('junta::sidebar.dyna')

<ol class="breadcrumb">
    <li>
        <a href="/dashboard"><i class="entypo-home"></i> INICIO</a>
    </li>
    <li>
        <a href="/dashboard/15/junta?company=dyna"><i class="fa fa-dollar"></i> JUNTA DIRECTIVA</a>
    </li>

    <li>
        <a href="/dashboard/15/junta?company=dyna"><i class="fa fa-building-o"></i> DYNA</a>
    </li>

    <li class="active">
        <strong><i class="fa fa-area-chart" aria-hidden="true"></i> ANÁLISIS DUPONT</strong>
    </li>
</ol>

<hr />

<div class="row">

    <div class="col-md-12">

        <div class="panel panel-warning">
            <div class="panel-heading">
                <div class="panel-title">
                    <h2><i class="fa fa-area-chart" aria-hidden="true"></i> ANÁLISIS DUPONT</h2>
                </div>
                <div class="panel-options">

                </div>
            </div>
            <div class="panel-body">

                <div>

                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">MES TOTAL COMPAÑÍA</a></li>
                        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">MES OPERATIVO</a></li>
                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"> ACUMULADO TOTAL COMPAÑÍA</a></li>
                        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">ACUMULADO OPERATIVO</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home">
                            <iframe src="https://drive.google.com/a/dyna18.com/file/d/0B8VacxUbPq4EclBSQ0c1YXA1aTRuWm13UXpiMS01NklrOWQw/preview" width="100%" height="600" frameborder="0" allowfullscreen="true" allowtransparency="true"></iframe>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="profile">
                            <iframe src="https://drive.google.com/a/dyna18.com/file/d/0B8VacxUbPq4EUHloa0xrSEZXUXlKV2NzQ0FYV3I4eE1SdDVr/preview" width="100%" height="600" frameborder="0" allowfullscreen="true" allowtransparency="true"></iframe>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="messages">
                            <iframe src="https://drive.google.com/a/dyna18.com/file/d/0B8VacxUbPq4ENkdTQUgxRGw3NmlULUNGN2lhbTFKUFN3cm9j/preview" width="100%" height="600" frameborder="0" allowfullscreen="true" allowtransparency="true"></iframe>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="settings">
                            <iframe src="https://drive.google.com/a/dyna18.com/file/d/0B8VacxUbPq4EZGduU2xsN1FsZmFjRzNORmFXRXktTjlIdlQw/preview" width="100%" height="600" frameborder="0" allowfullscreen="true" allowtransparency="true"></iframe>
                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>

</div>

<div class="clearfix"></div>

@section('header')
@stop

@section('footer')
<!--<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>-->

<script>
    /*$(function () {
        $('#graph-1').highcharts({
            chart: {
                type: 'line'
            },
            title: {
                text: 'Gráfico Análisis Dupont'
            },
            xAxis: {
                categories: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                //tickmarkPlacement: 'on',
                title: {
                    enabled: false
                }
            },
            yAxis: {
                title: {
                    text: 'PORCENTAJE %'
                }
            },
            tooltip: {
                shared: true,
                crosshairs: [true,true],
                valueSuffix: ' %'
            },
            plotOptions: {
                line: {
                    dataLabels: {
                        enabled: true,
                        formatter: function() { return this.y + '%' }
                    }
                }
            },
            series: [{
                name: 'Año 2015 (Acumulado)',
                data: [1.38, 2.09, 2.85, 3.49, 3.87, 4.09, 4.87, 5.57, 6.09, 6.93, 7.82, 7.74]
            }, {
                name: 'Ppto 2016',
                data: [0.73,1.46,2.19,2.92,	3.65,4.38,5.10,5.83,6.56,7.29,8.02, 8.75]
            }, {
                name: 'Año 2016 (Acumulado)',
                data: [1.64,2.84,3.94,5.13]
            }]
        });
    });*/
</script>
@stop