<?php
include 'header.php';
include '../controller/dashboard.php';
?>


<div class="content mt-3">
            <div class="animated fadeIn">
              

            <div class="content mt-3">
            <div class="animated fadeIn">
                <div class="row">


                    <div class="col-md-6 col-lg-3">
                        <div class="card text-white bg-flat-color-1">
                            <div class="card-body pb-0">
                               
                                <h4 class="mb-0">
                                    <span class="count"><?php echo $num_rows_vehiculos;?></span>
                                </h4>
                                <p class="text-light">Total Vehiculos</p>

                                <div class="chart-wrapper px-0" style="height:70px;" height="70" />
                                <img src="../public/icon/cargando.png" width="30" height="40" />
                            </div>

                        </div>

                    </div>
                </div>
                <!--/.col-->

                <div class="col-md-6 col-lg-3">
                    <div class="card text-white bg-flat-color-2">
                        <div class="card-body pb-0">
                           
                            <h4 class="mb-0">
                                    <span class="count"><?php echo $num_rows_conductores;?></span>
                                </h4>
                            <p class="text-light">Total Conductores</p>

                            <div class="chart-wrapper px-0" style="height:70px;" height="70" />
                            <img src="../public/icon/conductor.png" width="30" height="40" />
                        </div>

                    </div>
                </div>
            </div>
            <!--/.col-->

            <div class="col-md-6 col-lg-3">
                <div class="card text-white bg-flat-color-3">
                    <div class="card-body pb-0">
                
                        <h4 class="mb-0">
                                    <span class="count"><?php echo $num_rows_seguro;?></span>
                                </h4>
                        <p class="text-light">Seguro Vehicular</p>

                    </div>

                    <div class="chart-wrapper px-0" style="height:70px;" height="70" />
                    <img src="../public/icon/policia.png" width="30" height="40" />
                </div>
            </div>
        </div>
        <!--/.col-->

        <div class="col-md-6 col-lg-3">
            <div class="card text-white bg-flat-color-4">
                <div class="card-body pb-0">
                   
                    <h4 class="mb-0">
                                    <span class="count"><?php echo $num_rows_user;?></span>
                                </h4>
                    <p class="text-light">Total Usuarios</p>

                    <div class="chart-wrapper px-3" style="height:70px;" height="70" />
                    <img src="../public/icon/user-interface.png" width="30" height="40" />
                </div>

            </div>
        </div>
        </div>
        <div class="content mt-3">
            <div class="animated fadeIn">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">

                       
                            <div class="card-body">
                                <h4 class="mb-3">Manual de Usuario detellado de uso del Sistema</h4>
                                <iframe src="../public/manual_usuario.pdf" style="height:440px;width:100%;" title="Iframe Example"></iframe>
                            </div>

                            </div>
                        </div>

                        
                    </div><!-- /# column -->
                   


                </div>

            </div><!-- .animated -->
        </div><!-- .content -->


    </div><!-- /#right-panel -->

    <!-- Right Panel -->

<?php
include 'footer.php';
?>
<script>
    new DataTable('#example', {
    layout: {
        topStart: {
            buttons: ['csv', 'excel', 'pdf', 'print']
        }
    }
});
</script>

<script>
    new DataTable('#licencia', {
    layout: {
        topStart: {
            buttons: ['csv', 'excel', 'pdf', 'print']
        }
    }
});
</script>

<script>
    new DataTable('#mante', {
    layout: {
        topStart: {
            buttons: ['csv', 'excel', 'pdf', 'print']
        }
    }
});
</script>

