@extends('layouts.planti')

@section('contenido')

    @if(Session::has('success'))
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif
    <style>
        body,html{
            margin: 0px !important;
            padding: 0px !important;

        }

    </style>
    <center>
        <h1 class="h3 mb-0 text-gray-800">TORRE DE CONTROL</h1>
        <!-- top tiles -->
        <div class="row tile_count">
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <span class="count_top"><i class="fa fa-clock-o"></i> O.C por Despachar</span>
                <div class="count">250</div>
                <span class="count_bottom"><i class="green">4% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <span class="count_top"><i class="fa fa-clock-o"></i> O.C Navegando</span>
                <div class="count blue">123.50</div>
                <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>3% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <span class="count_top"><i class="fa fa-clock-o"></i> O.C Entrado a Puerto</span>
                <div class="count green">2,500</div>
                <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
                <span class="count_top"><i class="fa fa-user"></i> O.C sin DO</span>
                <div class="count">{{ $po->count() }}</div>
                <span class="count_bottom"><i class="red"><i class="fa fa-sort-desc"></i>12% </i> From last Week</span>
            </div>
        </div>
        <!-- /top tiles -->
        {{--  <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <a href="/exportempaq" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fa fa-download fa-sm text-white-50"></i> Generar Reporte</a>--}}
            <iframe src="/rdatosordenes" width="100%" height="1000px"></iframe>
    {{-- </div> --}}

    <br>



    <style>
        .dataTables_filter {
            display: none;
        }

        .datatables_length {
            display: none;
        }

        #datatable_length {
            display: none;
        }

        .dataTables_paginate{
            display: none;
        } /*paging_simple_numbers*/

        .dataTables_info{
            display: none;
        }
    </style>

</center>



@endsection