{*
* 2007-2022 ETS-Soft
*
* NOTICE OF LICENSE
*
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs, please contact us for extra customization service at an affordable price
*
*  @author ETS-Soft <etssoft.jsc@gmail.com>
*  @copyright  2007-2022 ETS-Soft
*  @license    Valid for 1 website (or project) for each purchase of license
*  International Registered Trademark & Property of ETS-Soft
*}

{if isset($upload_url) && $upload_url}
  <div class="ets_hd_upload_avatar" style="display: none!important;">
    <div class="form-group row ">
      <label class="col-md-3 form-control-label avatar-label">{l s='Upload helpdesk avatar' mod='ets_helpdesk'}</label>
      <div class="col-md-6 ets_hd_profile_image">
        <div id="ets_hd_avatar_thumbnail" data-upload-url="{$upload_url|escape:'quotes':'UTF-8'}" data-btn-delete-title="{l s='Delete' mod='ets_helpdesk'}">
            {if isset($avatar) && $avatar}
              <img class="ets_hd_avatar" src="{$upload_dir|cat:$avatar|escape:'quotes':'UTF-8'}" title="{$avatar|escape:'quotes':'UTF-8'}" style="max-width: 110px!important;"/>
              <span class="ets_hd_delete_avatar" title="{l s='Delete' mod='ets_helpdesk'}"> <svg class="w_14 h_14" width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M704 1376v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10 2-17 11zm928 32v64q0 14-9 23t-23 9h-96v948q0 83-47 143.5t-113 60.5h-832q-66 0-113-58.5t-47-141.5v-952h-96q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h309l70-167q15-37 54-63t79-26h320q40 0 79 26t54 63l70 167h309q14 0 23 9t9 23z"/></svg></span>
            {/if}
        </div>
        <div class="input-group js-parent-focus">
          <input name="ets_hd_avatar" id="ets_hd_avatar" type="file" style="display: none!important;">
          <div class="dummyfile input-group">
            <span class="input-group-addon"><svg class="w_14 h_14" width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-128-448v320h-1024v-192l192-192 128 128 384-384zm-832-192q-80 0-136-56t-56-136 56-136 136-56 136 56 56 136-56 136-136 56z"/></svg></span>
            <input id="ets_hd_avatar-name" type="text" name="ets_hd_avatar" readonly="" class="form-control">
            <span class="input-group-btn">
              <button id="ets_hd_avatar-selectbutton" type="button" name="submitAddAttachments" class="btn btn-primary">
                {l s='Add image' mod='ets_helpdesk'}
              </button>
            </span>
          </div>
        </div>
        <span class="form-control-comment">
          {l s='Recommended size: 110x 110 px' mod='ets_helpdesk'}<br>
          {l s='Accepted formats: pdf, gif, png, jpg. Limit %s' sprintf=[$PS_ATTACHMENT_MAXIMUM_SIZE] mod='ets_helpdesk'}
        </span>
      </div>
      <div class="col-md-3 form-control-comment">{l s='Optional' mod='ets_helpdesk'}</div>
    </div>
  </div>
{/if}
{if isset($contact_support_team) && $contact_support_team}
  {$contact_support_team nofilter}
{/if}