<?php echo $this->extend('/template'); ?>
<?php echo $this->section('content') ?>

<head>
    <title>DASHBOARD PEDA MATENG</title>
</head>

<script src="assets/admin/plugins/RGraph/libraries/RGraph.common.core.js"></script>
<script src="assets/admin/plugins/RGraph/libraries/RGraph.segmented.js"></script>

<div class="container">

    <h1>
        <div class='glyphicon glyphicon-th-large'></div>&nbsp;&nbsp;<b>DASHBOARD PEDA MATENG TAHUN : <?php echo date('Y'); ?></b>
    </h1>
</div>

<?php 
// echo '<pre>';
// print_r($cek);
// echo '</pre>';
?>

<h3><div class='fa fa-angle-double-right'></div>&nbsp;&nbsp;<b>ARUS MUDIK</b></h3>
<div class="row">
    <div class="col-md-3 col-xl-3">
        <div class="card bg-c-blue order-card">
            <div class="card-block">
                <h3><span class="fa fa-bars"></span>&nbsp;Jumlah Armada</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $totalarmada[0]; ?></b>
                </h3></span>
                <h4>Armada Bus
                    <span class="f-right"><b><?php echo $bus[0]; ?></b>
                </h4></span>
                <h4>Kereta
                    <span class="f-right"><b><?php echo $kereta[0]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>

    <div class="col-md-3 col-xl-3">
        <div class="card bg-c-green order-card">
        <div class="card-block">
                <h3><span class="fa fa-bars"></span>&nbsp;Calon Pemudik Bus</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $warga['bus'][0][1]+$warga['bus'][0][9]; ?></b>
                </h3></span>
                <h4>Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['bus'][0][1]; ?></b>
                </h4></span>
                <h4>Tidak Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['bus'][0][9]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>

    <?php $kuota = calckuota();  ?>

    <div class="col-md-3 col-xl-3">
        <div class="card order-card" style="background-color:#DA251C">
        <div class="card-block">
        <h3><span class="fa fa-bus"></span>&nbsp;Calon Pemudik Kereta<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Solo</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $warga['keretasolo'][0][1] + $warga['keretasolo'][0][9]; ?></b>
                </h3></span>

                <h4>Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasolo'][0][1]; ?></b>
                </h4></span>
                <h4>Tidak Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasolo'][0][9]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>

    <div class="col-md-3 col-xl-3">
        <div class="card order-card" style="background-color:#DA251C">
        <div class="card-block">
        <h3><span class="fa fa-bus"></span>&nbsp;Calon Pemudik Kereta<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Semarang</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $warga['keretasemarang'][0][1] + $warga['keretasolo'][0][9]; ?></b>
                </h3></span>

                <h4>Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasemarang'][0][1]; ?></b>
                </h4></span>
                <h4>Tidak Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasemarang'][0][9]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>



</div>

<h3><div class='fa fa-angle-double-left'></div>&nbsp;&nbsp;<b>ARUS BALIK</b></h3>
<div class="row">
    <div class="col-md-3 col-xl-3">
        <div class="card bg-c-blue order-card">
            <div class="card-block">
                <h3><span class="fa fa-bars"></span>&nbsp;Jumlah Armada</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $totalarmada[1]; ?></b>
                </h3></span>
                <h4>Armada Bus
                    <span class="f-right"><b><?php echo $bus[1]; ?></b>
                </h4></span>
                <h4>Kereta
                    <span class="f-right"><b><?php echo $kereta[1]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>

    <div class="col-md-3 col-xl-3">
        <div class="card bg-c-green order-card">
        <div class="card-block">
                <h3><span class="fa fa-bars"></span>&nbsp;Calon Pemudik Bus</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $warga['bus'][1][1]+$warga['bus'][1][9]; ?></b>
                </h3></span>
                <h4>Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['bus'][1][1]; ?></b>
                </h4></span>
                <h4>Tidak Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['bus'][1][9]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>

    <?php $kuota = calckuota();  ?>

    <!-- <div class="col-md-3 col-xl-3">
        <div class="card order-card" style="background-color:#DA251C">
        <div class="card-block">
        <h3><span class="fa fa-bus"></span>&nbsp;Calon Pemudik Kereta<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Solo</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $warga['keretasolo'][1][1] + $warga['keretasolo'][1][9]; ?></b>
                </h3></span>

                <h4>Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasolo'][1][1]; ?></b>
                </h4></span>
                <h4>Tidak Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasolo'][1][9]; ?></b>
                </h4></span>
            </div>
        </div>
    </div> -->

    <div class="col-md-3 col-xl-3">
        <div class="card order-card" style="background-color:#DA251C">
        <div class="card-block">
        <h3><span class="fa fa-bus"></span>&nbsp;Calon Pemudik Kereta<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Semarang</h3>
                <div style="margin-top:3px;"></div>
                <h3>Total
                    <span class="f-right"><b><?php echo $warga['keretasemarang'][1][1] + $warga['keretasolo'][0][9]; ?></b>
                </h3></span>

                <h4>Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasemarang'][1][1]; ?></b>
                </h4></span>
                <h4>Tidak Lolos Verifikasi
                    <span class="f-right"><b><?php echo $warga['keretasemarang'][1][9]; ?></b>
                </h4></span>
            </div>
        </div>
    </div>



</div>



<style>
    hr {
        padding-top:0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;

    }
    .order-card {
        color: #fff;
    }

    .bg-c-blue {
        background: linear-gradient(45deg,rgb(6, 115, 239), #73b4ff);
    }

    .bg-c-green {
        background: linear-gradient(45deg,rgb(4, 228, 183),rgb(35, 122, 105));
    }

    /* #88A998
    ##6e897b */

    .bg-c-yellow {
        background: linear-gradient(45deg, #FFB64D, #ffcb80);
    }

    .bg-c-pink {
        background: linear-gradient(45deg, #FF5370, #ff869a);
    }


    .card {
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
        box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
        border: none;
        margin-bottom: 10px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .card .card-block {
        padding: 10px;
        height: 250px;
    }

    .order-card i {
        font-size: 26px;
    }

    .f-left {
        float: left;
    }

    .f-right {
        float: right;
    }
</style>
<?php echo $this->endSection() ?>