@extends('modelo.modelo')

@section('index')


    <div class="row  " data-toggle="appear">
        <div class="col-md-6">
            <div class="block">
                <div class="block-content block-content-full">
                    <div class="py-20 text-center">
                        <div class="mb-20">
                            <i class="fa fa-bullhorn fa-4x cor_olinda_azul"></i>
                        </div>
                        <div class="font-size-h4 font-w600">Registre sua Solicitação</div>
                        <div class="text-muted">Solicite-nos algo</div>
                        <div class="pt-20">
                            <a class="btn  btn-amarelo btn-hero btn-hero text-white" href="{{ url('/protocolo/create') }}">
                                <i class="fa fa-bullhorn mr-5"></i> Click Aqui
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="block">
                <div class="block-content block-content-full">
                    <div class="py-20 text-center">
                        <div class="mb-20">
                            <i class="fa  fa-search  fa-4x cor_olinda_azul"></i>
                        </div>
                        <div class="font-size-h4 font-w600">Consulte suas Solicitações</div>
                        <div class="text-muted">Acompanhe suas solicitações</div>
                        <div class="pt-20">
                            <a class="btn  btn-amarelo btn-hero btn-hero text-white" href="{{ url('protocoloMinhasSolicitacoes') }}">
                                <i class="fa  fa-search  mr-5"></i> Click Aqui
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Row #3 -->
    </div>

    <!--div class="row " data-toggle="appear">
        <div class="col-md-6">
            <div class="block">
                <div class="block-content block-content-full">
                    <div class="col-md-6">
                        <script type="text/javascript">
                            google.charts.load('current', {
                                'packages': ['corechart']
                            });
                            google.charts.setOnLoadCallback(drawChart);

                            function drawChart() {

                                var data = google.visualization.arrayToDataTable([
                                    ['Task', 'Hours per Day'],
                                    ['Atendidos', 31],
                                    ['Em Atendimento', 10],
                                    ['Não Atendido', 2]

                                ]);

                                var options = {
                                    title: 'Relatorio Mensal'
                                };

                                var chart = new google.visualization.PieChart(document.getElementById('piechart'));

                                chart.draw(data, options);
                            }
                        </script>
                        </head>

                        <div id="piechart" style="width: 750px; height: 450px;"></div>


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

        <div class="row " data-toggle="appear">
            <div class="col-md-6">
                <div class="block">
                    <div class="block-content block-content-full">
                        <div class="col-md-6">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th scope="col">Periodo</th>
                                        <th scope="col">Unidade</th>
                                        <th scope="col">Meta</th>
                                        <th scope="col">Valor Atendido</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">Fevereiro|2020</th>
                                        <td>%</td>
                                        <td>89%</td>
                                        <td>78%</td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div-->


        @endsection