{{-- resources/views/contratos/partials/form.blade.php --}}
<div class="container-fluid">
  <div class="row">
    <div class="col-12">
      <div class="card shadow-sm border-0">
        <div class="card-header bg-gradient-primary text-white">
          <h4 class="mb-0">
            <i class="fas fa-file-contract me-2"></i>
            {{ isset($contrato) ? 'Editar Contrato #' . $contrato->id : 'Novo Contrato' }}
          </h4>
        </div>

        <div class="card-body p-0">
          <form action="{{ $action }}" method="POST" enctype="multipart/form-data" id="contratoForm">
            @csrf
            @if($method)
              @method($method)
            @endif

            <div class="accordion" id="formAccordion">

              <!-- 1. Contratante (Cliente) - Um único cliente -->
              <div class="accordion-item border-0">
                <h2 class="accordion-header" id="headingClientes">
                  <button class="accordion-button fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseClientes" aria-expanded="true" aria-controls="collapseClientes">
                    <i class="fas fa-user me-2 text-primary"></i>
                    Contratante (Cliente)
                    @if(isset($contrato) && $contrato->clientes->count())
                      <span class="badge bg-soft-success text-success ms-2">
                        <i class="fas fa-check me-1"></i>Configurado
                      </span>
                    @else
                      <span class="badge bg-soft-warning text-warning ms-2">
                        <i class="fas fa-exclamation-triangle me-1"></i>Pendente
                      </span>
                    @endif
                  </button>
                </h2>
                <div id="collapseClientes" class="accordion-collapse collapse show" aria-labelledby="headingClientes" data-bs-parent="#formAccordion">
                  <div class="accordion-body">
                    @if(isset($contrato) && $contrato->clientes->count())
                      @php $cliente = $contrato->clientes->first(); @endphp
                      <div class="card border-primary" id="clienteAtual">
                        <div class="card-body">
                          <div class="d-flex justify-content-between align-items-start mb-3">
                            <h6 class="card-title text-primary mb-0">
                              <i class="fas fa-user me-1"></i>
                              Cliente Atual
                            </h6>
                            <div class="btn-group">
                              <button type="button" class="btn btn-phoenix-warning btn-sm" data-bs-toggle="modal" data-bs-target="#modalSubstituirCliente">
                                <i class="fas fa-exchange-alt me-1"></i>
                                Substituir
                              </button>
                            </div>
                          </div>
                          <div class="row g-2 small">
                            <div class="col-md-6">
                              <strong>Razão Social:</strong><br>
                              {{ $cliente->razao_social }}
                            </div>
                            <div class="col-md-6">
                              <strong>Documento:</strong><br>
                              {{ $cliente->documento }}
                            </div>
                            <div class="col-md-6">
                              <strong>Email:</strong><br>
                              {{ $cliente->email ?? 'Não informado' }}
                            </div>
                            <div class="col-md-6">
                              <strong>Telefone:</strong><br>
                              {{ $cliente->telefone ?? 'Não informado' }}
                            </div>
                            <div class="col-12">
                              <strong>Endereço:</strong><br>
                              {{ $cliente->logradouro }}, {{ $cliente->numero }}
                              @if($cliente->complemento), {{ $cliente->complemento }}@endif
                              <br>{{ $cliente->cidade }}/{{ $cliente->estado }} - {{ $cliente->cep }}
                            </div>
                          </div>
                        </div>
                      </div>
                    @else
                      <div class="alert alert-soft-warning border-0" id="alertNenhumCliente">
                        <div class="d-flex justify-content-between align-items-center">
                          <div>
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            Nenhum cliente associado ao contrato.
                          </div>
                          <div class="btn-group">
                            <button type="button" class="btn btn-phoenix-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalSubstituirCliente">
                              <i class="fas fa-user-plus me-1"></i>
                              Selecionar Cliente
                            </button>
                          </div>
                        </div>
                      </div>
                    @endif
                  </div>
                </div>
              </div>

              <!-- 2. Contratada (Empresa) - Uma única empresa -->
              <div class="accordion-item border-0">
                <h2 class="accordion-header" id="headingEmpresas">
                  <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEmpresas" aria-expanded="false" aria-controls="collapseEmpresas">
                    <i class="fas fa-building me-2 text-success"></i>
                    Contratada (Empresa)
                    @if(isset($contrato) && $contrato->empresas->count())
                      <span class="badge bg-soft-success text-success ms-2">
                        <i class="fas fa-check me-1"></i>Configurado
                      </span>
                    @else
                      <span class="badge bg-soft-warning text-warning ms-2">
                        <i class="fas fa-exclamation-triangle me-1"></i>Pendente
                      </span>
                    @endif
                  </button>
                </h2>
                <div id="collapseEmpresas" class="accordion-collapse collapse" aria-labelledby="headingEmpresas" data-bs-parent="#formAccordion">
                  <div class="accordion-body">
                    @if(isset($contrato) && $contrato->empresas->count())
                      @php $empresa = $contrato->empresas->first(); @endphp
                      <div class="card border-success" id="empresaAtual">
                        <div class="card-body">
                          <div class="d-flex justify-content-between align-items-start mb-3">
                            <h6 class="card-title text-success mb-0">
                              <i class="fas fa-building me-1"></i>
                              Empresa Atual
                            </h6>
                            <div class="btn-group">
                              <button type="button" class="btn btn-phoenix-warning btn-sm" data-bs-toggle="modal" data-bs-target="#modalSubstituirEmpresa">
                                <i class="fas fa-exchange-alt me-1"></i>
                                Substituir
                              </button>
                            </div>
                          </div>
                          <div class="row g-2 small">
                            <div class="col-md-6">
                              <strong>Razão Social:</strong><br>
                              {{ $empresa->razao_social }}
                            </div>
                            <div class="col-md-6">
                              <strong>Documento:</strong><br>
                              {{ $empresa->documento }}
                            </div>
                            <div class="col-md-6">
                              <strong>Email:</strong><br>
                              {{ $empresa->email ?? 'Não informado' }}
                            </div>
                            <div class="col-md-6">
                              <strong>Telefone:</strong><br>
                              {{ $empresa->telefone ?? 'Não informado' }}
                            </div>
                            <div class="col-12">
                              <strong>Endereço:</strong><br>
                              {{ $empresa->logradouro }}, {{ $empresa->numero }}
                              @if($empresa->complemento), {{ $empresa->complemento }}@endif
                              <br>{{ $empresa->cidade }}/{{ $empresa->estado }} - {{ $empresa->cep }}
                            </div>
                          </div>
                        </div>
                      </div>
                    @else
                      <div class="alert alert-soft-warning border-0" id="alertNenhumaEmpresa">
                        <div class="d-flex justify-content-between align-items-center">
                          <div>
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            Nenhuma empresa associada ao contrato.
                          </div>
                          <div class="btn-group">
                            <button type="button" class="btn btn-phoenix-success btn-sm" data-bs-toggle="modal" data-bs-target="#modalSubstituirEmpresa">
                              <i class="fas fa-building me-1"></i>
                              Selecionar Empresa
                            </button>
                          </div>
                        </div>
                      </div>
                    @endif
                  </div>
                </div>
              </div>

              <!-- 3. Objeto do Contrato -->
              <div class="accordion-item border-0">
                <h2 class="accordion-header" id="headingObjeto">
                <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseObjeto" aria-expanded="false" aria-controls="collapseObjeto">
                    <i class="fas fa-file-alt me-2 text-warning"></i>
                    Objeto do Contrato
                  </button>
                </h2>
                <div id="collapseObjeto" class="accordion-collapse collapse" aria-labelledby="headingObjeto" data-bs-parent="#formAccordion">
                  <div class="accordion-body">
                    <div class="row g-3">
                      <!-- Plano de Contas -->
                      <div class="col-md-6">
                        <label for="plano_contas" class="form-label fw-bold">
                          <i class="fas fa-chart-line me-1 text-primary"></i>
                          Plano de Contas
                        </label>
                        <select id="plano_contas" name="plano_contas" class="form-select select2-plano-contas" required>
                          <option value="">Selecione um plano de contas</option>
                          @foreach($planos as $plano)
                            <option value="{{ $plano->id }}"
                              {{ (isset($contrato) && $contrato->plano_de_conta_id == $plano->id) ? 'selected' : '' }}>
                              {{ $plano->codigo }} - {{ $plano->descricao }}
                            </option>
                          @endforeach
                        </select>
                        <div class="invalid-feedback">
                          Por favor, selecione um plano de contas.
                        </div>
                      </div>

                      <!-- Evento -->
                      <div class="col-md-6">
                        <label for="evento_id" class="form-label fw-bold">
                          <i class="fas fa-calendar-alt me-1 text-info"></i>
                          Evento
                        </label>
                        <div class="input-group">
                          <select id="evento_id" name="evento_id" class="form-select select2-eventos" required>
                            <option value="">Selecione um evento</option>
                            @foreach($eventos as $evento)
                              <option value="{{ $evento->id }}"
                                {{ (isset($contrato) && $contrato->evento_id == $evento->id) ? 'selected' : '' }}>
                                {{ $evento->nome }} -
                                {{ \Carbon\Carbon::createFromFormat('d/m/Y', $evento->data)->format('d/m/Y') }} -
                                {{ $evento->cidade }}/{{ $evento->uf }}
                              </option>
                            @endforeach
                          </select>
                          @if(isset($contrato) && $contrato->evento_id)
                            <button type="button" class="btn btn-outline-primary" id="btn-editar-evento"
                                    data-evento-id="{{ $contrato->evento_id }}"
                                    title="Editar dados do evento selecionado">
                              <i class="fas fa-edit"></i>
                            </button>
                          @endif
                        </div>
                        <div class="invalid-feedback">
                          Por favor, selecione um evento.
                        </div>
                        @if(isset($contrato) && $contrato->evento_id)
                          <small class="form-text text-muted">
                            <i class="fas fa-info-circle me-1"></i>
                            Clique no botão <i class="fas fa-edit"></i> para editar os dados do evento selecionado.
                          </small>
                        @endif
                      </div>

                      <!-- Artista -->
                      <div class="col-md-6">
                        <label for="artista_id" class="form-label fw-bold">
                          <i class="fas fa-microphone me-1 text-purple"></i>
                          Artista <small class="text-muted">(Opcional)</small>
                        </label>
                        <select id="artista_id" name="artista_id" class="form-select select2-artistas">
                          <option value="">Selecione um artista (opcional)</option>
                          @foreach($artistas as $artista)
                            <option value="{{ $artista->id }}"
                              {{ (isset($contrato) && $contrato->artista_id == $artista->id) ? 'selected' : '' }}>
                              {{ $artista->nome_real }}
                              @if($artista->nome_artistico)
                                ({{ $artista->nome_artistico }})
                              @endif
                            </option>
                          @endforeach
                        </select>
                        <small class="form-text text-muted">
                          <i class="fas fa-info-circle me-1"></i>
                          Artista associado ao contrato (aparecerá na minuta se selecionado).
                        </small>
                      </div>

                      <!-- Tipo de Contrato -->
                      <div class="col-md-6">
                        <label for="tipo_contrato" class="form-label fw-bold">
                          <i class="fas fa-file-contract me-1 text-primary"></i>
                          Tipo de Contrato <small class="text-muted">(Opcional)</small>
                        </label>
                        <select id="tipo_contrato" name="tipo_contrato" class="form-select select2-tipo-contrato">
                          <option value="">Não especificado</option>
                          <option value="Privado" {{ (isset($contrato) && $contrato->tipo_contrato == 'Privado') ? 'selected' : '' }}>
                            Privado
                          </option>
                          <option value="Prefeitura" {{ (isset($contrato) && $contrato->tipo_contrato == 'Prefeitura') ? 'selected' : '' }}>
                            Prefeitura
                          </option>
                        </select>
                        <small class="form-text text-muted">
                          <i class="fas fa-info-circle me-1"></i>
                          Opcionalmente, defina se é um contrato privado ou de prefeitura.
                        </small>
                      </div>

                      <!-- Duração -->
                      <div class="col-md-6">
                        <label for="duracao" class="form-label fw-bold">
                          <i class="fas fa-clock me-1 text-secondary"></i>
                          Duração
                        </label>
                        <input type="text" class="form-control" id="duracao" name="duracao"
                              value="{{ isset($contrato) ? $contrato->duracao : '' }}"
                              placeholder="Ex: 2 horas" required>
                        <div class="invalid-feedback">
                          Por favor, informe a duração.
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <!-- 4. Variantes -->
              <div class="accordion-item border-0">
                <h2 class="accordion-header" id="headingVariantes">
                  <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseVariantes" aria-expanded="false" aria-controls="collapseVariantes">
                    <i class="fas fa-cogs me-2 text-info"></i>
                    Variantes
                  </button>
                </h2>
                <div id="collapseVariantes" class="accordion-collapse collapse" aria-labelledby="headingVariantes" data-bs-parent="#formAccordion">
                  <div class="accordion-body">
                    <div class="mb-3">
                      <label for="variantes" class="form-label fw-bold">
                        <i class="fas fa-edit me-1 text-primary"></i>
                        Variantes do Contrato
                      </label>
                      <textarea class="form-control tinymce" id="variantes" name="variantes" rows="8">
                        {!! old('variantes', isset($contrato) ? $contrato->variantes : '') !!}
                      </textarea>
                      <small class="form-text text-muted">
                        Utilize este campo para incluir cláusulas específicas ou variações do contrato.
                      </small>
                    </div>
                  </div>
                </div>
              </div>

            <!-- 5. Parcelas -->
              <div class="accordion-item border-0">
                <h2 class="accordion-header" id="headingParcelas">
                  <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseParcelas" aria-expanded="false" aria-controls="collapseParcelas">
                    <i class="fas fa-money-bill-wave me-2 text-success"></i>
                    Parcelas
                    @if(isset($contrato))
                      <span class="badge bg-soft-info text-info ms-2">
                        <i class="fas fa-sync-alt me-1"></i>Sincroniza com Contas a Receber
                      </span>
                    @endif
                  </button>
                </h2>
                <div id="collapseParcelas" class="accordion-collapse collapse" aria-labelledby="headingParcelas" data-bs-parent="#formAccordion">
                  <div class="accordion-body">
                    <div class="d-flex justify-content-between align-items-center mb-4">
                      <div>
                        <h5 class="mb-1">
                          <i class="fas fa-coins me-2 text-primary"></i>
                          Configuração de Parcelas
                        </h5>
                        <p class="text-body-secondary mb-0 small">Defina as parcelas e suas respectivas datas de vencimento</p>
                      </div>
                      <button type="button" id="add-parcela" class="btn btn-phoenix-success btn-sm btn-add-parcela">
                        <i class="fas fa-plus-circle me-1"></i>
                        Adicionar Parcela
                    </button>
                    </div>

                    <div id="parcelas-container">
                      @if(isset($contrato) && $contrato->parcelas && count($contrato->parcelas))
                        @foreach($contrato->parcelas as $index => $parcela)
                          <div class="parcelas-item mb-3" data-parcela-id="{{ $index }}">
                            <div class="card shadow-sm">
                              <div class="card-body">
                                <div class="row g-3 align-items-end">
                                  <!-- Campo de Data -->
                                  <div class="col-12 col-md-3">
                                    <label for="data_{{ $index }}" class="form-label fw-bold text-body-tertiary small mb-1">
                                      <i class="fas fa-calendar-alt me-1"></i>Data do Vencimento
                                    </label>
                                    <input type="date"
                                           class="form-control form-control-sm"
                                           id="data_{{ $index }}"
                                           name="parcelas[{{ $index }}][data]"
                                           value="{{ $parcela->data }}"
                                           required>
                                  </div>

                                  <!-- Campo de Valor -->
                                  <div class="col-12 col-md-3">
                                    <label for="valor_{{ $index }}" class="form-label fw-bold text-body-tertiary small mb-1">
                                      <i class="fas fa-dollar-sign me-1"></i>Valor da Parcela
                                    </label>
                                    <div class="input-group input-group-sm">
                                      <span class="input-group-text bg-body-secondary">R$</span>
                                      <input type="text"
                                             class="form-control money-mask"
                                             id="valor_{{ $index }}"
                                             name="parcelas[{{ $index }}][valor]"
                                             value="{{ number_format($parcela->valor, 2, ',', '.') }}"
                                             placeholder="0,00"
                                             required>
                                    </div>
                                  </div>

                                  <!-- Campo de Conta Bancária -->
                                  <div class="col-12 col-md-5">
                                    <label for="conta_bancaria_{{ $index }}" class="form-label fw-bold text-body-tertiary small mb-1">
                                      <i class="fas fa-university me-1"></i>Conta Bancária
                                    </label>
                                    <div class="select2-wrapper">
                                      <select class="form-select form-select-sm select2-parcela"
                                              id="conta_bancaria_{{ $index }}"
                                              name="parcelas[{{ $index }}][conta_bancaria_id]"
                                              data-placeholder="Selecione a conta bancária"
                                              required>
                                        <option value="">Selecione...</option>
                                        @foreach($contasBancarias as $conta)
                                          <option value="{{ $conta->id }}"
                                                  data-banco="{{ $conta->banco }}"
                                                  data-conta="{{ $conta->conta_corrente }}"
                                                  data-agencia="{{ $conta->agencia }}"
                                                  data-empresa="{{ optional($conta->empresa)->nome_fantasia ?: optional($conta->empresa)->razao_social }}"
                                                  {{ $parcela->conta_bancaria_id == $conta->id ? 'selected' : '' }}>
                                            {{ optional($conta->empresa)->nome_fantasia ?: optional($conta->empresa)->razao_social }} -
                                            {{ $conta->banco }} -
                                            Ag: {{ $conta->agencia }} /
                                            CC: {{ $conta->conta_corrente }}
                                          </option>
                                        @endforeach
                                      </select>
                                    </div>
                                  </div>

                                  <!-- Botão Remover -->
                                  <div class="col-12 col-md-1 text-end">
                                    <button type="button"
                                            class="btn btn-phoenix-danger btn-sm btn-remove-parcela"
                                            data-bs-toggle="tooltip"
                                            data-bs-placement="top"
                                            title="Remover parcela">
                                      <i class="fas fa-trash-alt"></i>
                                    </button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        @endforeach
                      @endif
                    </div>

                    <!-- Botão adicional no final das parcelas -->
                    <div class="text-center mt-3 mb-4">
                        <button type="button" class="btn btn-phoenix-success btn-sm btn-add-parcela">
                            <i class="fas fa-plus-circle me-1"></i>
                            Adicionar Parcela
                        </button>
                    </div>

                    <div class="alert alert-soft-info border-0 mt-4">
                      <div class="d-flex align-items-start">
                        <span class="fas fa-info-circle text-info fs-5 me-3 mt-1"></span>
                        <div class="flex-1">
                          <h6 class="alert-heading fs-9 mb-1">Informações importantes</h6>
                          <ul class="mb-0 ps-3">
                            <li>É necessário ter pelo menos uma parcela configurada para salvar o contrato</li>
                            @if(isset($contrato))
                              <li>Alterações nas parcelas serão <strong>automaticamente sincronizadas</strong> com as contas a receber correspondentes</li>
                            @endif
                            <li>Utilize o botão <strong>"Adicionar Parcela"</strong> para incluir novas parcelas ao contrato</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <!-- 6. Minuta do Contrato e Anexos -->
              <div class="accordion-item border-0">
                <h2 class="accordion-header" id="headingMinuta">
                  <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMinuta" aria-expanded="false" aria-controls="collapseMinuta">
                    <i class="fas fa-file-contract me-2 text-dark"></i>
                    Minuta do Contrato e Anexos
                  </button>
                </h2>
                <div id="collapseMinuta" class="accordion-collapse collapse" aria-labelledby="headingMinuta" data-bs-parent="#formAccordion">
                  <div class="accordion-body">
                    <div class="row g-3">
                      <div class="col-12">
                        <label for="minuta" class="form-label fw-bold">
                          <i class="fas fa-file-alt me-1 text-primary"></i>
                          Minuta do Contrato
                        </label>
                        <textarea class="form-control tinymce" id="minuta" name="minuta" rows="15" data-tinymce="{}">{!! old('minuta', isset($contrato) ? $contrato->minuta : '') !!}</textarea>
                        </small>
                      </div>

                      <div class="col-md-6">
                        <label for="anexo_contrato" class="form-label fw-bold">
                          <i class="fas fa-paperclip me-1 text-info"></i>
                          Anexo do Contrato
                        </label>
                        <input type="file" class="form-control" id="anexo_contrato" name="anexo_contrato"
                               accept=".pdf,.doc,.docx,.odt">
                        @if(isset($contrato) && $contrato->anexo_contrato)
                          <div class="mt-2">
                            <small class="text-success">
                              <i class="fas fa-check-circle me-1"></i>
                              Anexo atual: {{ $contrato->anexo_contrato }}
                            </small>
                            <br>
                            <a href="{{ route('contratos.download-anexo', $contrato) }}"
                               class="btn btn-outline-primary btn-sm mt-1">
                              <i class="fas fa-download me-1"></i>
                              Baixar anexo atual
                            </a>
                          </div>
                        @endif
                        <small class="form-text text-muted">
                          Formatos permitidos: PDF, DOC, DOCX, ODT. Tamanho máximo: 2MB.
                        </small>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </div> <!-- Fim do accordion -->
          </form>
        </div>

        <div class="card-footer">
          <div class="d-flex justify-content-between align-items-center">
            <a href="{{ route('contratos.index') }}" class="btn btn-outline-secondary">
              <i class="fas fa-arrow-left me-1"></i>
              Voltar
            </a>
            <button type="submit" form="contratoForm" class="btn btn-primary btn-lg">
              <i class="fas fa-save me-1"></i>
              {{ isset($contrato) ? 'Atualizar Contrato' : 'Salvar Contrato' }}
            </button>
          </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal de Confirmação de Exclusão de Parcela -->
