@extends('modelo.modelo')

@section('content')
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
        crossorigin="anonymous"></script>
    <script type="text/javascript" src="{{ asset('js/acompanhamento.js') }}"></script>
    <script type="text/javascript">
    $(function(){
        $("#form").submit(function(f){
            verificaForm(f, $("#idSetor"));
        });
    });
    </script>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="h3">Solicitação n°{{ $protocolo->id }}</div>
                    <div class="card-body">

                        <a href="{{ Auth::user()->nivel == 1 ? url('cadastrador/solicitacoes') : route('funcionario.home') }}"
                            title="Back"><button class="btn btn-warning  btn-hero btn-sm"><i class="fa fa-arrow-left"
                                    aria-hidden="true"></i> Voltar</button></a>
                        <br />
                        <br />
                        @if ($usuario->name)
                            <div class="row">
                                <div class="col-12">
                                    <div class="mx-auto px-auto alert alert-warning">
                                        <strong>Atenção!</strong><br>
                                        <span>Esta manifestação foi aberta por um usuário(a) que não quis indentificar-se. Portanto, não é possível contatá-lo(a) para responder.</span>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="table-responsive">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th> Autor(a) </th>
                                        <td> {{$usuario->name }}</td>
                                    </tr>
                                    <tr>
                                        <th> Telefone </th>
                                        <td> {{$usuario->telefone }}</td>
                                    </tr>
                                    <tr>
                                        <th> Tipo </th>
                                        <td style="text-transform: capitalize;"> {{ $protocolo->tipo }} </td>
                                    </tr>
                                    <tr>
                                        <th> Status </th>
                                        <td style="text-transform: capitalize;"> {{ $protocolo->status }} </td>
                                    </tr>
                                    <tr>
                                        <th> Codigo </th>
                                        <td style="text-transform: capitalize;"> {{ $protocolo->codigo }} </td>
                                    </tr>

                                    <tr>
                                        <th> Data de Criação </th>
                                        <td> {{ date_format(date_create($protocolo->created_at), 'd/m/Y') }} </td>
                                    </tr>
                                    <tr>
                                        <th> Setor Responsável </th>
                                        <td> {{ $protocolo->idSetor }} </td>
                                    </tr>
                                    <tr>
                                        <th> Descrição </th>
                                        <td style="text-transform: capitalize;"> {{ $protocolo->descricao }} </td>
                                    </tr>

                                    <tr>

                                        <td> </td>
                                    </tr>


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

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        @isset($acompanhamentos)
            @foreach ($acompanhamentos as $indice => $acompanhamento)
                <div class="col-lg-1"></div>
                <div class="col-lg-10 alert @if ($nivel[$indice] == 1 || $nivel[$indice] == 2) {{ 'alert-primary' }} @else {{ 'alert-secondary' }} @endif mb-15">
                    <b>Por&nbsp;
                        {{ $acompanhamento->idUsuario }}
                    </b>
                    em
                    <b>
                        {{ date_format(date_create($acompanhamento->created_at), 'd/m/Y H:i') }}
                    </b>
                    <br>
                    <p>{{ $acompanhamento->descricao }}</p>
                </div>
                <div class="col-lg-1"></div>
            @endforeach
        @endisset
    </div>
    @if (Auth::user()->nivel == 1 && ($protocolo->status == 'aberta' || $protocolo->status == 'atrasada'))
        <div class="container mb-10">
            <div class="row">
                <form id="form" method="POST" action="{{ route('protocolo.updateSetor') }}">
                    @csrf
                    <input type="hidden" name="id" value="{{ $protocolo->id }}">
                    <div class="form-group">
                        <label for="idSetor" class="form-label">Atribua esta manifestação a um setor</label>
                        <div id="alerta-setor" class="alert alert-warning" style="display: none;">
                            <p>Escolha ao menos um setor</p>
                        </div>
                        <select name="idSetor" id="idSetor" class="form-control">
                            <option >Escolha o Setor</option>
                            @foreach ($setores as $indice => $setor)
                                <option value="{{ intval(trim($indice, "'")) }}">{{ $setor }}</option>
                            @endforeach
                        </select>
                    </div>
                    <br>
                    <button class="btn btn-info ">Encaminhar ao Setor</button>
                </form>
            </div>
        </div>
    @elseif(Auth::user()->nivel == 2 && ($protocolo->status == 'encaminhada' || $protocolo->status == 'atrasada'))
        <div class="row">
            <div class="col-lg-1"></div>
            <div class="col-lg-10" id="novoAcompanhamento">
            </div>
            <div class="col-lg-1"></div>
        </div>
        <div class="row" id="responder">
            <div class="col-lg-1"></div>
            <div class="col-lg-11">
                <a class="btn btn-info text-white"
                    onclick="mostraForm({{ Auth::user()->id . ', \'' . url('acompanhamento/armazena') . '\', ' . $protocolo->id . ', \'' . csrf_token() . '\'' }})">Responder</a>
            </div>
        </div>
    @elseif($protocolo->status == 'fechada')
    @endif


@endsection