@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: Gerenciar Assuntos e Subassuntos')

@section('content')
    <div class="card shadow-sm">

        @include('components.buttons._headLineButtonsBackAdd', [
            'headLine' => "<i class='fa-solid fa-sliders'></i> " . __($headLine),
            'routeBack' => 'admin.demandas.dashboard',
            'routeBackParams' => [],
            'nameBack' => __('Voltar'),
            'permission' => 'GERENCIADOR_DEMANDAS',
        ])

        <div class="card-body">

            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show mt-3" role="alert">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $erro)
                            <li>{{ $erro }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            {{-- Novo setor --}}
            <div class="card shadow-sm mb-4 mt-4">
                <div class="card-header bg-success text-white fw-bold">
                    <i class="fa-solid fa-plus me-2"></i>{{ __('Novo Setor') }}
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.demandas.gerenciar.setores.store') }}" method="POST">
                        @csrf
                        <div class="row g-2 align-items-end">
                            <div class="col-md-5">
                                <label class="form-label small mb-1">{{ __('Nome do setor') }} <span class="text-danger">*</span></label>
                                <input type="text" name="nome" class="form-control"
                                    placeholder="{{ __('Nome do setor...') }}" value="{{ old('nome') }}" required>
                                @error('nome_setor')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="col-md-5">
                                <x-select.unidade
                                    name="unidade_organizacional_id"
                                    :unidades="$unidades"
                                    label="Unidade responsável"
                                    labelClass="small mb-1"
                                    :wrapperClass="false" />
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-success w-100" type="submit">
                                    <i class="fa-solid fa-plus me-1"></i>{{ __('Adicionar') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            {{-- Lista de setores --}}
            <div class="accordion" id="accordion-setores">
                @forelse ($setores as $setor)
                    <div class="accordion-item border rounded-3 mb-3">

                        {{-- Cabeçalho do setor --}}
                        <div class="accordion-header d-flex align-items-center gap-1 pe-2">
                            <button class="accordion-button collapsed fw-bold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#setor-{{ $setor->id }}"
                                aria-expanded="false">
                                <i class="fa-solid fa-layer-group me-2 text-primary"></i>
                                {{ $setor->nome }}
                                @if ($setor->unidade)
                                    <span class="badge bg-info text-dark ms-2 fw-normal">
                                        <i class="fa-solid fa-building fa-xs"></i> {{ $setor->unidade->abbreviation }}
                                    </span>
                                @endif
                                @if ($setor->publico)
                                    <span class="badge bg-success ms-2 fw-normal" title="{{ __('Visível para solicitantes') }}">
                                        <i class="fa-solid fa-eye fa-xs"></i> {{ __('Público') }}
                                    </span>
                                @endif
                            </button>

                            {{-- Toggle público setor --}}
                            <form action="{{ route('admin.demandas.gerenciar.setores.publico', $setor) }}" method="POST" class="d-inline">
                                @csrf @method('PATCH')
                                <button type="submit"
                                    class="btn btn-sm {{ $setor->publico ? 'btn-success' : 'btn-outline-secondary' }} text-nowrap"
                                    title="{{ $setor->publico ? __('Tornar privado') : __('Tornar público') }}">
                                    <i class="fa-solid {{ $setor->publico ? 'fa-eye' : 'fa-eye-slash' }}"></i>
                                </button>
                            </form>

                            <button class="btn btn-sm btn-outline-secondary text-nowrap" type="button"
                                data-bs-toggle="collapse" data-bs-target="#editar-setor-{{ $setor->id }}"
                                title="{{ __('Editar setor') }}">
                                <i class="fa-solid fa-pen"></i>
                            </button>

                            <form action="{{ route('admin.demandas.gerenciar.setores.destroy', $setor) }}"
                                method="POST" class="d-inline"
                                onsubmit="return confirm('{{ __('Excluir o setor') }} \'{{ addslashes($setor->nome) }}\'? {{ __('Apenas setores sem assuntos podem ser excluídos.') }}')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger text-nowrap" type="submit"
                                    title="{{ __('Excluir setor') }}">
                                    <i class="fa-solid fa-trash"></i>
                                </button>
                            </form>
                        </div>

                        {{-- Form editar setor --}}
                        <div class="collapse px-3 py-2 bg-light border-top" id="editar-setor-{{ $setor->id }}">
                            <form action="{{ route('admin.demandas.gerenciar.setores.update', $setor) }}"
                                method="POST">
                                @csrf @method('PUT')
                                <div class="row g-2 align-items-end">
                                    <div class="col-md-5">
                                        <label class="form-label small mb-1">{{ __('Nome') }}</label>
                                        <input type="text" name="nome" class="form-control form-control-sm"
                                            value="{{ old('nome', $setor->nome) }}" required>
                                    </div>
                                    <div class="col-md-5">
                                        <x-select.unidade
                                            name="unidade_organizacional_id"
                                            :unidades="$unidades"
                                            :value="$setor->unidade_organizacional_id"
                                            label="Unidade responsável"
                                            labelClass="small mb-1"
                                            selectClass="form-select-sm"
                                            :wrapperClass="false" />
                                    </div>
                                    <div class="col-md-2">
                                        <button class="btn btn-sm btn-primary w-100" type="submit">
                                            <i class="fa-solid fa-floppy-disk me-1"></i>{{ __('Salvar') }}
                                        </button>
                                    </div>
                                </div>
                            </form>
                            @error('nome_setor_' . $setor->id)
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                        </div>

                        {{-- Corpo do setor --}}
                        <div id="setor-{{ $setor->id }}" class="accordion-collapse collapse">
                            <div class="accordion-body p-0">

                                @forelse ($setor->assuntos as $assunto)
                                    <div class="border-bottom">
                                        <div class="d-flex align-items-center gap-2 px-3 py-2 bg-white">
                                            <i class="fa-solid fa-tag text-secondary"></i>
                                            <strong class="flex-grow-1">
                                                {{ $assunto->nome }}
                                                @if ($assunto->publico)
                                                    <span class="badge bg-success ms-1 fw-normal" style="font-size:.7rem">
                                                        <i class="fa-solid fa-eye fa-xs"></i>
                                                    </span>
                                                @endif
                                            </strong>
                                            <span class="badge bg-secondary">
                                                {{ $assunto->subassuntos_count }} {{ __('subassunto(s)') }}
                                            </span>

                                            {{-- Toggle público assunto --}}
                                            <form action="{{ route('admin.demandas.gerenciar.assuntos.publico', $assunto) }}" method="POST" class="d-inline">
                                                @csrf @method('PATCH')
                                                <button type="submit"
                                                    class="btn btn-sm {{ $assunto->publico ? 'btn-success' : 'btn-outline-secondary' }}"
                                                    title="{{ $assunto->publico ? __('Tornar privado') : __('Tornar público') }}">
                                                    <i class="fa-solid {{ $assunto->publico ? 'fa-eye' : 'fa-eye-slash' }}" style="font-size:.8rem"></i>
                                                </button>
                                            </form>

                                            <button class="btn btn-sm btn-outline-primary" type="button"
                                                data-bs-toggle="collapse"
                                                data-bs-target="#editar-assunto-{{ $assunto->id }}">
                                                <i class="fa-solid fa-pen"></i>
                                            </button>

                                            <form action="{{ route('admin.demandas.gerenciar.assuntos.destroy', $assunto) }}"
                                                method="POST"
                                                onsubmit="return confirm('{{ __('Excluir o assunto') }} \'{{ addslashes($assunto->nome) }}\'? {{ __('Todos os subassuntos serão removidos.') }}')">
                                                @csrf @method('DELETE')
                                                <button class="btn btn-sm btn-outline-danger" type="submit">
                                                    <i class="fa-solid fa-trash"></i>
                                                </button>
                                            </form>

                                            <button class="btn btn-sm btn-outline-success" type="button"
                                                data-bs-toggle="collapse"
                                                data-bs-target="#add-subassunto-{{ $assunto->id }}">
                                                <i class="fa-solid fa-plus"></i> {{ __('Subassunto') }}
                                            </button>
                                        </div>

                                        <div class="collapse px-3 py-2 bg-light border-top"
                                            id="editar-assunto-{{ $assunto->id }}">
                                            <form action="{{ route('admin.demandas.gerenciar.assuntos.update', $assunto) }}"
                                                method="POST" class="d-flex gap-2 align-items-center">
                                                @csrf @method('PUT')
                                                <input type="text" name="nome" class="form-control form-control-sm"
                                                    value="{{ old('nome', $assunto->nome) }}" required>
                                                <button class="btn btn-sm btn-primary text-nowrap" type="submit">
                                                    <i class="fa-solid fa-floppy-disk me-1"></i>{{ __('Salvar') }}
                                                </button>
                                            </form>
                                            @error('nome_assunto_' . $assunto->id)
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>

                                        <div class="collapse px-3 py-2 bg-light border-top"
                                            id="add-subassunto-{{ $assunto->id }}">
                                            <form action="{{ route('admin.demandas.gerenciar.subassuntos.store') }}"
                                                method="POST" class="d-flex gap-2 align-items-center">
                                                @csrf
                                                <input type="hidden" name="assunto_id" value="{{ $assunto->id }}">
                                                <input type="text" name="nome" class="form-control form-control-sm"
                                                    placeholder="{{ __('Nome do subassunto...') }}" required>
                                                <button class="btn btn-sm btn-success text-nowrap" type="submit">
                                                    <i class="fa-solid fa-plus me-1"></i>{{ __('Adicionar') }}
                                                </button>
                                            </form>
                                            @error('nome_subassunto')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>

                                        @if ($assunto->subassuntos->isNotEmpty())
                                            @foreach ($assunto->subassuntos as $subassunto)
                                                <div class="d-flex align-items-center gap-2 px-4 py-1 border-top bg-white">
                                                    <i class="fa-solid fa-circle-dot text-muted" style="font-size:.7rem"></i>
                                                    <span class="flex-grow-1 text-secondary">
                                                        {{ $subassunto->nome }}
                                                        @if ($subassunto->publico)
                                                            <i class="fa-solid fa-eye text-success ms-1" style="font-size:.7rem" title="{{ __('Público') }}"></i>
                                                        @endif
                                                    </span>

                                                    {{-- Toggle público subassunto --}}
                                                    <form action="{{ route('admin.demandas.gerenciar.subassuntos.publico', $subassunto) }}" method="POST" class="d-inline">
                                                        @csrf @method('PATCH')
                                                        <button type="submit"
                                                            class="btn btn-sm {{ $subassunto->publico ? 'btn-success' : 'btn-outline-secondary' }} py-0 px-1"
                                                            title="{{ $subassunto->publico ? __('Tornar privado') : __('Tornar público') }}">
                                                            <i class="fa-solid {{ $subassunto->publico ? 'fa-eye' : 'fa-eye-slash' }}" style="font-size:.75rem"></i>
                                                        </button>
                                                    </form>

                                                    <button class="btn btn-sm btn-outline-primary py-0 px-1" type="button"
                                                        data-bs-toggle="collapse"
                                                        data-bs-target="#editar-sub-{{ $subassunto->id }}">
                                                        <i class="fa-solid fa-pen" style="font-size:.75rem"></i>
                                                    </button>

                                                    <form action="{{ route('admin.demandas.gerenciar.subassuntos.destroy', $subassunto) }}"
                                                        method="POST"
                                                        onsubmit="return confirm('{{ __('Excluir o subassunto') }} \'{{ addslashes($subassunto->nome) }}\'?')">
                                                        @csrf @method('DELETE')
                                                        <button class="btn btn-sm btn-outline-danger py-0 px-1" type="submit">
                                                            <i class="fa-solid fa-trash" style="font-size:.75rem"></i>
                                                        </button>
                                                    </form>
                                                </div>

                                                <div class="collapse px-4 py-2 bg-light border-top"
                                                    id="editar-sub-{{ $subassunto->id }}">
                                                    <form action="{{ route('admin.demandas.gerenciar.subassuntos.update', $subassunto) }}"
                                                        method="POST" class="d-flex gap-2 align-items-center">
                                                        @csrf @method('PUT')
                                                        <input type="text" name="nome" class="form-control form-control-sm"
                                                            value="{{ old('nome', $subassunto->nome) }}" required>
                                                        <button class="btn btn-sm btn-primary text-nowrap" type="submit">
                                                            <i class="fa-solid fa-floppy-disk me-1"></i>{{ __('Salvar') }}
                                                        </button>
                                                    </form>
                                                    @error('nome_subassunto_' . $subassunto->id)
                                                        <small class="text-danger">{{ $message }}</small>
                                                    @enderror
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                @empty
                                    <div class="text-muted small px-3 py-2">
                                        {{ __('Nenhum assunto cadastrado neste setor.') }}
                                    </div>
                                @endforelse

                                {{-- Adicionar novo assunto --}}
                                <div class="p-3 border-top bg-light">
                                    <form action="{{ route('admin.demandas.gerenciar.assuntos.store') }}"
                                        method="POST" class="d-flex gap-2 align-items-center">
                                        @csrf
                                        <input type="hidden" name="setor_id" value="{{ $setor->id }}">
                                        <input type="text" name="nome" class="form-control form-control-sm"
                                            placeholder="{{ __('Novo assunto para') }} {{ $setor->nome }}..." required>
                                        <button class="btn btn-sm btn-primary text-nowrap" type="submit">
                                            <i class="fa-solid fa-plus me-1"></i>{{ __('Adicionar Assunto') }}
                                        </button>
                                    </form>
                                    @error('nome_assunto')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>

                            </div>
                        </div>
                    </div>
                @empty
                    <div class="alert alert-warning">{{ __('Nenhum setor cadastrado.') }}</div>
                @endforelse
            </div>

        </div>
    </div>
@endsection