@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: ' . __('Quadro de Demandas'))
<link rel="stylesheet" href="{{ asset('pmar/css/demandas.css') }}">
@section('content')
    <div class="card shadow-sm">

        @include('components.buttons._headLineButtonsBackAdd', [
            'headLine' => "<i class='fa-solid fa-table-columns'></i> " . __('Gerenciador de Demandas'),
            'routeBack' => 'admin.dashboard',
            'routeBackParams' => [],
            'nameBack' => __('Painel'),
            'permission' => 'GERENCIADOR_DEMANDAS',
            'tabs' => [
                ['route' => 'admin.demandas.dashboard', 'class' => 'fa-chart-pie', 'label' => __('Dashboard')],
                [
                    'route' => 'admin.demandas.gerenciar.assuntos',
                    'class' => 'fa-sliders',
                    'label' => __('Assuntos'),
                    'permissao_direta' => 'SUPORTE_TI',
                ],
                [
                    'route' => 'admin.demandas.gerenciar.clientes',
                    'class' => 'fa-users',
                    'label' => __('Externos'),
                    'permissao_direta' => 'SUPORTE_TI',
                ],
            ],
        ])

        <div class="card-body">

            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show">
                    {{ 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">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $e)
                            <li>{{ $e }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            {{-- Abas --}}
            <div class="d-flex justify-content-center gap-2 mb-3">
                <a href="{{ route('admin.demandas.index', array_filter($filterParams) + ['layout' => $layout, 'aba' => 'unidade']) }}"
                    class="btn {{ $aba === 'unidade' ? 'btn-primary' : 'btn-outline-secondary' }}">
                    <i class="fa-solid fa-building fa-xs me-1"></i>
                    {{ __('Da Unidade') }}
                    <span
                        class="badge ms-1 {{ $aba === 'unidade' ? 'bg-white text-primary' : 'bg-secondary' }}">{{ $contagens['unidade'] }}</span>
                </a>
                <a href="{{ route('admin.demandas.index', array_filter($filterParams) + ['layout' => $layout, 'aba' => 'recebidas']) }}"
                    class="btn {{ $aba === 'recebidas' ? 'btn-primary' : 'btn-outline-secondary' }}">
                    <i class="fa-solid fa-inbox fa-xs me-1"></i>
                    {{ __('Recebidas') }}
                    <span
                        class="badge ms-1 {{ $aba === 'recebidas' ? 'bg-white text-primary' : 'bg-secondary' }}">{{ $contagens['recebidas'] }}</span>
                </a>
                <a href="{{ route('admin.demandas.index', array_filter($filterParams) + ['layout' => $layout, 'aba' => 'minhas']) }}"
                    class="btn {{ $aba === 'minhas' ? 'btn-primary' : 'btn-outline-secondary' }}">
                    <i class="fa-solid fa-user fa-xs me-1"></i>
                    {{ __('Abertas por Mim') }}
                    <span
                        class="badge ms-1 {{ $aba === 'minhas' ? 'bg-white text-primary' : 'bg-secondary' }}">{{ $contagens['minhas'] }}</span>
                </a>
                @if ($isDemandaSecretaria && isset($contagens['diretoria']))
                    <a href="{{ route('admin.demandas.index', array_filter($filterParams) + ['layout' => $layout, 'aba' => 'diretoria']) }}"
                        class="btn {{ $aba === 'diretoria' ? 'btn-primary' : 'btn-outline-secondary' }}">
                        <i class="fa-solid fa-sitemap fa-xs me-1"></i>
                        {{ __('Minha Secretaria') }}
                        <span
                            class="badge ms-1 {{ $aba === 'diretoria' ? 'bg-white text-primary' : 'bg-secondary' }}">{{ $contagens['diretoria'] }}</span>
                    </a>
                @endif
            </div>

            {{-- Filtros e controles --}}
            <div class="d-flex flex-wrap align-items-end gap-2 mb-3">
                @if ($aba === 'diretoria')
                    <div class="flex-grow-1"></div>
                @elseif ($layout === 'lista')
                    <form method="GET" action="{{ route('admin.demandas.index') }}"
                        class="d-flex flex-wrap gap-2 align-items-end flex-grow-1">
                        <input type="hidden" name="layout" value="lista">
                        <input type="hidden" name="aba" value="{{ $aba }}">
                        <input type="text" name="busca" class="form-control form-control-sm dm-filter-text"
                            placeholder="{{ __('Buscar por título…') }}" value="{{ $filterParams['busca'] ?? '' }}">
                        <select name="status" class="form-select form-select-sm dm-filter-select">
                            <option value="">{{ __('Todos os status') }}</option>
                            @foreach ($statusLabels as $k => $l)
                                <option value="{{ $k }}" @selected(($filterParams['status'] ?? '') === $k)>{{ __($l) }}
                                </option>
                            @endforeach
                        </select>
                        <select name="prioridade" class="form-select form-select-sm dm-filter-select">
                            <option value="">{{ __('Todas as prioridades') }}</option>
                            @foreach ($prioridades as $k => $l)
                                <option value="{{ $k }}" @selected(($filterParams['prioridade'] ?? '') === $k)>{{ __($l) }}
                                </option>
                            @endforeach
                        </select>
                        <button type="submit" class="btn btn-sm btn-outline-primary">
                            <i class="fa-solid fa-magnifying-glass"></i>
                        </button>
                        @if (array_filter($filterParams))
                            <a href="{{ route('admin.demandas.index', ['layout' => 'lista', 'aba' => $aba]) }}"
                                class="btn btn-sm btn-outline-secondary">
                                <i class="fa-solid fa-xmark"></i>
                            </a>
                        @endif
                    </form>
                @else
                    <div class="flex-grow-1"></div>
                @endif

                @if ($aba !== 'diretoria')
                    <div class="d-flex align-items-center gap-2">
                        <small class="text-muted">{{ __('Visualização:') }}</small>
                        <div class="btn-group btn-group-sm">
                            <a href="{{ route('admin.demandas.index', ['layout' => 'lista', 'aba' => $aba] + array_filter($filterParams ?? [])) }}"
                                class="btn {{ $layout === 'lista' ? 'btn-outline-secondary active' : 'btn-outline-secondary' }}"
                                title="{{ __('Lista') }}">
                                <i class="fa-solid fa-list"></i>
                            </a>
                            <a href="{{ route('admin.demandas.index', ['layout' => 'colunas'] + array_filter($filterParams ?? [])) }}"
                                class="btn {{ $layout === 'colunas' ? 'btn-outline-secondary active' : 'btn-outline-secondary' }}"
                                title="{{ __('Colunas') }}">
                                <i class="fa-solid fa-table-columns"></i>
                            </a>
                        </div>
                    </div>
                @endif

                @if ($perm['adicionar'])
                    <a href="{{ route('admin.demandas.create') }}" class="btn btn-sm btn-primary">
                        <i class="fa-solid fa-plus"></i> {{ __('Nova Demanda') }}
                    </a>
                @endif
            </div>

            {{-- Conteúdo da aba --}}
            @if ($aba === 'diretoria')
                @include('admin.demandas.partials._diretoria')
            @elseif ($layout === 'colunas')
                @include('admin.demandas.partials._kanban')
            @else
                @include('admin.demandas.partials._lista')
            @endif

        </div>
    </div>

    @push('after-scripts')
        <script src="{{ asset('pmar/js/demandas.js') }}?v={{ filemtime(public_path('pmar/js/demandas.js')) }}"></script>
    @endpush
@endsection