@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: ' . __('Observatório - Temas'))

@section('content')
    @include('admin.observatorio.partials._assets')
    @include('errors.messageFlash')

    <div class="card shadow-sm">
        @php $headLine = "<i class='fa-solid fa-tags'></i> " . __('Observatório - Temas'); @endphp
        @include('components.buttons._headLineButtonsBackAdd', [
            'headLine' => __($headLine),
            'routeBack' => 'admin.observatorio.indicadores.index',
            'routeBackParams' => [],
            'nameBack' => __('Voltar'),
            'routeAdd' => 'admin.observatorio.temas.create',
            'routeAddParams' => request()->only(['q', 'page']),
            'nameAdd' => __('Novo tema'),
            'permission' => 'GERENCIADOR_DO_OBSERVATORIO',
        ])

        <div class="card-body">
            <form method="get" class="row g-2 mb-3">
                <div class="col-md-10">
                    <input type="text" class="form-control" name="q" value="{{ request('q') }}" placeholder="{{ __('Buscar tema') }}">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button class="btn btn-success w-100" type="submit">{{ __('Filtrar') }}</button>
                </div>
            </form>

            <x-tables._table :thead="[__('Ícone'), __('Cor'), __('Nome'), __('Indicadores'), __('Status'), __('Ações')]" :pagination="$registros->links()">
                <x-slot name="body">
                    @forelse($registros as $registro)
                        <tr>
                            <td>
                                @if($registro->icone)
                                    <img src="{{ \App\Http\Services\Observatorio\ObservatorioUploadHelper::publicUrl($registro->icone) }}"
                                         alt="{{ __('Ícone do tema') }}"
                                         class="img-thumbnail observatorio-icon-preview-sm">
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td>
                                <span class="d-inline-block rounded-circle border observatorio-color-swatch" data-observatorio-color="{{ $registro->cor ?: '#dee2e6' }}"></span>
                            </td>
                            <td class="text-start">{{ $registro->nome }}</td>
                            <td>{{ $registro->indicadores_count }}</td>
                            <td><span class="badge {{ $registro->status === 'ATIVADO' ? 'bg-primary' : 'bg-secondary' }}">{{ __($registro->status) }}</span></td>
                            <td>
                                <div class="d-flex justify-content-center gap-2">
                                    @if(auth()->user()->getPermissaoDetalhes('GERENCIADOR_DO_OBSERVATORIO')['editar'])
                                        <a class="btn btn-sm btn-warning" href="{{ route('admin.observatorio.temas.edit', [$registro->id] + request()->only(['q', 'page'])) }}">
                                            <i class="fa-solid fa-pen-to-square"></i>
                                        </a>
                                    @endif
                                    @if(auth()->user()->getPermissaoDetalhes('GERENCIADOR_DO_OBSERVATORIO')['excluir'])
                                        <form class="d-inline" action="{{ route('admin.observatorio.temas.destroy', $registro->id) }}" method="post" data-confirm-delete>
                                            @csrf
                                            @method('delete')
                                            @foreach(request()->only(['q', 'page']) as $key => $value)
                                                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                                            @endforeach
                                            <input type="hidden" name="confirm" value="{{ __('* Este registro será excluído e esta ação não poderá ser desfeita, deseja continuar?') }}">
                                            <button type="submit" class="btn btn-sm btn-danger"><i class="fa-solid fa-trash"></i></button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center">{{ __('Nenhum registro encontrado.') }}</td></tr>
                    @endforelse
                </x-slot>
            </x-tables._table>
        </div>
    </div>
@endsection