<div class="modal fade" id="deleteParcelaModal" tabindex="-1" aria-labelledby="deleteParcelaModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteParcelaModalLabel">
                    <i class="fas fa-exclamation-triangle text-warning me-2"></i>
                    Confirmar Exclusão de Parcela
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle me-2"></i>
                    <strong>Atenção!</strong> Esta ação não pode ser desfeita.
                </div>

                <p class="mb-3">Tem certeza de que deseja excluir a seguinte parcela?</p>

                <div class="card border-danger">
                    <div class="card-header bg-danger text-white">
                        <h6 class="mb-0">
                            <i class="fas fa-money-check me-2"></i>
                            Dados da Parcela
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-2">
                            <div class="col-sm-6">
                                <strong>Número:</strong>
                                <span id="modal-parcela-numero" class="text-primary"></span>
                            </div>
                            <div class="col-sm-6">
                                <strong>Data de Vencimento:</strong>
                                <span id="modal-parcela-data" class="text-info"></span>
                            </div>
                            <div class="col-sm-6">
                                <strong>Valor:</strong>
                                <span id="modal-parcela-valor" class="text-success fw-bold"></span>
                            </div>
                            <div class="col-12">
                                <strong>Conta Bancária:</strong>
                                <span id="modal-parcela-conta" class="text-secondary"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mt-3">
                    <small class="text-muted">
                        <i class="fas fa-info-circle me-1"></i>
                        A exclusão desta parcela será permanente e não poderá ser desfeita.
                    </small>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times me-1"></i>
                    Cancelar
                </button>
                <button type="button" class="btn btn-danger" id="confirmDeleteParcela">
                    <i class="fas fa-trash me-1"></i>
                    Excluir Parcela
                </button>
            </div>
        </div>
    </div>
  </div>
{{-- Incluir modal de editar evento --}}
@include('contratos.partials.modal-editar-evento')

  <!-- Modal Substituir Cliente -->
