{**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * 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 refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 *}
<section class="product-customization">
  {if !$configuration.is_catalog}
    <div class="card">
      <p class="h4 card-title mb-0">{l s='Product customization' d='Shop.Theme.Catalog'}</p>

      <div class="card-body">
        <p>
          {l s='Don\'t forget to save your customization to be able to add to cart' d='Shop.Forms.Help'}
        </p>

        {block name='product_customization_form'}
          <form method="post" action="{$product.url}" enctype="multipart/form-data">
            <ul class="clearfix">
              {foreach from=$customizations.fields item="field"}
                <li class="product-customization-item">
                  <label class="customization-label">{$field.label}</label>
                  {if $field.type == 'text'}
                    <textarea placeholder="{l s='Your message here' d='Shop.Forms.Help'}" class="product-message" maxlength="250" {if $field.required} required {/if} name="{$field.input_name}"></textarea>
                    <small class="float-right">{l s='250 char. max' d='Shop.Forms.Help'}</small>
                    {if $field.text !== ''}
                        <h6 class="customization-message">{l s='Your customization:' d='Shop.Theme.Catalog'}
                            <label>{$field.text}</label>
                        </h6>
                    {/if}
                  {elseif $field.type == 'image'}
                    {if $field.is_customized}
                      <br>
                      <img src="{$field.image.small.url}" loading="lazy">
                      <a class="remove-image" href="{$field.remove_image_url}" rel="nofollow">{l s='Remove Image' d='Shop.Theme.Actions'}</a>
                    {/if}
                    <span class="custom-file">
                      <span class="js-file-name">{l s='No selected file' d='Shop.Forms.Help'}</span>
                      <input class="file-input js-file-input" {if $field.required} required {/if} type="file" name="{$field.input_name}">
                      <button class="btn btn-primary">{l s='Choose file' d='Shop.Theme.Actions'}</button>
                    </span>
                    {assign var=authExtensions value=' .'|implode:constant('ImageManager::EXTENSIONS_SUPPORTED')}
                    <small class="float-xs-right">.{$authExtensions}</small>
                  {/if}
                </li>
              {/foreach}
            </ul>
            <div class="clearfix">
              <button class="btn btn-primary float-right" type="submit" name="submitCustomizedData">{l s='Save Customization' d='Shop.Theme.Actions'}</button>
            </div>
          </form>
        {/block}
      </div>
    </div>
  {/if}
</section>
