<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ufficio Catastale</title>
<?php require_once('includes/inc-css.php'); ?>
</head>
<body>
<?php require_once('includes/inc-ar-header.php'); ?>
<main id="content" role="main">
  <div class="overflow-hidden">
    <div class="container content-space-1">
      <div class="row">
        <?php require_once('includes/inc-ar-menu.php'); ?>
        <div class="col-lg-8 offset-lg-1 mb-5">
         
            <div class="h4 text-center">Dati anagrafici </div>
            <div class="card mb-5 rounded shadow">
              <div class="card-body pb-5">
                <form>
                  <div class="row">
                    <div class="col-sm-12 mb-4 text-center">
                      <div class="form-check form-check-inline">
                        <input type="radio" id="formInlineRadio1" class="form-check-input" name="formInlineRadio">
                        <label class="form-check-label" for="formInlineRadio1">Privato</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input type="radio" id="formInlineRadio2" class="form-check-input indeterminate-checkbox" checked name="formInlineRadio">
                        <label class="form-check-label" for="formInlineRadio2">Azienda</label>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormFirstName">Partiva IVA (compare solo per Azienda)</label>
                        <div class="input-group" > <span class="input-group-text" id="basic-addon1">IT</span>
                          <input type="text" class="form-control" placeholder="Inserisci la Partiva Iva" aria-label="Inserisci la Partiva Iva" >
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-6 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormLasttName">Ragione Sociale (compare solo per Azienda)</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                    <div class="col-sm-6 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormLasttName">Codice SDI/PEC (compare solo per Azienda)</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-6 ">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormFirstName">Nome</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                    <div class="col-sm-6 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormFirstName">Cognome</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-6 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormLasttName">Email</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="" value="m.digiacomo@openapi.com" disabled>
                      </div>
                    </div>
                    <div class="col-sm-6 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormLasttName">Cellulare</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-2 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="contactsFormCompany">CAP</label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                    <div class="col-sm-5 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="">Comune </label>
                        <select name="" id="" class="form-select" aria-label="Comune" disabled="">
                          <option selected="">Comune</option>
                        </select>
                      </div>
                    </div>
                    <div class="col-sm-5 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="">Provincia </label>
                        <select name="" id="" class="form-select" aria-label="Provincia" disabled="">
                          <option selected="">Provincia</option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12 mb-2">
                      <div class="mb-2">
                        <label class="form-label" for="">Indirizzo </label>
                        <input type="text" class="form-control" name="" id="" placeholder="" aria-label="">
                      </div>
                    </div>
                  </div>
                  <div class="row mb-5">
                    <div class=" col-md-12 ">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox" name="privacy" checked="" id="" value="1" required="">
                          Accetto al trattamento dei miei <a href="javascript:void(window.open(&quot;https://privacy.altravia.com?domain=openapi.it&quot;,&quot;privacy&quot;,&quot;toolbar=no, titlebar=no, status=no, scrollbars=yes, resizable=no, width=800, height=600&quot;))" >dati personali</a></label>
                      </div>
                    </div>
                    <div class=" col-md-12 ">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox" name="law" checked="" id="" value="1" required="">
                          Accetto le <a href="https://openapi.it/condizioni-contrattuali" target="_blank" class="">condizioni contrattuali</a> e il <a href="https://openapi.it/diritto-di-recesso" target="_blank">diritto di recesso</a></label>
                      </div>
                    </div>
                  </div>
                  <button type="button" class="btn btn-sm btn-success" alt="inserire alt per far contento google" aria-label="SALVA"> SALVA</button>
                </form>
              </div>
            </div>
			
			
			<div class="h4 text-center">Cambia Password  </div>
            <div class="card  mb-5 rounded shadow">
              <div class="card-body pb-5">
               <form>
                <div class="row mb-5">
                  <div class="col-sm-12 mb-4">
                    <div class="d-flex justify-content-between align-items-center">
                      <label class="form-label" for="loginFormPassword">Vecchia Password</label>
                    </div>
                    <div class="input-group input-group-merge">
                      <input type="password" class="js-toggle-password form-control" name="loginFormPasswordName" id="loginFormPassword" placeholder="Password" aria-label="Password" required="" data-hs-toggle-password-options="{
                         &quot;target&quot;: &quot;#loginFormChangePassTarget0&quot;,
                         &quot;defaultClass&quot;: &quot;bi-eye-slash&quot;,
                         &quot;showClass&quot;: &quot;bi-eye&quot;,
                         &quot;classChangeTarget&quot;: &quot;#changePassIcon0&quot;
                       }">
                      <a id="loginFormChangePassTarget0" class="input-group-append input-group-text" href="javascript:;"> <i id="changePassIcon0" class="bi-eye-slash"></i> </a> </div>
                  </div>
                  <div class="col-sm-6 mb-4 mb-sm-0">
                    <div class="d-flex justify-content-between align-items-center">
                      <label class="form-label" for="loginFormPassword">Nuova Password</label>
                    </div>
                    <div class="input-group input-group-merge">
                      <input type="password" class="js-toggle-password form-control" name="loginFormPasswordName" id="loginFormPassword" placeholder="Password" aria-label="Password" required="" data-hs-toggle-password-options="{
                         &quot;target&quot;: &quot;#loginFormChangePassTarget&quot;,
                         &quot;defaultClass&quot;: &quot;bi-eye-slash&quot;,
                         &quot;showClass&quot;: &quot;bi-eye&quot;,
                         &quot;classChangeTarget&quot;: &quot;#changePassIcon&quot;
                       }">
                      <a id="loginFormChangePassTarget" class="input-group-append input-group-text" href="javascript:;"> <i id="changePassIcon" class="bi-eye-slash"></i> </a> </div>
                  </div>
                  <div class="col-sm-6 mb-4 mb-sm-0">
                    <div class="d-flex justify-content-between align-items-center">
                      <label class="form-label" for="loginFormConfermaPassword">Conferma  Password</label>
                    </div>
                    <div class="input-group input-group-merge">
                      <input type="password" class="js-toggle-password form-control" name="loginFormConfermaPasswordName" id="loginFormConfermaPassword" placeholder="Password" aria-label="Password" required="" data-hs-toggle-password-options="{
                         &quot;target&quot;: &quot;#loginFormChangePassTarget2&quot;,
                         &quot;defaultClass&quot;: &quot;bi-eye-slash&quot;,
                         &quot;showClass&quot;: &quot;bi-eye&quot;,
                         &quot;classChangeTarget&quot;: &quot;#changePassIcon2&quot;
                       }">
                      <a id="loginFormChangePassTarget2" class="input-group-append input-group-text" href="javascript:;"> <i id="changePassIcon2" class="bi-eye-slash"></i> </a> </div>
                  </div>
                </div>
                <button type="button" class="btn btn-sm btn-success" alt="inserire alt per far contento google" aria-label="SALVA"> SALVA</button>
              </form> 
              </div>
            </div>
            <p class="text-center"><a href="" class="btn btn-sm btn-secondary" alt="" aria-label="SALVA" data-bs-toggle="modal" data-bs-target="#eliminaprofilo"> ELIMINA IL TUO ACCOUNT</a></p>
        </div>
      </div>
    </div>
  </div>
