@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>



  



            <div class="col-md-4 col-sm-4 ">
                <div class="x_panel tile fixed_height_320 overflow_hidden">
                <div class="x_title">
                    <h2>Maritimo</h2>
                    <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                    </li>
                  
                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                    </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table class="" style="width:100%">
                    <tr>
                        <th style="width:37%;">
                        <p>Top 5</p>
                        </th>
                        <th>
                        <div class="col-lg-7 col-md-7 col-sm-7 ">
                            <p class="">Device</p>
                        </div>
                        <div class="col-lg-5 col-md-5 col-sm-5 ">
                            <p class="">Progress</p>
                        </div>
                        </th>
                    </tr>
                    <tr>
                        <td>
                        <canvas class="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
                        </td>
                        <td>
                        <table class="tile_info">
                            <tr>
                            <td>
                                <p><i class="fa fa-square blue"></i>Sin embarcar </p>
                            </td>
                            <td>30%</td>
                            </tr>
                            <tr>
                            <td>
                                <p><i class="fa fa-square green"></i>En transito</p>
                            </td>
                            <td>10%</td>
                            </tr>
                            <tr>
                            <td>
                                <p><i class="fa fa-square purple"></i>Arribo sin Levante </p>
                            </td>
                            <td>20%</td>
                            </tr>
                            <tr>
                            <td>
                                <p><i class="fa fa-square aero"></i>Levante sin Retiro </p>
                            </td>
                            <td>15%</td>
                            </tr>
                            <tr>
                            <td>
                                <p><i class="fa fa-square red"></i>Retiro sin ingreso a Planta </p>
                            </td>
                            <td>30%</td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    </table>
                </div>
                </div>
            </div>

@endsection