<html metal:use-macro="load: ../base-no-frame.pt">
<div metal:fill-slot="content">
    <h3>Update Profile e-SPPT</h3>
      <form method="post" accept-charset="utf-8" id="deform" class="form-horizontal" 
            enctype="multipart/form-data"  tal:define="field form">
        <input type="hidden" name="_charset_">
        <input type="hidden" value="deform" name="__formid__">
        <div class="alert alert-danger" tal:condition="field.error">
          <div class="errorMsgLbl" i18n:translate=""
            >Terdapat kesalahan pengisian</div>
          <p class="errorMsg">${field.errormsg}</p>
        </div>
        
        <div class="col-md-6">
            
            <div class="form-group"  tal:repeat="field form">
                <label class="control-label col-md-3">${field.title}</label>
                <div class="col-md-8">
                  ${structure:field.serialize()}
                  <p id="error-${field.oid}" class="help-block" tal:condition="field.error"
                     tal:repeat="error field.error.messages()">
                       ${error}</p>
                  </div>
            </div>
            <label class="control-label text-danger" for="password2">** Data di Isi sesuai dengan yang tertera pada KTP</label>
                
            <div class="form-group">
              <label class="control-label col-xs-4">&nbsp;</label>
              <div class="col-xs-8">
                <button type="submit" class="btn btn-primary btn-lg" id="btn_save" name="simpan">Simpan</button>
                <button type="submit" class="btn btn-info btn-lg" id="btn_cancel" name="batal">Batal</button>
              </div>
            </div> 
          </div>
        
      </form>        
    <div class="panel-body">
    </div>
    
</div>
<div metal:fill-slot="scripts">
    <script>
       $(document).ready(function () {
        //$("#kode").attr('readonly',true);
        $("#email").prop('readonly',true);
        $("#email").prop('readonly',true);
       });
       
    </script>
</div>

</html>