</main>
<?php require_once('includes/inc-footer.php'); ?>
<script src="assets/vendor/hs-toggle-password/dist/hs-toggle-password.js"></script>
<!-- JS Plugins Init. --> 
<script>
  (function() {
    // INITIALIZATION OF TOGGLE PASSWORD
    // =======================================================
    new HSTogglePassword('.js-toggle-password')
  })()
</script>

</body>
</html>
<div id="eliminaprofilo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="eliminaprofiloTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="staticBackdropLabel">Hai selezionato l'opzione di chiudere il tuo account.</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p class="fw-bold text-dark text-uppercase mb-3">Ti ricordamo che:</p>
        <ul class="list-checked list-checked-primary mb-5 small">
          <li class="list-checked-item">Eliminando in modo permanente il tuo account di Ufficio Catastale perderai il tuo credito residuo.</li>
          <li class="list-checked-item">Se non hai scaricato i tuoi contenuti, ti suggeriamo di farlo prima di chiudere il tuo account altrimenti non li potrai recuperare. </li>
        </ul>
        <p class="fw-bold text-dark text-uppercase mb-3"> Se sicuro di voler procedere?</p>
        <div class="form-check mb-3">
          <input type="radio" id="formRadio1" class="form-check-input" name="formRadio">
          <label class="form-check-label" for="formRadio1">SI, voglio cancellare il mio account</label>
        </div>
        <!-- End Checkbox --> 
        
        <!-- Checkbox -->
        <div class="form-check mb-3">
          <input type="radio" id="formRadio2" class="form-check-input" checked="" name="formRadio">
          <label class="form-check-label" for="formRadio2">NO, mantengo il mia account con Ufficio Catastale</label>
        </div>
        <!-- End Checkbox --> 
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-white text-uppercase" data-bs-dismiss="modal">Chiudi</button>
        <button type="button" class="btn btn-primary text-uppercase">Conferma </button>
      </div>
    </div>
  </div>
</div>