@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: ' . __('Meus Chamados'))
@section('content')

    <div class="card shadow-sm border-0">

        @php $headLine = "<i class='fa-solid fa-headset'></i> " . __('Meus Chamados'); @endphp

        @include('components.buttons._headLineButtonsBackAdd', [
            'headLine' => $headLine,
            'routeBack' => 'admin.contaAngra.index',
            'routeBackParams' => [],
            'nameBack' => __('Voltar'),
        ])

        <div class="card-body">

            @include('errors.messageFlash')
            @include('components.modal._modelProfile')

            <ul class="nav nav-tabs mb-4" id="chamadosTabs" role="tablist">

                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="geral-tab" data-bs-toggle="tab" data-bs-target="#geral" type="button"
                        role="tab">
                        <i class="fa-solid fa-headset me-2"></i>
                        {{ __('Atendimentos') }}
                        <span class="badge bg-secondary ms-2">{{ $chamados->total() }}</span>
                    </button>
                </li>

                @if (!is_null($chamadosTi))
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="ti-tab" data-bs-toggle="tab" data-bs-target="#ti" type="button"
                            role="tab">
                            <i class="fa-solid fa-laptop-code me-2"></i>
                            {{ __('Suporte TI') }}
                            <span class="badge bg-primary ms-2">{{ $chamadosTi->count() }}</span>
                        </button>
                    </li>
                @endif

            </ul>

            <div class="tab-content">

                <div class="tab-pane fade show active" id="geral" role="tabpanel">

                    <div class="d-flex justify-content-end mb-3">
                        <a href="{{ route('admin.contaAngra.chamados.create') }}" class="btn btn-primary">
                            <i class="fa-solid fa-plus me-2"></i>
                            {{ __('Novo Atendimento') }}
                        </a>
                    </div>

                    @include('components/forms/_filtroPesquisaDefault', [
                        'id' => 'filtroChamadosGeral',
                        'placeholder' => __('Pesquisar atendimento...'),
                    ])

                    <x-tables._table :thead="[
                        __('Protocolo'),
                        __('Criado em'),
                        __('Enviado para'),
                        __('Assunto'),
                        __('Andamento'),
                        __('Ações'),
                    ]" :pagination="$chamados->links()">

                        <x-slot name="body">
                            @foreach ($chamados as $chamado)
                                <tr>
                                    <td>{{ $chamado->numeroChamado }}</td>
                                    <td>{{ date('d/m/Y H:i', strtotime($chamado->created_at)) }}</td>
                                    <td>{{ $chamado->convenioAtual }}</td>
                                    <td>{{ $chamado->assunto }}</td>
                                    <td>{{ $chamado->statusChamado }}</td>
                                    <td>
                                        <div class="d-flex gap-2 justify-content-center">
                                            @if ($chamado->statusChamado == 'Em edição')
                                                @include('components.buttons._editButton', [
                                                    'route' => 'admin.contaAngra.chamados.edit',
                                                    'id' => $chamado->id,
                                                    'title' => __('Editar'),
                                                    'fontawesome' => null,
                                                    'permission' => 'GERENCIADOR_DE_CONTA_ANGRA',
                                                ])
                                                @include('components.buttons._deleteButton', [
                                                    'message' => __(
                                                        '* Este atendimento e seu histórico serão excluídos e esta ação não poderá ser desfeita, deseja continuar?'),
                                                    'route' => 'admin.contaAngra.chamados.destroy',
                                                    'id' => $chamado->id,
                                                    'title' => __('Excluir'),
                                                    'fontawesome' => null,
                                                    'permission' => 'GERENCIADOR_DE_CONTA_ANGRA',
                                                ])
                                            @else
                                                @include('components.buttons._editButton', [
                                                    'route' => 'admin.contaAngra.chamados.show',
                                                    'id' => $chamado->id,
                                                    'title' => __('Página de Acompanhamento'),
                                                    'fontawesome' => "<i class='fa-solid fa-eye'></i>",
                                                    'permission' => 'GERENCIADOR_DE_CONTA_ANGRA',
                                                ])
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </x-slot>

                    </x-tables._table>

                </div>

                @if (!is_null($chamadosTi))
                    <div class="tab-pane fade" id="ti" role="tabpanel">

                        <div class="d-flex justify-content-end mb-3">
                            <a href="{{ route('admin.contaAngra.chamadosTi.create') }}" class="btn btn-primary">
                                <i class="fa-solid fa-plus me-2"></i>
                                {{ __('Abrir Chamado') }}
                            </a>
                        </div>

                        @include('components/forms/_filtroPesquisaDefault', [
                            'id' => 'filtroChamadosTi',
                            'placeholder' => __('Pesquisar chamado TI...'),
                        ])

                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>{{ __('Protocolo') }}</th>
                                        <th>{{ __('Título') }}</th>
                                        <th>{{ __('Assunto') }}</th>
                                        <th>{{ __('Setor') }}</th>
                                        <th>{{ __('Status') }}</th>
                                        <th>{{ __('Aberto em') }}</th>
                                        <th class="text-center">{{ __('Ações') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($chamadosTi as $ti)
                                        @php
                                            $tiColors = [
                                                'pendente' => 'warning',
                                                'em_andamento' => 'info',
                                                'atendido' => 'success',
                                                'cancelado' => 'secondary',
                                            ];
                                            $tiLabels = [
                                                'pendente' => __('Pendente'),
                                                'em_andamento' => __('Em Andamento'),
                                                'atendido' => __('Atendido'),
                                                'cancelado' => __('Cancelado'),
                                            ];
                                        @endphp
                                        <tr>
                                            <td>{{ $ti->numero }}</td>
                                            <td>{{ $ti->titulo }}</td>
                                            <td>{{ $ti->tiDetalhe?->assunto_nome ?? '—' }}</td>
                                            <td>{{ $ti->tiDetalhe?->setor_nome ?? '—' }}</td>
                                            <td>
                                                <span class="badge bg-{{ $tiColors[$ti->status] ?? 'secondary' }}">
                                                    {{ $tiLabels[$ti->status] ?? $ti->status }}
                                                </span>
                                            </td>
                                            <td>{{ $ti->data_abertura?->format('d/m/Y H:i') ?? '—' }}</td>
                                            <td class="text-center">
                                                <a href="{{ route('admin.contaAngra.chamadosTi.show', $ti->id) }}"
                                                    class="btn btn-sm btn-outline-primary" title="{{ __('Visualizar') }}">
                                                    <i class="fa-solid fa-eye"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center text-muted py-4">
                                                {{ __('Nenhum chamado de suporte TI encontrado.') }}
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                    </div>
                @endif

            </div>

        </div>

    </div>
@endsection