@extends('modelo.modelo')

@section('content')
    <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet" id="bootstrap-css">
    <script src="{{ asset('js/bootstrap.js') }}"></script>
    <script src="{{ asset('js/jqueryBootstrap.js') }}">
    </script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        google.charts.load('current', {
            'packages': ['corechart']
        });
        google.charts.setOnLoadCallback(drawChart);

        function drawChart() {

            var data = google.visualization.arrayToDataTable([
                ['Tipo', 'Solicitações'],
                @isset($dados)
                    @foreach ($dados as $dado)
                        {!! "['" . $dado->status . "', " . $dado->qtde . '],' !!}
                    @endforeach
                    {!! "[' ', 0]" !!}
                @endisset
            ]);

            var options = {
                title: 'Status das solicitações atualmente'
            };

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

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

    <style>
        div.um {

            width: 250 px;
            height: 7.5em;

            background-color: #286fb6;

        }

    </style>


    <div class="row justify-content-center mt-20">
        <div class="col-lg-7">
            <div class="card">
                <article class="card-body">
                    <h4 class="card-title mb-4 mt-1 text-center"><b>Registre Sua Manifestação</b></h4>
                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        <div class="form-group">

                            <label for="email" class="col-form-label text-md-right">{{ __('E-Mail') }}</label>
                            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror"
                                name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>

                        <div class="form-group">

                            <label for="password" class="col-form-label text-md-right">{{ __('Senha') }}</label>
                            <input id="password" type="password"
                                class="form-control @error('password') is-invalid @enderror" name="password" required
                                autocomplete="current-password">

                            @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                        <div class="form-group row mb-0">
                            <div class="col-md-8 offset-md-4">
                                <button type="submit" class="btn btn-primary btn-hero">
                                    {{ __('Entrar') }}
                                </button>

                                @if (Route::has('password.request'))
                                    <a class="btn btn-link" href="{{ route('password.request') }}">
                                        {{ __('Esqueceu a senha?') }}
                                    </a>
                                @endif
                            </div>
                        </div>
                    </form>
                    <hr>
                    <div class="row">
                        <div class="col-md-5">
                            <h4 class="text-center h4">Ainda não tenho Cadastro?</h4>
                            <center><a href="{{ url('/solicitante/create') }}"
                                    class="btn btn-outline-primary btn-lg">Cadastre-se</a></center>
                        </div>
                        <div class="col-md-1">
                            <canvas width="0" height="100" style="border:1px solid #ccc;"></canvas>
                        </div>
                        <div class="col-md-6">
                            <h4 class="text-center h4">Desejo fazer uma manifestação anônima</h4>
                            <center><a href="{{ url('/formularioAnonimo') }}"
                                    class="btn btn-outline-primary btn-lg">Manifestar-se anonimamente</a></center>
                        </div>
                    </div>
                </article>
            </div>
        </div>
       {{-- <div class="col-lg-3">
            <div class="block">
                <div class="block-content block-content-full text-center cor_olinda_azul_bg">
                    <div class="p-20 mb-10">
                        <i class="fa fa-4x fa-cloud text-white-op cor_olinda_amarelo"></i>
                    </div>
                    <p class="font-size-lg font-w600 text-white mb-0">
                        Conheça Também
                    </p>

                </div>
                <div class="block-content block-content-full">
                    <table class="table table-borderless table-striped table-hover mb-0">
                        <tbody>

                            <tr>
                                <td class="text-center" style="width: 40px;"><i
                                        class="fa fa-info-circle fa-1x cor_olinda_azul"></i></td>
                                <td>
                                    <strong>E-SIC</strong>
                                </td>
                                <td class="text-center" style="width: 40px;">
                                    <strong class="text-success"><a href="http://informacao.olinda.pe.gov.br"
                                            target="__blank">E-SIC</a></strong>
                                </td>
                            </tr>

                            <tr>
                                <td class="text-center" style="width: 40px;"><i
                                        class="fa fa-database fa-1x cor_olinda_azul"></i></td>
                                <td>
                                    <strong>Portal da Transparência</strong>
                                </td>
                                <td class="text-center" style="width: 40px;">
                                    <strong class="text-success"><a href="http://54.233.201.15/pronimtb/"
                                            target="__blank">Portal da
                                            Transparência</a></strong>
                                </td>
                            </tr>


                            <tr>
                                <td class="text-center" style="width: 40px;"><i
                                        class="fa fa-info-circle fa-1x cor_olinda_azul"></i></td>
                                <td>
                                    <strong>Duvida?</strong>
                                </td>
                                <td class="text-center" style="width: 40px;">
                                    <strong class="text-success"><a href="#">Duvida?</a></strong>
                                </td>
                            </tr>

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

            </div>



        </div>--}}
    </div>
    <div class="row justify-content-center mt-20">
        <div class="alert alert-success h3 cor_olinda_amerelo_bg text-center col-lg-10" role="alert">
            <h4 class="alert-heading text-dark h4"><b>Olinda quer lhe ouvir!</b></h4>
            <p class=" text-dark h4">A manifestação é o direito sem ônus de expressar nas modalidades verbal ou escrita,
                podendo ser registrados elogios, sugestões, informações, reclamações ou denúncias quanto aos serviços
                prestados pelo Município de Olinda.
                A sua identificação não é obrigatória, mas se quiser identificar-se, a Ouvidoria preservará o sigilo.</p>
        </div>
    </div>
    </div>
    <br>
@endsection