<div class="modal fade" id="modalSubstituirCliente" tabindex="-1" aria-labelledby="modalSubstituirClienteLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" style="max-width: 480px;">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalSubstituirClienteLabel">
          <i class="fas fa-exchange-alt me-2"></i>
          Substituir Cliente
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
      </div>
      <div class="modal-body">
      <!-- Status das contas será carregado aqui -->
      <div id="statusContasCliente" class="mb-2">
        <div class="d-flex justify-content-center">
          <div class="spinner-border spinner-border-sm text-primary" role="status">
            <span class="visually-hidden">Verificando contas...</span>
          </div>
        </div>
      </div>
      
      <form id="formSubstituirCliente">
        <div class="mb-2">
          <label for="selectNovoCliente" class="form-label">Novo Cliente</label>
          <select class="form-select" id="selectNovoCliente" required>
            <option value="">Selecione um cliente...</option>
            @foreach($clientes as $cliente)
              <option value="{{ $cliente->id }}" 
                @if(isset($contrato) && $contrato->clientes->contains($cliente->id)) disabled @endif
                data-documento="{{ $cliente->documento }}"
                data-email="{{ $cliente->email }}"
                data-telefone="{{ $cliente->telefone }}">
                {{ $cliente->razao_social }} ({{ $cliente->documento }})
                @if(isset($contrato) && $contrato->clientes->contains($cliente->id)) - ATUAL @endif
              </option>
            @endforeach
          </select>
        </div>

        <div class="alert alert-info" role="alert">
          <i class="fas fa-info-circle me-1"></i>
          <small><strong>Atenção:</strong> Todas as contas a receber serão transferidas automaticamente.</small>
        </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-warning" onclick="substituirCliente()">
          <i class="fas fa-exchange-alt me-1"></i>
          Substituir Cliente
        </button>
      </div>
    </div>
  </div>
