@extends('layouts.app')

@section('content')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-fle color-back">
                        <div class="col-md-11 div-button">Respostas</div>
                        <div class="col-md-1 div-button">
                            <button class="btn btn-success" onclick="exportarParaExcel()">Exportar</button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <form action="/respostas" method="post">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-4 form-group">
                                            <label for="nome">Nome:</label>
                                            <input type="text" name="nome" id="nome" value='{{!empty($request["nome"])? $request["nome"] : ""}}'  class="form-control" placeholder="Digite o nome do usuário">
                                            {{-- <datalist id="usuarios">
                                                @foreach ($filtroNome as $nome)
                                                    <option value="{{ $nome->name }}">
                                                @endforeach
                                            </datalist> --}}
                                        </div>

                                        <div class="col-md-4 form-group">
                                            <label for="setor">Setor:</label>
                                            <select class="form-select" id="setor" name="setor">
                                                <option value="0" selected>Selecione um setor</option>
                                                @foreach ($unidades as $unidade)
                                                    @if($unidade->descricao)
                                                        <option value="{{ $unidade->id }}" {{!empty($request["setor"]) && $request["setor"] == $unidade->id ? "selected" : ""}}>{{ $unidade->descricao }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-4 form-group">
                                            <label for="questionario">Formulário:</label>
                                            <select class="form-select" id="dropdown" name="questionario">
                                                <option value="" {{empty($request["questionario"])? "selected" : ""}}>Escolha o formulário</option>
                                                @foreach ($filtroQuest as $quest)
                                                    <option value="{{ $quest->id }}" {{!empty($request["questionario"]) && $request["questionario"]==$quest->id? "selected" : ""}}>{{ $quest->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mt-3 text-center">
                                        <button class="btn btn-primary" type="submit">
                                            <i class="bi bi-search"></i> Buscar
                                        </button>
                                        <a class="btn btn-info" href="{{ route('respostas.index') }}">Limpar</a>
                                    </div>
                            </div>
                            </form>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-md-12">
                            <table class="table table-striped table-bordered table-responsive" id="tabela-dados">
                                <thead class="table-active">
                                    <tr>
                                        <th scope="col">Nome</th>
                                        <th scope="col">Setor</th>
                                        <th scope="col">Formulário</th>
                                        <th scope="col">Pergunta</th>
                                        <th scope="col">Respostas</th>
                                        <th scope="col">Etapa</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($respostas as $r)
                                        <tr>
                                            <td>{{ $r->nome_user }}</td>
                                            <td>{{ $r->unidade_descricao }}</td>
                                            <td>{{ $r->name }}</td>
                                            <td>{!! $r->question_description !!}</td>
                                            <td>{{ $r->answer }}</td>
                                            <td>{{ $r->id_etapa }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
@endsection