{% extends "base.html.twig" %}

{% block title %}Imobiliárias{% endblock %}

{% block body %}
<input type="hidden" id="dadosPage" data-modo="{{ modo }}" data-idimobiliaria="{{ idImobiliaria }}" >

<style type="text/css">
  .input-group .input-group-text.is-invalid {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
  }
</style>

<div class="col-lg-4 mb-2">
  <div class="demo-inline-spacing">
    <a href="{{ url('app_imobiliaria') }}">
      <button type="button" class="btn btn-primary">
        <span class="icon-base bx bx-chevron-left icon-sm me-1"></span>Voltar
      </button>
    </a>
  </div>
</div>

<div class="col-xl">
  <div class="card">
    <div class="card-body">
      <form id="formImobiliaria" novalidate>
        <div class="d-flex justify-content-between align-items-center">
          <h5 class="mb-1">Dados da Imobiliária</h5>
        </div>

        <div class="row">
          <div class="col-md-6 mb-4">
            <label class="form-label" for="basic-icon-default-fullname">CNPJ</label>
            <div class="input-group input-group-merge">
              <span id="basic-icon-default-fullname2" class="input-group-text"
                ><i class="icon-base bx bx-paperclip"></i
              ></span>
              <input
                required
                type="text"
                class="form-control limitaNumero"
                id="cnpj"
                name="cnpj"
                value="{{ cnpj ?? '' }}"
                placeholder="CNPJ"
                aria-label="CNPJ"
                aria-describedby="basic-icon-default-fullname2" />
            </div>
          </div>

          <div class="col-md-3 mb-4">
            <label class="form-label" for="telefone">Telefone Celular</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-mobile"></i></span>
              <input
                type="text"
                id="telefone"
                name="telefone"
                value="{{ telefone ?? '' }}"
                class="form-control phone-mask limitaNumero"
                placeholder="(00) 00000-0000"
                aria-label="Telefone Celular"
              />
            </div>
          </div>

          <div class="col-md-3 mb-4">
            <label class="form-label" for="telefoneFixo">Telefone Fixo</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-phone"></i></span>
              <input
                type="text"
                id="telefoneFixo"
                name="telefoneFixo"
                value="{{ telefoneFixo ?? '' }}"
                class="form-control phone-mask limitaNumero"
                placeholder="(00) 0000-0000"
                aria-label="Telefone Fixo"
              />
            </div>
          </div>

{#           <div class="col-md-6 mb-4">
            <label class="form-label" for="telefone">Telefone</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-phone"></i></span>
              <input
                type="text"
                id="telefone"
                name="telefone"
                value="{{ telefone ?? '' }}"
                class="form-control phone-mask limitaNumero"
                placeholder="(00) 00000-0000"
                aria-label="Telefone"
              />
            </div>
          </div> #}

        </div>

        <div class="row">

          <div class="col-md-6 mb-4">
            <label class="form-label" for="nome">Nome</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-buildings"></i></span>
              <input
                required
                type="text"
                class="form-control"
                id="nome"
                name="nome"
                value="{{ nome ?? '' }}"
                placeholder="Nome da Imobiliária"
                aria-label="Nome da Imobiliária"
              />
            </div>
          </div>

          <div class="col-md-6 mb-4">
            <label class="form-label" for="email">Email</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-envelope"></i></span>
              <input
                type="email"
                id="email"
                name="email"
                value="{{ email ?? '' }}"
                class="form-control"
                placeholder="E-mail"
                aria-label="E-mail"
              />
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-6 mb-4">
            <label class="form-label" for="nomeContato">Nome do Contato</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-user"></i></span>
              <input
                type="text"
                class="form-control"
                id="nomeContato"
                name="nomeContato"
                value="{{ nomeContato ?? '' }}"
                placeholder="Nome do responsável"
                aria-label="Nome do responsável"
              />
            </div>
          </div>
          <div class="col-md-3 mb-4">
            <label class="form-label" for="site">Site</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-globe"></i></span>
              <input
                type="text"
                class="form-control"
                id="site"
                name="site"
                value="{{ site ?? '' }}"
                placeholder="www.exemplo.com.br"
                aria-label="site"
              />
            </div>
          </div>

          <div class="col-md-3 mb-4">
            <label class="form-label" for="status">Status</label>
            <div class="input-group input-group-merge">
              <span class="input-group-text"><i class="icon-base bx bx-toggle-left"></i></span>
              <select class="form-select" id="status" name="status" required>
                <option value="Ativo" {{ status is defined and status == 'Ativo' ? 'selected' }}>Ativo</option>
                <option value="Inativo" {{ status is defined and status == 'Inativo' ? 'selected' }}>Inativo</option>
              </select>
            </div>
          </div>
        </div>


          <button type="submit" class="btn btn-primary float-end mt-2" data-modo="{{ modo }}" data-idimobiliaria="{{ idImobiliaria }}" >Salvar</button>
      </form>

    </div>
  </div>
</div>
{% endblock %}

{% block javascripts %}
<script src="{{ asset('js/componentes/FormValidation.js') }}"></script>
<script src="{{ asset('js/imobiliaria/Imobiliaria.js') }}"></script>
{% endblock %}