</div>

  <!-- Modal Substituir Empresa -->
  <div class="modal fade" id="modalSubstituirEmpresa" tabindex="-1" aria-labelledby="modalSubstituirEmpresaLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="max-width: 520px;">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="modalSubstituirEmpresaLabel">
            <i class="fas fa-exchange-alt me-2"></i>
            Substituir Empresa
          </h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
        </div>
        <div class="modal-body">
        <!-- Status das contas será carregado aqui -->
        <div id="statusContasEmpresa" class="mb-2">
          <div class="d-flex justify-content-center">
            <div class="spinner-border spinner-border-sm text-primary" role="status">
              <span class="visually-hidden">Verificando contas...</span>
            </div>
          </div>
        </div>
        
        <form id="formSubstituirEmpresa">
          <div class="mb-3">
            <label for="selectNovaEmpresa" class="form-label">Nova Empresa</label>
            <select class="form-select" id="selectNovaEmpresa" required>
              <option value="">Selecione uma empresa...</option>
              @foreach($empresas as $empresa)
                <option value="{{ $empresa->id }}" 
                  @if(isset($contrato) && $contrato->empresas->contains($empresa->id)) disabled @endif
                  data-documento="{{ $empresa->documento }}"
                  data-email="{{ $empresa->email }}"
                  data-telefone="{{ $empresa->telefone }}">
                  {{ $empresa->razao_social }} ({{ $empresa->documento }})
                  @if(isset($contrato) && $contrato->empresas->contains($empresa->id)) - ATUAL @endif
                </option>
              @endforeach
            </select>
          </div>

          <div class="mb-3">
            <label for="selectContaBancaria" class="form-label">Conta Bancária</label>
            <select class="form-select" id="selectContaBancaria" required>
              <option value="">Primeiro selecione uma empresa...</option>
            </select>
            <small class="text-muted">
              <i class="fas fa-info-circle me-1"></i>
              Escolha a conta bancária que será usada para os recebimentos.
            </small>
          </div>

          <div class="alert alert-info" role="alert">
            <i class="fas fa-info-circle me-1"></i>
            <small><strong>Atenção:</strong> Todas as contas a receber serão transferidas para a nova empresa e conta bancária selecionada.</small>
          </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-warning" id="btnSubstituirEmpresa" onclick="substituirEmpresa()">
            <i class="fas fa-exchange-alt me-1"></i>
            Substituir Empresa
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
@push('scripts-custom')
<script src="{{ asset('vendors/tinymce/tinymce.min.js') }}"></script>
<script src="{{ asset('vendors/jquery.mask/jquery.mask.min.js') }}"></script>
@include('contratos.scripts.gerenciar-clientes-empresas')
<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

