@extends('admin.layouts.master')
@section('content')
 <h5 class="text-muted page-title-header">Chamados ouvidoria</h5>
    <div class="col-12">
        @if (session()->has('success'))
            <div class="toast-container position-fixed bottom-0 end-0 p-3">
                <div id="successToast" class="toast align-items-center text-bg-success border-0" role="alert"
                    aria-live="assertive" aria-atomic="true">
                    <div class="d-flex">
                        <div class="toast-body">
                            {{ session('success') }}
                        </div>
                        <button type="button" class="btn-close btn-close-white m-auto me-2" data-bs-dismiss="toast"
                            aria-label="Close"></button>
                    </div>
                </div>
            </div>
            @push('scripts')
                @include('admin.scripts.toast')
            @endpush
        @endif
        @if (session()->has('error'))
            <div class="toast-container position-fixed bottom-0 end-0 p-3">
                <div id="successToast" class="toast align-items-center text-bg-danger border-0" role="alert"
                    aria-live="assertive" aria-atomic="true">
                    <div class="d-flex">
                        <div class="toast-body">
                            {{ session('error') }}
                        </div>
                        <button type="button" class="btn-close btn-close-white m-auto me-2" data-bs-dismiss="toast"
                            aria-label="Close"></button>
                    </div>
                </div>
            </div>
            @push('scripts')
                @include('admin.scripts.toast')
            @endpush
        @endif
        <div class="card mb-4 shadow-sm">
            <div class="card-title">
                <div class="card-body">
                    <table class="table table-striped table-hover align-middle">
                        <thead class="table-dark">
                            <tr>
                                <th scope="col">id</th>
                                <th scope="col">Protocolo</th>
                                <th scope="col">Data</th>
                                <th scope="col">Tipo demanda</th>
                                <th scope="col">Indentificação</th>
                                <th scope="col">Parlamentar</th>
                                <th scope="col">Assunto</th>
                                <th scope="col">Status</th>
                                <th scope="col">Anexo</th>
                                <th scope="col">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($ouvidorias as $ouvidoria)
                                <tr>
                                    <th scope="row">{{ $ouvidoria->id }}</th>
                                    <td>{{ $ouvidoria->protocol }}</td>
                                    <td>
                                     {{ $ouvidoria->created_at->format('d/m/Y') }}
                                    <td>
                                     {{ $ouvidoria->type_demand }}
                                    </td>
                                    <td>
                                     @if($ouvidoria->anomy == 0)
                                        <span class="badge bg-success">Identificado</span>
                                      @else
                                        <span class="badge bg-warning text-dark">Anônimo</span>
                                      @endif
                                    </td>
                                    <td>
                                     {{ $ouvidoria->poeples->name ?? 'Não informado' }}
                                    </td>
                                    <td>
                                     {{ $ouvidoria->subject }}
                                    </td>
                                    <td>
                                      @if($ouvidoria->closed == 1)
                                        <span class="badge bg-success">Fechado</span>
                                      @else
                                        <span class="badge bg-warning text-dark">Aberto</span>
                                      @endif
                                    </td>
                                    <td>
                                    @if($ouvidoria->image)
                                      <img src="{{ asset('assets/chamados/ouvidoria/' . $ouvidoria->image) }}" alt="Imagem do chamado" class="img-fluid rounded mb-3" style="max-height: 300px;">
                                     @else
                                      Sem anexo
                                     @endif
                                    </td>
                                    <td class="d-flex gap-2">
                                        <a href="{{ route('ouvidoria.show', $ouvidoria->id) }}" class="btn btn-sm btn-primary">
                                            <i class="bi bi-eye-fill"></i>
                                            Detalhes
                                        </a>
                                        <form action="{{ route('ouvidoria.destroy', $ouvidoria->id) }}" method="POST" class="d-inline"
                                            onsubmit="return confirm('Tem certeza que deseja excluir este chamado?');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-danger">
                                                <i class="bi bi-trash-fill"></i>
                                                Excluir
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $ouvidorias->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection