@php
$title = 'Editar Equipe';
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('cadastro.equipes') }}`)" class="text-decoration-none text-secondary">Equipes</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Editar</li>
        </ol>
    </nav>
    
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-pencil-square me-2 text-primary"></i>Editar Equipe
            </h1>
            <span class="text-muted small">Atualize os dados da equipe</span>
        </div>
    </div>
    
    <div class="card shadow border-0 mb-4">
        <div class="card-body">
            <form id="formEditarEquipe">
                @csrf
                @method('PUT')
                
                <h5 class="fw-bold mb-3"><i class="bi bi-info-circle me-2"></i>Informações da Equipe</h5>
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label for="codigo" class="form-label">Código <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="codigo" name="dados[codigo]" value="{{ $equipe->codigo }}" readonly required>
                        <small class="text-muted">Gerado automaticamente</small>
                    </div>
                    <div class="col-md-4">
                        <label for="nome" class="form-label">Nome da Equipe <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="nome" name="dados[nome]" value="{{ $equipe->nome }}" required>
                    </div>
                    <div class="col-md-2">
                        <label for="area_id" class="form-label">Área <span class="text-danger">*</span></label>
                        <select class="form-select" id="area_id" name="dados[area_id]" required>
                            <option value="">Selecione...</option>
                            @foreach($areas as $area)
                                <option value="{{ $area->id }}" {{ $equipe->area_id == $area->id ? 'selected' : '' }}>{{ $area->nome }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="responsavel_id" class="form-label">Responsável <span class="text-danger">*</span></label>
                        <select class="form-select" id="responsavel_id" name="dados[responsavel_id]" required>
                            <option value="">Selecione...</option>
                            @foreach($colaboradores as $colaborador)
                                <option value="{{ $colaborador->id }}" {{ $equipe->responsavel_id == $colaborador->id ? 'selected' : '' }}>{{ $colaborador->nome }} - {{ $colaborador->cargo->nome }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                        <select class="form-select" id="status" name="dados[status]" required>
                            <option value="ATIVA" {{ $equipe->status == 'ATIVA' ? 'selected' : '' }}>Ativa</option>
                            <option value="INATIVA" {{ $equipe->status == 'INATIVA' ? 'selected' : '' }}>Inativa</option>
                        </select>
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-md-12">
                        <label for="descricao" class="form-label">Descrição</label>
                        <textarea class="form-control" id="descricao" name="dados[descricao]" rows="3">{{ $equipe->descricao }}</textarea>
                    </div>
                </div>
                
                <div class="d-flex justify-content-end gap-2 mt-4">
                    <button type="button" class="btn btn-secondary" onclick="carregarConteudo(`{{ route('cadastro.equipes') }}`)">
                        <i class="bi bi-x-circle me-2"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-primary" onclick="atualizar(`{{ route('equipes.update', ['id' => $equipe->id]) }}`, 'formEditarEquipe', `{{ route('cadastro.equipes') }}`)">
                        <i class="bi bi-check-circle me-2"></i>Atualizar
                    </button>
                </div>
            </form>
        </div>
    </div>
    
    <div class="card shadow border-0">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h5 class="fw-bold mb-0"><i class="bi bi-people me-2"></i>Membros da Equipe</h5>
                <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#modalAdicionarMembro">
                    <i class="bi bi-person-plus me-2"></i>Adicionar Membro
                </button>
            </div>
            
            @if($equipe->colaboradores && $equipe->colaboradores->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Nome</th>
                                <th>Cargo</th>
                                <th>Setor</th>
                                <th>Status</th>
                                <th class="text-center">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($equipe->colaboradores as $membro)
                                <tr>
                                    <td>
                                        {{ $membro->nome }}
                                        @if($membro->id == $equipe->responsavel_id)
                                            <span class="badge bg-warning text-dark ms-2">Responsável</span>
                                        @endif
                                    </td>
                                    <td>{{ $membro->cargo->nome }}</td>
                                    <td>{{ $membro->setor->nome }}</td>
                                    <td><span class="badge bg-{{ $membro->is_active ? 'success' : 'secondary' }}">{{ $membro->is_active ? 'Ativo' : 'Inativo' }}</span></td>
                                    <td class="text-center">
                                        <a href="#" onclick="carregarConteudo(`{{ route('cadastro.colaboradores.visualizar', ['id' => $membro->id]) }}`)" class="text-decoration-none">
                                            <i class="bi bi-eye icon-action view" data-bs-toggle="tooltip" title="Visualizar"></i>
                                        </a>
                                        @if($membro->id != $equipe->responsavel_id)
                                            <a href="#" onclick="removerMembro({{ $equipe->id }}, {{ $membro->id }})" class="text-decoration-none">
                                                <i class="bi bi-person-dash icon-action delete" data-bs-toggle="tooltip" title="Remover da equipe"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="alert alert-info mb-0">
                    <i class="bi bi-info-circle me-2"></i>Nenhum membro adicionado à equipe.
                </div>
            @endif
        </div>
    </div>
</div>

<div class="modal fade" id="modalAdicionarMembro" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="bi bi-person-plus me-2"></i>Adicionar Membro</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="formAdicionarMembro">
                    <div class="mb-3">
                        <label for="colaborador_id" class="form-label">Colaborador <span class="text-danger">*</span></label>
                        <select class="form-select" id="colaborador_id" name="colaborador_id" required>
                            <option value="">Selecione...</option>
                            @foreach($colaboradoresDisponiveis as $colaborador)
                                <option value="{{ $colaborador->id }}">{{ $colaborador->nome }} - {{ $colaborador->cargo->nome }}</option>
                            @endforeach
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="adicionarMembroEquipe({{ $equipe->id }})">Adicionar</button>
            </div>
        </div>
    </div>
</div>