
<?= $this->extend('layouts/painel') ?>
<?= $this->section('content') ?>

        <div class="card">
          <div class="card-body">
            <h5 class="card-title fw-semibold mb-4">Registro de Cliente</h5>
            <div class="card">
              <div class="card-body">
                <form>
                <div class="row">
                  <div class="col-md-6">  
                    <div class="mb-3">
                        <label for="clientenome" class="form-label">Nome</label>
                        <input type="text" class="form-control" id="clientenome">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="mb-3">
                        <label for="email" class="form-label">
                        Email
                        </label>
                        <input
                        type="email"
                        class="form-control"
                        id="email"
                        name="email"
                        placeholder="exemplo@dominio.com"
                        >
                    </div>
                  </div>

                  <div class="col-md-4">
                    <div class="mb-3">
                        <label for="telefone_principal" class="form-label">Número principal</label>
                        <input
                        type="tel"
                        class="form-control"
                        id="telefone_principal"
                        name="telefone_principal"
                        placeholder="Ex: +258 84 123 4567"
                        >
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label for="telefone_whatsapp" class="form-label">
                        Número WhatsApp
                        <iconify-icon icon="logos:whatsapp-icon" class="ms-1"></iconify-icon>
                        </label>
                        <input
                        type="tel"
                        class="form-control"
                        id="telefone_whatsapp"
                        name="telefone_whatsapp"
                        placeholder="Ex: +258 82 987 6543"
                        >
                    </div>
                 </div>
                 <div class="col-md-4">
                    <div class="mb-3">
                        <label for="nuit" class="form-label">
                        NUIT
                        </label>
                        <input
                        type="text"
                        class="form-control"
                        id="nuit"
                        name="nuit"
                        placeholder="123456789"
                        >
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="mb-3">
                        <label for="endereco" class="form-label">
                        Endereço
                        </label>
                        <input
                        type="text"
                        class="form-control"
                        id="endereco"
                        name="endereco"
                        placeholder="Rua, bairro, cidade"
                        >
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label for="categoria_empresa" class="form-label">
                        Categoria da Empresa
                        <iconify-icon icon="solar:chart-2-bold-duotone" class="ms-1"></iconify-icon>
                        </label>

                        <select class="form-select" id="categoria_empresa" name="categoria_empresa">
                        <option value="">Selecione a categoria</option>

                        <optgroup label="Serviços">
                            <option value="servicos_gerais">Serviços Gerais</option>
                            <option value="consultoria">Consultoria</option>
                            <option value="marketing_publicidade">Marketing & Publicidade</option>
                            <option value="eventos">Promoção de Eventos</option>
                            <option value="educacao">Educação / Formação</option>
                            <option value="saude">Saúde</option>
                        </optgroup>

                        <optgroup label="Comércio">
                            <option value="comercio_geral">Comércio Geral</option>
                            <option value="retalho">Retalho</option>
                            <option value="atacado">Atacado</option>
                            <option value="ecommerce">E-commerce</option>
                        </optgroup>

                        <optgroup label="Tecnologia">
                            <option value="ti">Tecnologia da Informação</option>
                            <option value="software">Software / SaaS</option>
                            <option value="telecomunicacoes">Telecomunicações</option>
                        </optgroup>

                        <optgroup label="Indústria & Construção">
                            <option value="industria">Indústria</option>
                            <option value="construcao">Construção Civil</option>
                            <option value="energia">Energia</option>
                        </optgroup>

                        <optgroup label="Outros">
                            <option value="agricultura">Agricultura</option>
                            <option value="transportes">Transportes & Logística</option>
                            <option value="turismo">Turismo & Hotelaria</option>
                            <option value="financeiro">Financeiro / Seguros</option>
                            <option value="outros">Outros</option>
                        </optgroup>
                        </select>
                    </div>
                 </div>

                  
                  <button type="submit" class="btn btn-primary mt-3">Registrar</button>
                </div>
                </form>
              </div>
            </div>
            
          </div>
        </div>
        
<?= $this->endSection('content') ?>