@extends('adminlte::page')

@section('title','Pesquisas de Satisfação')

@section('content_header')
   <h1>Pesquisas de Satisfação
       <a href="{{ route('pesquisa-satisfacao.create') }}" class="btn btn-sm btn-success">Nova Pesquisa</a>
   </h1>
@endsection

@section('css')
   <style>
       .table td, .table th { vertical-align: middle !important; }
   </style>
@stop

@section('content')
   @if (session('success'))
      <div class="alert alert-success">{{ session('success') }}</div>
   @endif

   <div class="card">
       <div class="card-header">
           <form action="{{ route('pesquisa-satisfacao.index') }}" method="GET" style="padding: 12px;">
               <div class="row" style="padding-left: 10px;">
                   <div class="col-md-3">
                       <label class="col-form-label">Pesquisa</label>
                       <select class="form-control" name="id" id="id">
                           <option value="">Nenhuma</option>
                           @foreach ($select_pesquisas as $p)
                               <option value="{{ $p->id }}" {{ request('id')==$p->id ? 'selected' : '' }}>
                                   {{ $p->id }} - {{ $p->nome }}
                               </option>
                           @endforeach
                       </select>
                   </div>
                   {{-- <div class="col-md-3">
                       <label class="col-form-label">Nome (contém)</label>
                       <input type="text" class="form-control" name="nome" value="{{ request('nome') }}">
                   </div> --}}
                   <div class="col-md-2">
                       <label class="col-form-label">Status</label>
                       <select class="form-control" name="status">
                           <option value="">Todos</option>
                           <option value="1" {{ request('status')==='1' ? 'selected' : '' }}>Ativado</option>
                           <option value="2" {{ request('status')==='2' ? 'selected' : '' }}>Desativado</option>
                       </select>
                   </div>
                   <div class="col-md-2" style="margin-top: 31px;">
                       <input type="submit" class="btn btn-primary" value="Pesquisar">
                   </div>
               </div>
           </form>
       </div>

       <div class="card-body">
           <h6>Encontrado(s) <b>{{ $pesquisas->total() }}</b> resultado(s)</h6>
           <hr>
           <table class="table table-hover">
               <thead>
                   <tr>
                       <th style="width:8%;">ID</th>
                       <th style="width:52%;">Nome</th>
                       <th style="width:10%;">Status</th>
                       <th style="width:10%;"># Perguntas</th>
                       <th style="width:20%;">Ações</th>
                   </tr>
               </thead>
               <tbody>
               @forelse ($pesquisas as $pesquisa)
                   <tr>
                       <td>{{ $pesquisa->id }}</td>
                       <td>{{ $pesquisa->nome }}</td>
                        <td>
                            @if($pesquisa->status == 1)
                                <span class="badge badge-success">Ativado</span>
                            @elseif($pesquisa->status == 2)
                                <span class="badge badge-secondary">Desativado</span>
                            @else
                                <span class="badge badge-light">Não identificado</span>
                            @endif
                        </td>

                       <td>{{ $pesquisa->perguntas_count }}</td>
            <td>
                <a href="{{ route('pesquisa-satisfacao.edit', $pesquisa->id) }}" class="btn btn-sm btn-info">
                    Editar
                </a>
                {{-- Botão de ativar/inativar (toggle) --}}
                <form class="d-inline"
                    action="{{ route('pesquisa-satisfacao.toggle-status', $pesquisa->id) }}"
                    method="POST"
                    onsubmit="return confirm('Tem certeza que deseja {{ $pesquisa->status==1 ? 'inativar' : 'ativar' }} esta pesquisa?')">
                    @method('PATCH')
                    @csrf
                    <button class="btn btn-sm {{ $pesquisa->status==1 ? 'btn-warning' : 'btn-success' }}">
                        {{ $pesquisa->status==1 ? 'Inativar' : 'Ativar' }}
                    </button>
                </form>
            </td>

                   </tr>
               @empty
                   <tr><td colspan="5">Nenhum registro encontrado.</td></tr>
               @endforelse
               </tbody>
           </table>

           {{ $pesquisas->appends(request()->query())->links() }}
       </div>
   </div>
@endsection