@extends('usuarios.clientes.master.layoutcliente')
@section('conteudo')
<style type="text/css">
    .maxcard{
        width:inherit;
        height:inherit;
    }
    img.card-img-top {
    height: 120px;
}
</style>

    <div class="container-fluid">
        <div class="row clearfix">



            <div class="card-group mb-4">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">

                                     @php

                                   $minhaEMpresa=\App\Models\FuncionarioCliente::trazer_Empresa_id();
                                    $clientes_cad=\App\Models\FuncionarioCliente::join('clientes','clientes.id','funcionarioclientes.cliente_id')
                                                                                ->where('funcionarioclientes.cliente_id',$minhaEMpresa->id)
                                                                                ->select('funcionarioclientes.id')->count();

                                    @endphp

                                <h3 class="text-success">{{$clientes_cad}}</h3>
                                <p class="card-subtitle text-muted fw-500">Usuarios Cadastrados</p>
                            </div>
                            <div class="icon"><i class="ik ik-user"></i></div>
                        </div>
                        {{-- <div class="progress mt-3 mb-1" style="height: 6px;">
                            <div class="progress-bar bg-success" role="progressbar" style="width: 83%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                        <div class="text-muted f12">
                            <span>Progress</span>
                            <span class="float-right">83%</span>
                        </div> --}}
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">

                                @php

                                 $clientes_caixas=\App\Models\Caixa::join('reservas','reservas.id','caixas.reserva_id')
                                                                    ->join('clientes','clientes.id','reservas.cliente_id')
                                                                    ->where('caixas.estado',"Arrumado")
                                                                    ->where('clientes.id',$minhaEMpresa->id)->count();

                             @endphp
                                <h3 class="text-success">{{$clientes_caixas}}</h3>




                                <p class="card-subtitle text-muted fw-500">Caixas em Custódia</p>
                            </div>
                            <div class="icon"><i class="ik ik-box"></i></div>
                        </div>
                        {{-- <div class="progress mt-3 mb-1" style="height: 6px;">
                            <div class="progress-bar bg-success" role="progressbar" style="width: 83%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                        <div class="text-muted f12">
                            <span>Progress</span>
                            <span class="float-right">83%</span>
                        </div> --}}
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                   @php

                                 $clientes_caixasTra=\App\Models\Caixa::join('reservas','reservas.id','caixas.reserva_id')
                                                                    ->join('clientes','clientes.id','reservas.cliente_id')
                                                                    ->where('caixas.estado',"Em Trânsito")
                                                                    ->where('clientes.id',$minhaEMpresa->id)->count();

                             @endphp
                                <h3 class="text-primary">{{$clientes_caixasTra}}</h3>

                                <p class="card-subtitle text-muted fw-500">Caixas em Trânsito</p>
                            </div>
                            <div class="icon">
                                <i class="ik ik-shopping-cart"></i>
                            </div>
                        </div>
                        {{-- <div class="progress mt-3 mb-1" style="height: 6px;">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 63%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                        <div class="text-muted f12">
                            <span>Progress</span>
                            <span class="float-right">63%</span>
                        </div> --}}
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                            @php

                                $solicitacoe_clientes=\App\Models\Solicitacao::join('users','users.id','solicitacaos.user_id')
                                                                           ->join('funcionarioclientes','funcionarioclientes.user_id','users.id')
                                                                           ->join('clientes','clientes.id','funcionarioclientes.cliente_id')
                                                                           ->where('clientes.id',$minhaEMpresa->id)->count();

                            @endphp
                                <h3 class="text-primary">{{$solicitacoe_clientes}}</h3>
                                <p class="card-subtitle text-muted fw-500">Solitações feitas</p>
                            </div>
                            <div class="icon">
                                <i class="ik ik-send"></i>
                            </div>
                        </div>
                        {{-- <div class="progress mt-3 mb-1" style="height: 6px;">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 63%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                        <div class="text-muted f12">
                            <span>Progress</span>
                            <span class="float-right">63%</span>
                        </div> --}}
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                @php
                                 $empresa_cliente_id=\App\Models\FuncionarioCliente::trazer_Empresa_id();
                                 $indexacoe=\App\Models\ReferenciaCaixa::where('cliente_id',$empresa_cliente_id->id)
                                                                            ->where('estado',"Concluido")->sum('quantidade_caixas');
                                @endphp
                                <h3 class="text-warning">{{$indexacoe}}</h3>
                                <p class="card-subtitle text-muted fw-500">Quant de Caixas Indexadas</p>
                            </div>
                            <div class="icon">
                                <i class="ik ik-box"></i>
                            </div>
                        </div>
                        {{-- <div class="progress mt-3 mb-1" style="height: 6px;">
                            <div class="progress-bar bg-danger" role="progressbar" style="width: 77%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                        <div class="text-muted f12">
                            <span>Progress</span>
                            <span class="float-right">77%</span>
                        </div> --}}
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                <h3 class="text-info">ind</h3>
                                <p class="card-subtitle text-muted fw-500">Utilizadores online </p>
                            </div>
                            <div class="icon">
                                <i class="ik ik-trending-up"></i>
                            </div>
                        </div>
                        {{-- <div class="progress mt-3 mb-1" style="height: 6px;">
                            <div class="progress-bar bg-info" role="progressbar" style="width: 56%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                        <div class="text-muted f12">
                            <span>Progress</span>
                            <span class="float-right">56%</span>
                        </div> --}}
                    </div>
                </div>
            </div>



            <!---
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget">
                    <div class="widget-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                <h6>Números de Caixas em custódia</h6>
                                <h2>1410</h2>
                            </div>
                            <div class="icon">
                                <i class="ik ik-box"></i>
                            </div>
                        </div>
                        {{-- <small class="text-small mt-10 d-block">6% higher than last month</small> --}}
                    </div>
                    <div class="progress progress-sm">
                        <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100" style="width: 62%;"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget">
                    <div class="widget-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                <h6>Quantidade de Caixas em trânsito</h6>
                                <h2>41</h2>
                            </div>
                            <div class="icon">
                                <i class="ik ik-truck"></i>
                            </div>
                        </div>
                        {{-- <small class="text-small mt-10 d-block">61% higher than last month</small> --}}
                    </div>
                    <div class="progress progress-sm">
                        <div class="progress-bar bg-success" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%;"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget">
                    <div class="widget-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                <h6>Números de solicitações feitas</h6>
                                <h2>410</h2>
                            </div>
                            <div class="icon">
                                <i class="ik ik-calendar"></i>
                            </div>
                        </div>
                        {{-- <small class="text-small mt-10 d-block">Total Events</small> --}}
                    </div>
                    <div class="progress progress-sm">
                        <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="31" aria-valuemin="0" aria-valuemax="100" style="width: 31%;"></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget">
                    <div class="widget-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="state">
                                <h6>Quantidades de Processos em Posse</h6>
                                <h2>41410</h2>
                            </div>
                            <div class="icon">
                                <i class="ik ik-message-square"></i>
                            </div>
                        </div>
                        {{-- <small class="text-small mt-10 d-block">Total Comments</small> --}}
                    </div>
                    <div class="progress progress-sm">
                        <div class="progress-bar bg-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%;"></div>
                    </div>
                </div>
            </div>---->
        </div>


        <div class="row">
            <div class="col-md-12">
               <h5 class="mb-4">Serviços em Destaque</h5>
                <div class="row" style="position:center;">



                    {{-- <div class="row clearfix"> --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="{{route('us.admin.cliente.GestSolicitacao.personalizado.new.person',"doc_fisico")}}">
                                <div class="widget bg-danger">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Solicitar Documentos Físicos</h6>
                                                {{-- <h2>11</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-truck"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </a>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="{{route('us.admin.cliente.GestSolicitacao.personalizado.new.person',"doc_digital")}}">
                                <div class="widget bg-warning">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6> Solicitar Documentos via Digital </h6>
                                                {{-- <h2>3510</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-monitor"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                            <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="{{route('us.admin.cliente.GestSolicitacao.personalizado.new.person',"doc_custodia")}}">
                                <div class="widget bg-primary">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Solicitar recolha para custódia</h6>
                                                {{-- <h2>11</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-truck"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </a>
                        </div>
                         @can('clientes_view','consultar documentos já digitalizados')
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="{{route('us.admin.cliente.GestConsulta.consulta.index')}}">
                                <div class="widget bg-secondary">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Consultar Documentos Digitalizados </h6>
                                                {{-- <h2>543</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-file-text"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        @endcan
                        
                         @can('clientes_view','consultar metadados')
                            <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="{{route('us.admin.cliente.indexacao.consultar.list')}}">
                                <div class="widget bg-warning">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Consultar Metadados</h6>
                                                {{-- <h2>$43,567.53</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-inbox"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        @endcan

                            @can('clientes_view','reservar caixas')
                          <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="">
                                <div class="widget bg-primary">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Reservar Caixas</h6>
                                                {{-- <h2>$43,567.53</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-box"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        @endcan
                      @can('clientes_view','lista de documentos passiveis de destruição')
                         <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="{{route('us.admin.cliente.GestSolicitacao.personalizado.new.person',"doc_passivel_delete")}}">
                                <div class="widget bg-danger">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Lista de Documentos passiveis de destruição</h6>
                                                {{-- <h2>$43,567.53</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-alert-triangle"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endcan
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <a href="">
                                <div class="widget bg-primary">
                                    <div class="widget-body">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="state">
                                                <h6>Outros Pedidos</h6>
                                                {{-- <h2>$43,567.53</h2> --}}
                                            </div>
                                            <div class="icon">
                                                <i class="ik ik-inbox"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>


                    {{-- </div> --}}


                </div>
            </div>
        </div>


        <div class="row">

            @php

            $idEmpresa=App\Models\FuncionarioCliente::trazer_Empresa_id();
            $funcoinariosOnlines=App\Models\Acesso::join('dispositivos','acessos.dispositivo_id','=','dispositivos.id')
                                                ->join('users','users.id','=','dispositivos.user_id')
                                                ->join('funcionarioclientes','funcionarioclientes.user_id','=','users.id')
                                                ->join('categoriaclientes','categoriaclientes.id','=','funcionarioclientes.categoria_id')
                                                ->where('funcionarioclientes.cliente_id',$idEmpresa->id)
                                                ->where('acessos.sessao',"aberta")
                                                ->orderBy('dispositivos.id','desc')
                                                ->select('users.name','acessos.created_at','users.avatar','categoriaclientes.categoriacliente')->get();
                                                
                    $contador_j=0;
        @endphp
            <!-- product and new customar start -->
            <div class="col-xl-6 col-md-12">
                <div class="card new-cust-card">
                    <div class="card-header">
                        <h3>Acessos Recentes</h3>
                        <div class="card-header-right">
                            <ul class="list-unstyled card-option">
                                <li><i class="ik ik-chevron-left action-toggle"></i></li>
                                <li><i class="ik ik-minus minimize-card"></i></li>
                                <li><i class="ik ik-x close-card"></i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-block">
                        @foreach($funcoinariosOnlines as $online)
                        
                        @php
                        $contador_j++;
                            if($contador_j>=6)
                            break;
                        @endphp
                        <div class="align-middle mb-25">
                            <img src="../img/users/1.jpg" alt="user image" class="rounded-circle img-40 align-top mr-15">
                            <div class="d-inline-block">
                                <a href="#!"><h6>{{$online->name}}</h6></a>
                                <p class="text-muted mb-0">{{$online->categoriacliente}}</p>
                                <span class="status deactive text-mute"><i class="far fa-clock mr-10"></i>{{$online->created_at}}</span>
                            </div>
                        </div>
                        @endforeach
                        {{-- <div class="align-middle mb-25">
                            <img src="../img/users/2.jpg" alt="user image" class="rounded-circle img-40 align-top mr-15">
                            <div class="d-inline-block">
                                <a href="#!"><h6>John Doue</h6></a>
                                <p class="text-muted mb-0">stay hungry stay foolish!</p>
                                <span class="status deactive text-mute"><i class="far fa-clock mr-10"></i>30 min ago</span>
                            </div>
                        </div>
                        <div class="align-middle mb-25">
                            <img src="../img/users/3.jpg" alt="user image" class="rounded-circle img-40 align-top mr-15">
                            <div class="d-inline-block">
                                <a href="#!"><h6>Alex Thompson</h6></a>
                                <p class="text-muted mb-0">Cheers!</p>
                                <span class="status deactive text-mute"><i class="far fa-clock mr-10"></i>30 min ago</span>
                            </div>
                        </div>
                        <div class="align-middle mb-25">
                            <img src="../img/users/4.jpg" alt="user image" class="rounded-circle img-40 align-top mr-15">
                            <div class="d-inline-block">
                                <a href="#!"><h6>John Doue</h6></a>
                                <p class="text-muted mb-0">Cheers!</p>
                                <span class="status deactive text-mute"><i class="far fa-clock mr-10"></i>10 min ago</span>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>

            {{-- <div class="col-md-8 col-xl-8">
                <div class="card">
                    <div class="card-header">
                        <h3>Line Chart</h3>
                    </div>
                    <div class="card-block text-center">
                        <div id="line_chart" class="chart-shadow" style="height:400px"></div>
                    </div>
                </div>
            </div> --}}

            {{-- <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-lg-8 col-md-12">
                                <h3 class="card-title">Visitors By Countries</h3>
                                <div id="visitfromworld" style="width:100%; height:350px"></div>
                            </div>
                            <div class="col-lg-4 col-md-12">
                                <div class="row mb-15">
                                    <div class="col-9">India</div>
                                    <div class="col-3 text-right">28%</div>
                                    <div class="col-12">
                                        <div class="progress progress-sm mt-5">
                                            <div class="progress-bar bg-green" role="progressbar" style="width: 48%" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-15">
                                    <div class="col-9"> UK</div>
                                    <div class="col-3 text-right">21%</div>
                                    <div class="col-12">
                                        <div class="progress progress-sm mt-5">
                                            <div class="progress-bar bg-aqua" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-15">
                                    <div class="col-9"> USA</div>
                                    <div class="col-3 text-right">18%</div>
                                    <div class="col-12">
                                        <div class="progress progress-sm mt-5">
                                            <div class="progress-bar bg-purple" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-9">China</div>
                                    <div class="col-3 text-right">12%</div>
                                    <div class="col-12">
                                        <div class="progress progress-sm mt-5">
                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
            <div class="col-md-6">
                <div class="card" style="min-height: 422px;">
                    <div class="card-header"><h3>Gráfico de Acesso de Dispositivos</h3></div>
                    <div class="card-body">
                        <div id="c3-donut-chart"></div>
                    </div>
                </div>
            </div>



        </div>


                <div class="row">
                    <div class="col-md-12">
                       <h5 class="mb-4">Notícias GestDoc</h5>
                        <div class="row">
                            <div class="col-md-12 mb-4 pl-0 pr-0">
                                <div class="owl-container">
                                    <div class="owl-carousel basic">
                                        <div class="card flex-row">
                                            <div class=" maxcard">
                                                <img class="card-img-top"  src="{{asset('img/g1.png')}}"alt="Card image cap">
                                                <div class="card-body">
                                                  {{-- <h5 class="card-title">Card title</h5> --}}
                                                  <p class="card-text" >Arquive e aceda
                                                    aos seus documentos de forma profissional.</p>
                                                  <a href="#" class="btn btn-primary">Ver Mais</a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card flex-row">
                                            <div class=" maxcard">
                                                <img class="card-img-top"  src="{{asset('img/g1.png')}}"alt="Card image cap">
                                                <div class="card-body">
                                                  {{-- <h5 class="card-title">Card title</h5> --}}
                                                  <p class="card-text" >Não deixe que um pequeno
                                                    problema de arquivo se
                                                    transforme num grande
                                                    problema</p>
                                                  <a href="#" class="btn btn-primary">Ver Mais</a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card flex-row">

                                            <div class=" maxcard">
                                                <img class="card-img-top"  src="{{asset('img/12.png')}}" height="" alt="Card image cap">
                                                <div class="card-body">
                                                  {{-- <h5 class="card-title">Card title</h5> --}}
                                                  <p class="card-text" >A GestDoc fornece soluções desde a digitalização, suporte micrográfico de todo o tipo de documentos</p>
                                                  <a href="#" class="btn btn-primary">Ver Mais</a>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="card flex-row">


                                            <div class=" maxcard">
                                                <img class="card-img-top"  src="{{asset('cliente/img/portfolio-2.jpg')}}"  alt="Card image cap">
                                                <div class="card-body">
                                                  {{-- <h5 class="card-title">Card title</h5> --}}
                                                  <p class="card-text" >A GestDoc fornece soluções digitais para ajudá-lo a gerir a informação da sua empresa.</p>
                                                  <a href="#" class="btn btn-primary">Ver Mais</a>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="card flex-row">


                                            <div class=" maxcard">
                                                <img class="card-img-top"  src="../../img/portfolio-5.jpg"   alt="Card image cap">
                                                <div class="card-body">
                                                  {{-- <h5 class="card-title">Card title</h5> --}}
                                                  <p class="card-text" >A GestDoc fornece soluções digitais para ajudá-lo a gerir a informação da sua empresa.</p>
                                                  <a href="#" class="btn btn-primary">Go somewhere</a>
                                                </div>
                                            </div>

                                        </div>


                                    </div>
                                    <div class="slider-nav text-center">
                                        <a href="#" class="left-arrow owl-prev">
                                            <i class="ik ik-chevron-left"></i>
                                        </a>
                                        <div class="slider-dot-container"></div>
                                        <a href="#" class="right-arrow owl-next">
                                            <i class="ik ik-chevron-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>



                    {{--
                        <div class="row">
                            <div class="col-md-8">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row align-items-center">
                                            <div class="col-lg-8 col-md-12">
                                                <h3 class="card-title">Visitors By Countries</h3>
                                                <div id="visitfromworld" style="width:100%; height:350px"></div>
                                            </div>
                                            <div class="col-lg-4 col-md-12">
                                                <div class="row mb-15">
                                                    <div class="col-9">India</div>
                                                    <div class="col-3 text-right">28%</div>
                                                    <div class="col-12">
                                                        <div class="progress progress-sm mt-5">
                                                            <div class="progress-bar bg-green" role="progressbar" style="width: 48%" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row mb-15">
                                                    <div class="col-9"> UK</div>
                                                    <div class="col-3 text-right">21%</div>
                                                    <div class="col-12">
                                                        <div class="progress progress-sm mt-5">
                                                            <div class="progress-bar bg-aqua" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row mb-15">
                                                    <div class="col-9"> USA</div>
                                                    <div class="col-3 text-right">18%</div>
                                                    <div class="col-12">
                                                        <div class="progress progress-sm mt-5">
                                                            <div class="progress-bar bg-purple" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-9">China</div>
                                                    <div class="col-3 text-right">12%</div>
                                                    <div class="col-12">
                                                        <div class="progress progress-sm mt-5">
                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card" style="min-height: 422px;">
                                    <div class="card-header"><h3>Donut chart</h3></div>
                                    <div class="card-body">
                                        <div id="c3-donut-chart"></div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}

        <!--- <div class="row">


                        {{-- <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h3>Recent Chat</h3>
                                    <div class="card-header-right">
                                        <ul class="list-unstyled card-option">
                                            <li><i class="ik ik-chevron-left action-toggle"></i></li>
                                            <li><i class="ik ik-minus minimize-card"></i></li>
                                            <li><i class="ik ik-x close-card"></i></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-body chat-box scrollable" style="height:300px;">
                                    <ul class="chat-list">
                                        <li class="chat-item">
                                            <div class="chat-img"><img src="img/users/1.jpg" alt="user"></div>
                                            <div class="chat-content">
                                                <h6 class="font-medium">James Anderson</h6>
                                                <div class="box bg-light-info">Lorem Ipsum is simply dummy text of the printing &amp; type setting industry.</div>
                                            </div>
                                            <div class="chat-time">10:56 am</div>
                                        </li>
                                        <li class="chat-item">
                                            <div class="chat-img"><img src="img/users/2.jpg" alt="user"></div>
                                            <div class="chat-content">
                                                <h6 class="font-medium">Bianca Doe</h6>
                                                <div class="box bg-light-info">It’s Great opportunity to work.</div>
                                            </div>
                                            <div class="chat-time">10:57 am</div>
                                        </li>
                                        <li class="odd chat-item">
                                            <div class="chat-content">
                                                <div class="box bg-light-inverse">I would love to join the team.</div>
                                                <br>
                                            </div>
                                        </li>
                                        <li class="odd chat-item">
                                            <div class="chat-content">
                                                <div class="box bg-light-inverse">Whats budget of the new project.</div>
                                                <br>
                                            </div>
                                            <div class="chat-time">10:59 am</div>
                                        </li>
                                        <li class="chat-item">
                                            <div class="chat-img"><img src="img/users/3.jpg" alt="user"></div>
                                            <div class="chat-content">
                                                <h6 class="font-medium">Angelina Rhodes</h6>
                                                <div class="box bg-light-info">Well we have good budget for the project</div>
                                            </div>
                                            <div class="chat-time">11:00 am</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="card-footer chat-footer">
                                    <div class="input-wrap">
                                        <input type="text" placeholder="Type and enter" class="form-control">
                                    </div>
                                    <button type="button" class="btn btn-icon btn-theme"><i class="fa fa-paper-plane"></i></button>
                                </div>
                            </div>
                        </div> --}}


                        {{-- <div class="col-md-4">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex">
                                        <h4 class="card-title">Weather Report</h4>
                                        <select class="form-control w-25 ml-auto">
                                            <option selected="">Today</option>
                                            <option value="1">Weekly</option>
                                        </select>
                                    </div>
                                    <div class="d-flex align-items-center flex-row mt-30">
                                        <div class="p-2 f-50 text-info"><i class="wi wi-day-showers"></i> <span>23<sup>°</sup></span></div>
                                        <div class="p-2">
                                        <h3 class="mb-0">Saturday</h3><small>Banglore, India</small></div>
                                    </div>
                                    <table class="table table-borderless">
                                        <tbody>

                                            <tr>
                                                <td>Pressure</td>
                                                <td class="font-medium">28.56 in</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <hr>
                                    <ul class="list-unstyled row text-center city-weather-days mb-0 mt-20">
                                        <li class="col"><i class="wi wi-day-sunny mr-5"></i><span>09:30</span><h3>20<sup>°</sup></h3></li>
                                        <li class="col"><i class="wi wi-day-cloudy mr-5"></i><span>11:30</span><h3>22<sup>°</sup></h3></li>
                                        <li class="col"><i class="wi wi-day-hail mr-5"></i><span>13:30</span><h3>25<sup>°</sup></h3></li>
                                    </ul>
                                </div>
                            </div>
                        </div> --}}
                   <div class="col-md-6">
                        <div class="card" style="min-height: 202px;">
                            <div class="card-header">
                                <h3>Calendário</h3>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="ik ik-chevron-left action-toggle"></i></li>
                                        <li><i class="ik ik-minus minimize-card"></i></li>
                                        <li><i class="ik ik-x close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body timeline">
                                <div class="header bg-theme" style="background-image: url('img/placeholder/placeimg_400_200_nature.jpg')">
                                    <div class="color-overlay d-flex align-items-center">
                                        <div class="day-number">9</div>
                                        <div class="date-right">
                                            <div class="day-name">Friday</div>
                                            <div class="month">julho 2021</div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <ul>
                                    <li>
                                        <div class="bullet bg-pink"></div>
                                        <div class="time">11am</div>
                                        <div class="desc">
                                            <h3>Attendance</h3>
                                            <h4>Computer Class</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="bullet bg-green"></div>
                                        <div class="time">12pm</div>
                                        <div class="desc">
                                            <h3>Design Team</h3>
                                            <h4>Hangouts</h4>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="bullet bg-orange"></div>
                                        <div class="time">2pm</div>
                                        <div class="desc">
                                            <h3>Finish</h3>
                                            <h4>Go to Home</h4>
                                        </div>
                                    </li>
                                </ul> --}}
                            </div>
                        </div>
                    </div>

        </div>
        -->

        <div class="row">
            <div class="col-md-12">
                <h4 class="card-title text-center"> GestDoc Time line</h4>
                 <div class="row">
            <div class="row justify-content-center">

            </div>
                        <marquee width="100%" direction="left" height="100px">
                           <h4> Desde que uma empresa nasce, o volume da sua informação nunca para de crescer. O acesso rápido e seguro a esta informação é fundamental para qualquer organização: pode significar a diferença entre uma empresa eficiente ou ineficiente, uma oportunidade aproveitada ou desperdiçada, um negócio ganho ou perdido.

                            A GestDoc fornece uma gama completa de soluções digitais para ajudá-lo a gerir a informação da sua empresa, desde a digitalização sobre suporte papel ou suporte micrográfico de todo o tipo de documentos, imagens, slides, documentos técnicos, etc., à conversão de textos para formato digital (OCR), armazenamento e disponibilização a utilizadores credenciados, sistemas de backup redundantes, entre outros.</h4>
                        </marquee>
                </div>
            </div>
        </div>




            {{--
                    <div class="card">
                        <div class="card-header row">
                            <div class="col col-sm-3">
                                <div class="dropdown d-inline-block">
                                    <a class="btn-icon checkbox-dropdown dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
                                    <div class="dropdown-menu" aria-labelledby="moreDropdown">
                                        <a class="dropdown-item" id="checkbox_select_all" href="javascript:void(0);">Select All</a>
                                        <a class="dropdown-item" id="checkbox_deselect_all" href="javascript:void(0);">Deselect All</a>
                                    </div>
                                </div>
                                <div class="card-options d-inline-block">
                                    <a href="#"><i class="ik ik-inbox"></i></a>
                                    <a href="#"><i class="ik ik-plus"></i></a>
                                    <a href="#"><i class="ik ik-rotate-cw"></i></a>
                                    <div class="dropdown d-inline-block">
                                        <a class="nav-link dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-more-horizontal"></i></a>
                                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreDropdown">
                                            <a class="dropdown-item" href="#">Action</a>
                                            <a class="dropdown-item" href="#">More Action</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col col-sm-6">
                                <div class="card-search with-adv-search dropdown">
                                    <form action="">
                                        <input type="text" class="form-control" placeholder="Search.." required>
                                        <button type="submit" class="btn btn-icon"><i class="ik ik-search"></i></button>
                                        <button type="button" id="adv_wrap_toggler" class="adv-btn ik ik-chevron-down dropdown-toggle" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                        <div class="adv-search-wrap dropdown-menu dropdown-menu-right" aria-labelledby="adv_wrap_toggler">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Full Name">
                                            </div>
                                            <div class="form-group">
                                                <input type="email" class="form-control" placeholder="Email">
                                            </div>
                                            <button class="btn btn-theme">Search</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="col col-sm-3">
                                <div class="card-options text-right">
                                    <span class="mr-5">1 - 50 of 2,500</span>
                                    <a href="#"><i class="ik ik-chevron-left"></i></a>
                                    <a href="#"><i class="ik ik-chevron-right"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <div class="list-item-wrap">
                                <div class="list-item">
                                    <div class="item-inner">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option1">
                                            <span class="custom-control-label">&nbsp;</span>
                                        </label>
                                        <div class="list-title"><a href="javascript:void(0)">Lorem Ipsum is simply dumm dummy text of the printing and typesetting industry.</a></div>
                                        <div class="list-actions">
                                            <a href="#"><i class="ik ik-eye"></i></a>
                                            <a href="#"><i class="ik ik-inbox"></i></a>
                                            <a href="#"><i class="ik ik-edit-2"></i></a>
                                            <a href="#"><i class="ik ik-trash-2"></i></a>
                                        </div>
                                    </div>

                                    <div class="qickview-wrap">
                                        <div class="desc">
                                            <p>Fusce suscipit turpis a dolor posuere ornare at a ante. Quisque nec libero facilisis, egestas tortor eget, mattis dui. Curabitur viverra laoreet ligula at hendrerit. Nullam sollicitudin maximus leo, vel pulvinar orci semper id. Donec vehicula tempus enim a facilisis. Proin dignissim porttitor sem, sed pulvinar tortor gravida vitae.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-item">
                                    <div class="item-inner">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option2">
                                            <span class="custom-control-label">&nbsp;</span>
                                        </label>
                                        <div class="list-title"><a href="javascript:void(0)">Aenean eu pharetra arcu, vitae elementum sem. Sed non ligula molestie, finibus lacus at, suscipit mi. Nunc luctus lacus vel felis blandit, eu finibus augue tincidunt.</a></div>
                                        <div class="list-actions">
                                            <a href="#"><i class="ik ik-eye"></i></a>
                                            <a href="#"><i class="ik ik-inbox"></i></a>
                                            <a href="#"><i class="ik ik-edit-2"></i></a>
                                            <a href="#"><i class="ik ik-trash-2"></i></a>
                                        </div>
                                    </div>
                                    <div class="qickview-wrap">
                                        <div class="desc">
                                            <p>Fusce suscipit turpis a dolor posuere ornare at a ante. Quisque nec libero facilisis, egestas tortor eget, mattis dui. Curabitur viverra laoreet ligula at hendrerit. Nullam sollicitudin maximus leo, vel pulvinar orci semper id. Donec vehicula tempus enim a facilisis. Proin dignissim porttitor sem, sed pulvinar tortor gravida vitae.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-item">
                                    <div class="item-inner">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="item_checkbox" name="item_checkbox" value="option3">
                                            <span class="custom-control-label">&nbsp;</span>
                                        </label>
                                        <div class="list-title"><a href="javascript:void(0)">Donec lectus augue, suscipit in sodales sit amet, semper sit amet enim. Duis pretium, nisi id pretium ornare, tortor nibh sodales tellus.</a></div>
                                        <div class="list-actions">
                                            <a href="#"><i class="ik ik-eye"></i></a>
                                            <a href="#"><i class="ik ik-inbox"></i></a>
                                            <a href="#"><i class="ik ik-edit-2"></i></a>
                                            <a href="#"><i class="ik ik-trash-2"></i></a>
                                        </div>
                                    </div>
                                    <div class="qickview-wrap">
                                        <div class="desc">
                                            <p>Fusce suscipit turpis a dolor posuere ornare at a ante. Quisque nec libero facilisis, egestas tortor eget, mattis dui. Curabitur viverra laoreet ligula at hendrerit. Nullam sollicitudin maximus leo, vel pulvinar orci semper id. Donec vehicula tempus enim a facilisis. Proin dignissim porttitor sem, sed pulvinar tortor gravida vitae.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header row">
                            <div class="col col-sm-3">
                                <div class="card-options d-inline-block">
                                    <a href="#"><i class="ik ik-inbox"></i></a>
                                    <a href="#"><i class="ik ik-plus"></i></a>
                                    <a href="#"><i class="ik ik-rotate-cw"></i></a>
                                    <div class="dropdown d-inline-block">
                                        <a class="nav-link dropdown-toggle" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ik ik-more-horizontal"></i></a>
                                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreDropdown">
                                            <a class="dropdown-item" href="#">Action</a>
                                            <a class="dropdown-item" href="#">More Action</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col col-sm-6">
                                <div class="card-search with-adv-search dropdown">
                                    <form action="">
                                        <input type="text" class="form-control global_filter" id="global_filter" placeholder="Search.." required>
                                        <button type="submit" class="btn btn-icon"><i class="ik ik-search"></i></button>
                                        <button type="button" id="adv_wrap_toggler" class="adv-btn ik ik-chevron-down dropdown-toggle" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                        <div class="adv-search-wrap dropdown-menu dropdown-menu-right" aria-labelledby="adv_wrap_toggler">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control column_filter" id="col0_filter" placeholder="Name" data-column="0">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control column_filter" id="col1_filter" placeholder="Position" data-column="1">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control column_filter" id="col2_filter" placeholder="Office" data-column="2">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control column_filter" id="col3_filter" placeholder="Age" data-column="3">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control column_filter" id="col4_filter" placeholder="Start date" data-column="4">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control column_filter" id="col5_filter" placeholder="Salary" data-column="5">
                                                    </div>
                                                </div>
                                            </div>
                                            <button class="btn btn-theme">Search</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="col col-sm-3">
                                <div class="card-options text-right">
                                    <span class="mr-5" id="top">1 - 50 of 2,500</span>
                                    <a href="#"><i class="ik ik-chevron-left"></i></a>
                                    <a href="#"><i class="ik ik-chevron-right"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <table id="advanced_table" class="table">
                                <thead>
                                    <tr>
                                        <th class="nosort" width="10">
                                            <label class="custom-control custom-checkbox m-0">
                                                <input type="checkbox" class="custom-control-input" id="selectall" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </th>
                                        <th class="nosort">Avatar</th>
                                        <th>Name</th>
                                        <th>Position</th>
                                        <th>Office</th>
                                        <th>Age</th>
                                        <th>Start date</th>
                                        <th>Salary</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/1.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Tiger Nixon</td>
                                        <td>System Architect</td>
                                        <td>Edinburgh</td>
                                        <td>61</td>
                                        <td>2011/04/25</td>
                                        <td>$320,800</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/2.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Garrett Winters</td>
                                        <td>Accountant</td>
                                        <td>Tokyo</td>
                                        <td>63</td>
                                        <td>2011/07/25</td>
                                        <td>$170,750</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/3.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Ashton Cox</td>
                                        <td>Junior Technical Author</td>
                                        <td>San Francisco</td>
                                        <td>66</td>
                                        <td>2009/01/12</td>
                                        <td>$86,000</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/4.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Cedric Kelly</td>
                                        <td>Senior Javascript Developer</td>
                                        <td>Edinburgh</td>
                                        <td>22</td>
                                        <td>2012/03/29</td>
                                        <td>$433,060</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/5.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Airi Satou</td>
                                        <td>Accountant</td>
                                        <td>Tokyo</td>
                                        <td>33</td>
                                        <td>2008/11/28</td>
                                        <td>$162,700</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/1.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Brielle Williamson</td>
                                        <td>Integration Specialist</td>
                                        <td>New York</td>
                                        <td>61</td>
                                        <td>2012/12/02</td>
                                        <td>$372,000</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/2.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Herrod Chandler</td>
                                        <td>Sales Assistant</td>
                                        <td>San Francisco</td>
                                        <td>59</td>
                                        <td>2012/08/06</td>
                                        <td>$137,500</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/3.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Rhona Davidson</td>
                                        <td>Integration Specialist</td>
                                        <td>Tokyo</td>
                                        <td>55</td>
                                        <td>2010/10/14</td>
                                        <td>$327,900</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input select_all_child" id="" name="" value="option2">
                                                <span class="custom-control-label">&nbsp;</span>
                                            </label>
                                        </td>
                                        <td><img src="img/users/4.jpg" class="table-user-thumb" alt=""></td>
                                        <td>Colleen Hurst</td>
                                        <td>Javascript Developer</td>
                                        <td>San Francisco</td>
                                        <td>39</td>
                                        <td>2009/09/15</td>
                                        <td>$205,500</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div> --}}
    </div>

    <script src="{{url('cliente/plugins/amcharts/amcharts.js')}}"></script>
    <script src="{{url('cliente/plugins/amcharts/gauge.js')}}"></script>
    <script src="{{url('cliente/plugins/amcharts/serial.js')}}"></script>

{{--
    <script src="{{url('cliente/dist/js/theme.min.js')}}"></script> --}}
    <script src="{{url('cliente/js/chart-amcharts.js')}}"></script>


    <script src="{{url('cliente/plugins/ammap3/ammap/ammap.js')}}"></script>
    <script src="{{url('cliente/plugins/amcharts/pie.js')}}"></script>

    <script src="{{url('cliente/plugins/ammap3/ammap/maps/js/usaLow.js')}}"></script>

@endsection
