{extends "[shared]user.tpl"}

{block "form-content"}
   <div class="row">
      <div class="col-lg-6 col-xs-12">
         <div class="form-group required row">
            <div class="col-xs-12 col-sm-3">
               <label for="email">{t}Email{/t}</label>
            </div>
            <div class="col-xs-12 col-sm-9">
               <input type="email" name="email" id="email" class="form-control smartform-instance-invoice smartform-email" value="{$body.input.email.value}"
                      data-bv-notempty="true" data-bv-emailaddress-message="{t}Zadejte platnou e-mailovou adresu{/t}">
            </div>
         </div>

         {if $body.newUser}
            <div class="form-group required row">
               <div class="col-xs-12 col-sm-3">
                  <label for="password">{t}Heslo{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="password" name="password" id="password" class="form-control" value=""
                         data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="6">
               </div>
            </div>
            <div class="form-group row required">
               <div class="col-xs-12 col-sm-3">
                  <label for="passwordAgain">{t}Heslo znovu{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="password" name="passwordAgain" id="passwordAgain" class="form-control" value="" data-bv-notempty="true"
                         data-bv-stringlength="true" data-bv-identical="true" data-bv-identical-message="{t}Hesla se neshodují{/t}"
                         data-bv-identical-field="password">
               </div>
            </div>
         {else}
            <div class="form-group row required">
               <div class="col-xs-12 col-sm-3">
                  <label for="password">{t}Nové heslo{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="password" name="password" id="password" class="form-control" value="">
               </div>
            </div>
         {/if}

         <div class="form-group row required">
            <div class="col-xs-12 col-sm-3">
               <label for="name">{t}Jméno{/t}</label>
            </div>
            <div class="col-xs-12 col-sm-9">
               <input type="text" name="name" id="name" class="form-control" value="{$body.input.name.value}"
                      data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="3">
            </div>
         </div>

         <div class="form-group row required">
            <div class="col-xs-12 col-sm-3">
               <label for="surname">{t}Příjmení{/t}</label>
            </div>
            <div class="col-xs-12 col-sm-9">
               <input type="text" name="surname" id="surname" class="form-control" value="{$body.input.surname.value}"
                      data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="3">
            </div>
         </div>

         <div class="form-group row required">
            <div class="col-xs-12 col-sm-3">
               <label for="phone">{t}Telefon{/t}</label>
            </div>
            <div class="col-xs-12 col-sm-9">
               <input type="text" name="phone" id="phone" class="form-control smartform-instance-invoice smartform-phone-number" value="{$body.input.phone.value}"
                      data-bv-notempty="true" data-bv-phone="true" data-bv-phone-country="country"
                      data-bv-phone-message="{t}Zadejte platné telefoní číslo{/t}">
            </div>
         </div>

         <div class="form-group m-b-0 row">
            <div class="col-xs-12 col-sm-3">
            </div>
            <div class="col-xs-12 col-sm-9">
               <label for="firm-address" class="custom-checkbox custom-control c-input c-checkbox">
                  <input type="hidden" name="firm_address" value="0">
                  <input type="checkbox" class="custom-control-input" name="firm_address" data-opener="#firm-address-content"
                         id="firm-address"
                         {if $body.input.firm.value}checked="checked"{/if}>
                  <span class="custom-control-indicator c-indicator"></span>
                  {t}Nakupuji na firmu (IČ, DIČ){/t}
                  <button type="button" class="clear-alt-address" style="display: none;">{t}smazat{/t}</button>
               </label>
            </div>
         </div>

         {block "firm-address"}
            <div id="firm-address-content" style="display:{if $body.input.firm.value}block{else}none{/if}" class="opener-content">
               <h2 class="h3">{t}Firemní údaje{/t}</h2>

               <div class="row form-group">
                  <div class="col-xs-12 col-sm-3">
                     <label for="firm">{t}Firma{/t}</label>
                  </div>
                  <div class="col-xs-12 col-sm-9">
                     <input type="text" name="firm" id="firm" class="form-control" value="{$body.input.firm.value}"
                            data-bv-stringlength="true" data-bv-stringlength-min="3">
                  </div>
               </div>

               <div class="row form-group">
                  <div class="col-xs-12 col-sm-3">
                     <label for="ico">{t}IČO{/t}</label>
                  </div>
                  <div class="col-xs-12 col-sm-9">
                     <input type="text" name="ico" id="ico" class="form-control" value="{$body.input.ico.value}"
                            data-bv-stringlength="true" data-bv-stringlength-min="8" data-bv-stringlength-max="10">
                  </div>
               </div>

               {block "vat-no"}
                  <div class="row form-group">
                     <div class="col-xs-12 col-sm-3">
                        <label for="dic">{t}DIČ{/t}</label>
                     </div>
                     <div class="col-xs-12 col-sm-9">
                        <input type="text" name="dic" id="dic" class="form-control" value="{$body.input.dic.value}"
                               data-bv-stringlength="true" data-bv-stringlength-min="10" data-bv-stringlength-max="15">
                     </div>
                  </div>
               {/block}
            </div>
         {/block}
         {block "news-letter"}
         <div class="row form-group">
            <div class="col-xs-12 col-sm-3">
            </div>
            <div class="col-xs-12 col-sm-9">
               <label for="news" class="custom-checkbox custom-control c-input c-checkbox">
                  <input type="checkbox" class="custom-control-input" name="news" id="news" value="Y" {$body.input.news|checked:'Y'}>
                  <span class="custom-control-indicator c-indicator"></span>
                  {t}Dostávat novinky{/t}
                  {if $dbcfg.gdpr.enable == 'Y'}
                     <br>
                     <small>
                     ({if ($body.input.news == 'Y') && $body.input.date_subscribe.value}{t date=$body.input.date_subscribe.value|date_format:"%d. %m. %Y"}Souhlas udělen dne {date}{/t}{else}
                     <a href="{url s=page label=consent}" target="_blank">{t}Souhlasím se zpracováním osobních údajů{/t}</a>{/if})
                     </small>{/if}
               </label>
            </div>
         </div>
         {/block}
      </div>

      <div class="col-lg-6 col-xs-12 col-sm-12">
         {block "street"}
            <div class="row form-group required">
               <div class="col-xs-12 col-sm-3">
                  <label for="street">{t}Ulice a č.p.{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="text" name="street" id="street" class="form-control" value="{$body.input.street.value}"
                         data-bv-notempty="true" data-bv-regexp="true" pattern=".*\S+\s+[0-9]+.*"
                         data-bv-regexp-message="{t}Doplňte prosím číslo popisné{/t}">
               </div>
            </div>
         {/block}

         <div class="row form-group required">
            <div class="col-xs-12 col-sm-3">
               <label for="city">{t}Město{/t}</label>
            </div>
            <div class="col-xs-12 col-sm-9">
               <input type="text" name="city" id="city" class="form-control" value="{$body.input.city.value}"
                      data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="2">
            </div>
         </div>

         <div class="row form-group required">
            <div class="col-xs-12 col-sm-3">
               <label for="zip">{t}PSČ{/t}</label>
            </div>
            <div class="col-xs-12 col-sm-9">
               <input type="text" name="zip" id="zip" class="form-control" value="{$body.input.zip.value}"
                      data-bv-notempty="true" data-bv-zipcode="true" data-bv-zipcode-country="country"
                      data-bv-zipcode-message="{t}Zadejte platné PSČ{/t}">
            </div>
         </div>

         {block "country"}
            <div class="row form-group required">
               <div class="col-xs-12 col-sm-3">
                  <label for="country">{t}Stát{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <select name="country" class="form-control custom-select" id="country">
                     {html_options options=$cfg.Order.Countries selected=$body.input.country.value|default:$ctrl.active_country}
                  </select>
               </div>
            </div>
         {/block}

         <div class="row form-group" id="different-address-opener">
            <div class="col-xs-12 col-sm-3">
            </div>
            <div class="col-xs-12 col-sm-9">
               <label for="different-address" class="custom-checkbox custom-control c-input c-checkbox">
                  <input type="checkbox" class="custom-control-input" data-opener="#different-address-content" name="different-address"
                         id="different-address"
                         {if $body.input.dname.value}checked{/if}>
                  <span class="custom-control-indicator c-indicator"></span>
                  {t}Zvolit jiné doručovací údaje{/t}
                  <button type="button" class="clear-alt-address" style="display: none;">{t}smazat{/t}</button>
               </label>
            </div>
         </div>

         <div id="different-address-content" style="display:{if $body.input.dname.value}block{else}none{/if}" class="opener-content">
            <h2 class="h3">{t}Dodací adresa{/t}</h2>

            <div class="row form-group">
               <div class="col-xs-12 col-sm-3">
                  <label for="dname">{t}Jméno{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="text" name="dname" id="dname" class="form-control" value="{$body.input.dname.value}"
                         data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="3">
               </div>
            </div>

            <div class="row form-group">
               <div class="col-xs-12 col-sm-3">
                  <label for="dsurname">{t}Příjmení{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="text" name="dsurname" id="dsurname" class="form-control" value="{$body.input.dsurname.value}"
                         data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="2">
               </div>
            </div>

            <div class="row form-group">
               <div class="col-xs-12 col-sm-3">
                  <label for="dfirm">{t}Firma{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="text" name="dfirm" id="dfirm" class="form-control" value="{$body.input.dfirm.value}"
                         data-bv-stringlength="true" data-bv-stringlength-min="3">
               </div>
            </div>


            {block "delivery-street"}
               <div class="row form-group">
                  <div class="col-xs-12 col-sm-3">
                     <label for="dstreet">{t}Ulice a č.p.{/t}</label>
                  </div>
                  <div class="col-xs-12 col-sm-9">
                     <input type="text" name="dstreet" id="dstreet" class="form-control" value="{$body.input.dstreet.value}"
                            data-bv-notempty="true" data-bv-regexp="true" pattern="^.*[0-9]+.*$"
                            data-bv-regexp-message="{t}Doplňte prosím číslo popisné{/t}">
                  </div>
               </div>
            {/block}

            <div class="row form-group">
               <div class="col-xs-12 col-sm-3">
                  <label for="dcity">{t}Město{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="text" name="dcity" id="dcity" class="form-control" value="{$body.input.dcity.value}"
                         data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="2">
               </div>
            </div>

            <div class="row form-group">
               <div class="col-xs-12 col-sm-3">
                  <label for="dzip">{t}PSČ{/t}</label>
               </div>
               <div class="col-xs-12 col-sm-9">
                  <input type="text" name="dzip" id="dzip" class="form-control" value="{$body.input.dzip.value}"
                         data-bv-notempty="true" data-bv-zipcode="true" data-bv-zipcode-country="dcountry"
                         data-bv-zipcode-message="{t}Zadejte platné PSČ{/t}">
               </div>
            </div>

            {block "delivery-country"}
               <div class="row form-group required">
                  <div class="col-xs-12 col-sm-3">
                     <label for="dcountry">{t}Stát{/t}</label>
                  </div>
                  <div class="col-xs-12 col-sm-9">
                     <select name="dcountry" class="form-control custom-select" id="dcountry">
                        {html_options options=$cfg.Order.Countries selected=$body.input.dcountry.value|default:$ctrl.active_country}
                     </select>
                  </div>
               </div>
            {/block}
         </div>
      </div>
   </div>
{/block}