{**
 * Copyright since 2021 InPost S.A.
 *
 * NOTICE OF LICENSE
 *
 * Licensed under the EUPL-1.2 or later.
 * You may not use this work except in compliance with the Licence.
 *
 * You may obtain a copy of the Licence at:
 * https://joinup.ec.europa.eu/software/page/eupl
 * It is also bundled with this package in the file LICENSE.txt
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the Licence is distributed on an AS IS basis,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the Licence for the specific language governing permissions
 * and limitations under the Licence.
 *
 * @author    InPost S.A.
 * @copyright Since 2021 InPost S.A.
 * @license   https://joinup.ec.europa.eu/software/page/eupl
 *}

<div class="col-12 col-xs-12">
  <div class="inpost-shipping-container js-inpost-shipping-container" data-carrier-id="{$id_carrier|intval}">
    <div class="row">
        {if $lockerService}
          <div class="col-sm-12">
            <ul class="js-inpost-shipping-locker-errors">
                {if isset($errors.locker)}
                  <li class="alert alert-danger">{$errors.locker|escape:'html':'UTF-8'}</li>
                {/if}
            </ul>
          </div>

          <div class="{if $showInputEmail || $showInputPhone}col-sm-6 col-md-7{else}col-sm-12{/if}">
            <div class="inpost-shipping-machine-info js-inpost-shipping-machine-info {if !isset($locker) || !$locker}hidden{/if}">
              <p class="inpost-shipping-machine-name">
                  {l s='Parcel Locker' mod='inpostshipping'}
                <span class="js-inpost-shipping-machine-name">
              {if isset($locker.name)}{$locker.name|escape:'html':'UTF-8'}{/if}
            </span>
              </p>
              <p class="inpost-shipping-machine-address js-inpost-shipping-machine-address">
                  {if isset($locker.address.line1) && isset($locker.address.line2)}
                      {$locker.address.line1|escape:'html':'UTF-8'}, {$locker.address.line2|escape:'html':'UTF-8'}
                  {/if}
              </p>
            </div>

            <div class="form-group mb-0">
          <span class="btn inpost-shipping-button js-inpost-shipping-choose-machine"
                data-geo-widget-config="{$geoWidgetConfig|escape:'html':'UTF-8'}"
                data-locker-selected-text="{l s='Change the selected Parcel Locker' mod='inpostshipping'}"
          >
            {if isset($locker) && $locker}
                {l s='Change the selected Parcel Locker' mod='inpostshipping'}
            {else}
                {l s='Select a Parcel Locker' mod='inpostshipping'}
            {/if}
          </span>
            </div>

            <input type="hidden"
                   name="inpost_locker[{$id_carrier|intval}]"
                   value="{if isset($locker.name)}{$locker.name|escape:'html':'UTF-8'}{/if}"
                   class="js-inpost-shipping-input"
            >

              {if isset($closestPoint) && $closestPoint}
                  <div class="js-inpost-closest-machine">
                      <p class="font-weight-bold mt-2">
                          {l s='Nearest pickup point: %1$s away from you (%2$s)' mod='inpostshipping' sprintf=[$closestPoint.distance, $closestPoint.name]}
                      </p>
                      <button class="btn btn-default js-select-closest-machine"
                              data-address="{$closestPoint.address}"
                              data-machine="{$closestPoint.name}"
                              class="js-select-closest-machine">
                          {l s='Select this point' mod='inpostshipping'}
                      </button>
                  </div>
            {/if}

            <div class="modal fade js-inpost-shipping-map-modal" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true">
              <div class="modal-dialog modal-dialog-centered inpost-shipping-map-modal modal-lg">
                <div class="modal-content inpost-shipping-map-modal-content js-inpost-shipping-map-modal-content"></div>
              </div>
            </div>
          </div>
        {/if}

        {if $renderHiddenPhoneInput}
          <input type="hidden"
                 id="inpost_phone_{$id_carrier|intval}"
                 name="inpost_phone"
                 value="{$phone|escape:'html':'UTF-8'|default:''}"
                 class="form-control js-inpost-shipping-phone-hidden"
          >
        {/if}

        {if $showInputEmail || $showInputPhone}
          <div class="col-sm-6 col-md-5{if !$lockerService} offset-md-7 offset-sm-6{/if}">
            <div class="inpost-shipping-machine-customer-info js-inpost-shipping-machine-customer-info">
              <p class="inpost-shipping-subheader">
                  {l s='Your data' mod='inpostshipping'}:
              </p>
                {if $showInputEmail}
                  <p class="inpost-shipping-customer">
                    <span class="inpost-shipping-label">{l s='Email' mod='inpostshipping'}:</span>
                    <span class="js-inpost-shipping-customer-info-email" data-empty-text="{l s='same as customer account' mod='inpostshipping'}">
                {if !empty($email)}
                    {$email|escape:'html':'UTF-8'}
                {else}
                    {l s='same as customer account' mod='inpostshipping'}
                {/if}
              </span>
                  </p>
                {/if}
                {if $showInputPhone}
                  <p class="inpost-shipping-customer">
                    <span class="inpost-shipping-label">{l s='Phone' mod='inpostshipping'}:</span>
                    <span class="js-inpost-shipping-customer-info-phone" data-empty-text="{l s='same as in delivery address' mod='inpostshipping'}">
                {if !empty($phone)}
                    {$phone|escape:'html':'UTF-8'}
                {else}
                    {l s='same as in delivery address' mod='inpostshipping'}
                {/if}
              </span>
                  </p>
                {/if}
              <p class="inpost-shipping-customer-change-wrapper">
                <a class="inpost-shipping-customer-change js-inpost-shipping-customer-change">
                    {l s='change' mod='inpostshipping'}
                </a>
              </p>
            </div>
          </div>

          <div class="col-sm-12">
            <div class="inpost-shipping-customer-change-form"
                 {if (isset($errors.email) && $showInputEmail) || (isset($errors.phone) && $showInputPhone)}style="display: block"{/if}
            >
                {if $showInputEmail}
                  <div class="form-group {if isset($errors.email)}has-error{/if}">
                    <input type="text"
                           id="inpost_email_{$id_carrier|intval}"
                           name="inpost_email"
                           value="{$email|escape:'html':'UTF-8'|default:''}"
                           class="form-control js-inpost-shipping-email"
                           placeholder="{l s='Email' mod='inpostshipping'}"
                    >
                    <div class="help-block">
                      <ul>
                          {if isset($errors.email)}
                            <li class="alert alert-danger">{$errors.email|escape:'html':'UTF-8'}</li>
                          {/if}
                      </ul>
                    </div>
                  </div>
                {/if}
                {if $showInputPhone}
                  <div class="form-group {if isset($errors.phone)}has-error{/if}">
                    <input type="text"
                           id="inpost_phone_{$id_carrier|intval}"
                           name="inpost_phone"
                           value="{$phone|escape:'html':'UTF-8'|default:''}"
                           class="form-control js-inpost-shipping-phone"
                           placeholder="{l s='Phone' mod='inpostshipping'}"
                    >
                    <div class="help-block">
                      <ul>
                          {if isset($errors.phone)}
                            <li class="alert alert-danger">{$errors.phone|escape:'html':'UTF-8'}</li>
                          {/if}
                      </ul>
                    </div>
                  </div>
                {/if}
              <div class="form-group mb-0">
            <span class="btn btn-primary js-inpost-shipping-customer-form-save-button">
              {l s='Save' mod='inpostshipping'}
            </span>
              </div>
            </div>
          </div>
        {/if}

    </div>
  </div>
</div>