{{-- Incluir o gerenciador de parcelas --}}
@include('contratos.scripts.parcelas-manager')

<script>
$(document).ready(function() {
    // Inicializar TinyMCE
    if (typeof tinymce !== 'undefined') {
        tinymce.init({
            selector: '.tinymce',
            height: 400,
            menubar: false,
            plugins: [
                'advlist autolink lists link image charmap print preview anchor',
                'searchreplace visualblocks code fullscreen',
                'insertdatetime media table paste code help wordcount'
            ],
            toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
            content_style: 'body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px }'
        });
    }

    // Inicializar Select2 para Plano de Contas
    $('.select2-plano-contas').select2({
        placeholder: 'Selecione um plano de contas',
        allowClear: true,
        width: '100%',
        theme: 'bootstrap-5',
        language: {
            noResults: function() {
                return "Nenhum resultado encontrado";
            },
            searching: function() {
                return "Buscando...";
            }
        }
    });

    // Inicializar Select2 para Eventos
    $('.select2-eventos').select2({
        placeholder: 'Selecione um evento',
        allowClear: true,
        width: '100%',
        theme: 'bootstrap-5',
        language: {
            noResults: function() {
                return "Nenhum resultado encontrado";
            },
            searching: function() {
                return "Buscando...";
            }
        }
    });

    // Inicializar Select2 para Artistas
    $('.select2-artistas').select2({
        placeholder: 'Selecione um artista (opcional)',
        allowClear: true,
        width: '100%',
        theme: 'bootstrap-5',
        templateResult: function(option) {
            if (!option.id) return option.text;

            const text = option.text;
            const parts = text.split(' (');
            const nomeReal = parts[0];
            const nomeArtistico = parts[1] ? parts[1].replace(')', '') : '';

            let html = '<div class="select2-option-artista">';
            html += '<strong>' + nomeReal + '</strong>';
            if (nomeArtistico) {
                html += '<br><small class="text-muted">(' + nomeArtistico + ')</small>';
            }
            html += '</div>';

            return $(html);
        },
        language: {
            noResults: function() {
                return "Nenhum artista encontrado";
            },
            searching: function() {
                return "Buscando...";
            }
        }
    });

    // Inicializar Select2 para Tipo de Contrato
    $('.select2-tipo-contrato').select2({
        placeholder: 'Selecione o tipo de contrato',
        allowClear: false,
        width: '100%',
        theme: 'bootstrap-5',
        minimumResultsForSearch: -1, // Remove a barra de busca
        language: {
            noResults: function() {
                return "Nenhuma opção encontrada";
            }
        }
    });

    // Mostrar/ocultar botão de editar evento
    $('#evento_id').on('change', function() {
        const eventoId = $(this).val();
        const $btnEditar = $('#btn-editar-evento');

        if (eventoId && $btnEditar.length) {
            $btnEditar.attr('data-evento-id', eventoId).removeClass('d-none');
        } else if ($btnEditar.length) {
            $btnEditar.addClass('d-none');
        }
    });

    // Validação do formulário
    $('#contratoForm').on('submit', function(e) {
        const parcelas = $('#parcelas-container .parcelas-item').length;

        if (parcelas === 0) {
            e.preventDefault();
            Swal.fire({
                icon: 'error',
                title: 'Erro',
                text: 'É necessário ter pelo menos uma parcela configurada.',
                confirmButtonColor: '#d33'
            });

            // Abrir accordion de parcelas
            new bootstrap.Collapse('#collapseParcelas', { show: true });
        }
    });
});

