{{#if customer.customer_group_name '!=' 'Reseller'}}

<div class="reseller-info">
    <h3 class="resale-title">Resale Certification Information</h3>

    <form action="/account.php?action=update_account" class="form" method="POST" enctype="multipart/form-data" id="reseller-cert">
        <fieldset class="form-fieldset form-container">
            <legend class="legend">Upload Resale Certificate</legend>
            <p class="required-text">* Required Fields</p>
            <p class="field">
                <label for="resale-number" class="required-item required">Enter Your Resale Number</label>
                <div class="form-row--half">
                    <div class="input-box form-field form-field--input form-field--inputText">
                        <input type="text" id="resale-number" class="input-text required-entry form-input" name="resale_number">
                    </div>
                </div>
            </p>
            <p class="field">
                <label for="reseller" class="required-item required">Upload Your Resale Certificate here</label>
                <div class="input-box">
                    <input type="file" id="reseller" class="input-text required-entry" name="file">
                </div>
            </p>
            <p class="field">
                Supported File Types: 'doc', 'docx', 'txt', 'pdf'
            </p>
            <p class="field">
                Or Send Your Resale Certificate to <a href="mailto:order@neteon.net">order@neteon.net</a>
            </p>
        </fieldset>
        <div class="actions">
            <button type="submit" title="Submit" class="button button--primary">Update Details</button>
        </div>
    </form>
</div>

<hr>


<script>
var form = document.getElementById("reseller-cert");
form.addEventListener("submit", formSubmit);

function formSubmit(e) {
  e.preventDefault()
  $('#sending').show();
  $('.form-container button[type="submit"]')
      .attr('disabled','disabled')
      .css({
        "background-color":"#e1e1e1"
      });
  $('.form-container input, .form-container textarea').attr('disabled','disabled');
  const formData = new FormData();

  var customFiles = document.querySelector("#reseller").files || [] ;

  formData.append("customer-name","{{{customer.name}}}");
  formData.append("customer-email","{{{customer.email}}}");
  formData.append("customer-file", customFiles[0]);
  formData.append("resell-number",$(`input[name="resale_number"]`,this).val());



  fetch("https://getform.io/f/650792a9-5512-417e-b917-f1ca1bb6a962",
  {
    method: "POST",
    body: formData,
  })
  //.then(response => console.log('success',response))
  .then(response => {
    console.log('success',response);
    console.log('submission-success');
    
    $('#sent_success').show();
    setTimeout(function(){
      $(location).attr('href', '/submission-success/')
    },1000)
    
    
  })
  .catch(error => {
    console.log('error',error);
    $('#sent_fail').show();
    $('#sending').hide();
    $('.form-container button[type="submit"]')
      .removeAttr('disabled')
      .css({
        "background-color":"#0b8a8a"
      });
    $('.form-container input, .form-container textarea').removeAttr('disabled');
  })
}

$(document).ready(function(){
    $('.required-item input').attr('required','required')
})


</script>


{{/if}}




<form action="{{urls.account.update_action}}" data-edit-account-form class="form" method="post">
    {{inject 'firstName' (lang 'forms.validate.account.edit.first_name')}}
    {{inject 'lastName' (lang 'forms.validate.account.edit.last_name')}}
    {{inject 'phoneNumber' (lang 'forms.validate.account.edit.phone')}}
    {{inject 'currentPassword' (lang 'forms.validate.account.edit.password')}}
    <fieldset class="form-fieldset">
        <div class="form-row form-row--half">
            <div class="form-field">
                <label class="form-label" for="account_firstname">
                    {{lang 'account.settings.first_name' }}
                    <small>{{lang 'common.required' }}</small>
                </label>
                <input type="text" class="form-input" name="account_firstname" id="account_firstname" value="{{forms.edit_account.first_name}}">
            </div>
            <div class="form-field">
                <label class="form-label" for="account_lastname">
                    {{lang 'account.settings.last_name' }}
                    <small>{{lang 'common.required' }}</small>
                </label>
                <input type="text" class="form-input" name="account_lastname" id="account_lastname" value="{{forms.edit_account.last_name}}">
            </div>
            <div class="form-field">
                <label class="form-label" for="account_companyname">
                    {{lang 'account.settings.company' }}
                </label>
                <input type="text" class="form-input" name="account_companyname" id="account_companyname" value="{{forms.edit_account.company_name}}">
            </div>
            <div class="form-field">
                <label class="form-label" for="account_phone">
                    {{lang 'account.settings.phone' }}
                </label>
                <input type="text" class="form-input" name="account_phone" id="account_phone" value="{{forms.edit_account.phone}}">
            </div>
            {{#each forms.edit_account.fields}}
                {{{dynamicComponent 'components/common/forms'}}}
            {{/each}}
        </div>
    </fieldset>
    <div class="form-actions">
        <button class="button button--primary">{{lang 'account.settings.update_details'}}</button>
    </div>
</form>