{*
    Загрузка изображений обложек категории    
*}

<div id="drop-area" class="container mt-2">
    <form class="my-form">
        <p>Загрузите фотографии</p>
        <input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this.files)">
        <label class="button" for="fileElem">Выбрать файлы</label>
    </form>
    <progress id="progress-bar" max=100 value=0></progress>
    <div id="gallery"></div>
</div>
{section name=customer loop=$imgs} {if $imgs[customer].id}
<div class="card mb-3 mt-3" style="max-width: 90%;" id="{$imgs[customer].id}">
    <div class="row g-0">
      <div class="col-md-4">
        <img src="/img/tovar/{$imgs[customer].fileName}.jpg" class="img-fluid rounded-start" alt="...">
      </div>
      <div class="col-md-8">
        <div class="card-body">
          <h5 class="card-title">Имя файла: {$imgs[customer].fileName}</h5>
          <p class="card-text"><input type="text" class="form-control" name="alt" placeholder="alt"></p>
          <p class="card-text"><input type="text" class="form-control" name="title" placeholder="Title"></p>
          <p class="card-text"><small class="text-muted delImg" data-id="{$imgs[customer].id}" style="cursor: pointer;">Удалить</small></p>
        </div>
      </div>
    </div>
</div>
{/if} {/section}