// Debug para verificar quantas vezes o evento está sendo disparado
$(document).ready(function() {
    let clickCount = 0;
    $(document).on('click', '.btn-add-parcela', function(e) {
        clickCount++;
        console.log('Botão clicado - contador:', clickCount);
        console.log('Evento:', e);
        console.log('Target:', e.target);
        console.log('CurrentTarget:', e.currentTarget);
    });
});

/* Estilos para badges suaves */
.badge.bg-soft-primary {
    background-color: rgba(13, 110, 253, 0.1) !important;
    color: #0d6efd !important;
}

.badge.bg-soft-success {
    background-color: rgba(25, 135, 84, 0.1) !important;
    color: #198754 !important;
}

/* Alertas dinâmicos */
.alert-dynamic {
    position: sticky;
    top: 0;
    z-index: 1050;
    margin-bottom: 1rem;
}

/* Cards de clientes e empresas */
.card.h-100 {
    height: 100% !important;
}

/* Botões pequenos do Phoenix */
.btn-phoenix-primary.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.btn-phoenix-success.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.btn-phoenix-danger.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

/* Modais responsivos */
@media (max-width: 576px) {
    .modal-dialog.modal-lg {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}

/* Modais de substituição compactos */
#modalSubstituirCliente .modal-dialog,
#modalSubstituirEmpresa .modal-dialog {
    max-width: 480px !important;
    margin: 1rem auto;
}

#modalSubstituirCliente .modal-content,
#modalSubstituirEmpresa .modal-content {
    border-radius: 8px;
}

#modalSubstituirCliente .modal-body,
#modalSubstituirEmpresa .modal-body {
    padding: 1rem;
}

#modalSubstituirCliente .modal-header,
#modalSubstituirEmpresa .modal-header {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #dee2e6;
}

#modalSubstituirCliente .modal-footer,
#modalSubstituirEmpresa .modal-footer {
    padding: 0.75rem 1rem;
    border-top: 1px solid #dee2e6;
}

/* Select2 compacto nos modais */
#modalSubstituirCliente .select2-container,
#modalSubstituirEmpresa .select2-container {
    width: 100% !important;
    max-width: 100%;
    font-size: 0.875rem;
}

#modalSubstituirCliente .select2-selection--single,
#modalSubstituirEmpresa .select2-selection--single {
    height: 35px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem !important;
}

#modalSubstituirCliente .select2-selection__rendered,
#modalSubstituirEmpresa .select2-selection__rendered {
    line-height: 33px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.875rem !important;
}

#modalSubstituirCliente .select2-selection__arrow,
#modalSubstituirEmpresa .select2-selection__arrow {
    height: 33px !important;
    right: 6px !important;
}

/* DROPDOWN COMPACTO - AQUI ESTÁ A CORREÇÃO */
#modalSubstituirCliente .select2-dropdown,
#modalSubstituirEmpresa .select2-dropdown {
    z-index: 1056 !important;
    font-size: 0.8rem !important;
    max-width: 400px !important; /* Limitar largura máxima */
    width: auto !important;
    min-width: 250px !important; /* Largura mínima */
    border-radius: 0.375rem !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

#modalSubstituirCliente .select2-results,
#modalSubstituirEmpresa .select2-results {
    max-height: 180px !important; /* Altura máxima muito menor */
    overflow-y: auto !important;
}

#modalSubstituirCliente .select2-results__options,
#modalSubstituirEmpresa .select2-results__options {
    max-height: 180px !important; /* Altura máxima muito menor */
}

#modalSubstituirCliente .select2-results__option,
#modalSubstituirEmpresa .select2-results__option {
    padding: 4px 8px !important; /* Padding bem menor */
    font-size: 0.8rem !important; /* Fonte menor */
    line-height: 1.3 !important;
    min-height: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#modalSubstituirCliente .select2-results__option--highlighted,
#modalSubstituirEmpresa .select2-results__option--highlighted {
    background-color: #e3f2fd !important;
    color: #1976d2 !important;
}

#modalSubstituirCliente .select2-search,
#modalSubstituirEmpresa .select2-search {
    padding: 4px !important;
}

#modalSubstituirCliente .select2-search__field,
#modalSubstituirEmpresa .select2-search__field {
    height: 28px !important;
    font-size: 0.8rem !important;
    padding: 2px 6px !important;
    border-radius: 0.25rem !important;
}

/* Estilos específicos para o select de conta bancária */
#selectContaBancaria + .select2-container {
    width: 100% !important;
}

#selectContaBancaria + .select2-container .select2-selection--single {
    height: 35px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem !important;
}

#selectContaBancaria + .select2-container .select2-selection__rendered {
    line-height: 33px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.875rem !important;
}

#selectContaBancaria + .select2-container .select2-selection__arrow {
    height: 33px !important;
    right: 6px !important;
}

/* Loading state para conta bancária */
#selectContaBancaria + .select2-container .select2-selection__rendered[title*="Carregando"] {
    color: #6c757d !important;
    font-style: italic !important;
}

/* Status das contas compacto */
#statusContasCliente .alert,
#statusContasEmpresa .alert {
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    font-size: 0.875rem;
}

#statusContasCliente .alert h6,
#statusContasEmpresa .alert h6 {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

#statusContasCliente .badge,
#statusContasEmpresa .badge {
    font-size: 0.75rem;
}

/* Alertas informativos compactos */
#modalSubstituirCliente .alert-info,
#modalSubstituirEmpresa .alert-info {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

/* Botões compactos */
#modalSubstituirCliente .btn,
#modalSubstituirEmpresa .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* Labels menores */
#modalSubstituirCliente .form-label,
#modalSubstituirEmpresa .form-label {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Títulos dos modais menores */
#modalSubstituirClienteLabel,
#modalSubstituirEmpresaLabel {
    font-size: 1.1rem;
}

/* Responsivo para telas pequenas */
@media (max-width: 576px) {
    #modalSubstituirCliente .modal-dialog,
    #modalSubstituirEmpresa .modal-dialog {
        max-width: 95% !important;
        margin: 0.5rem auto;
    }
}

</script>
@endpush