{extends "index.tpl"}

{block "css-entry" append}
   {encore_entry_link_tags entry='user'}
{/block}

{block css append}
   <link rel="stylesheet" href="/common/static/bootstrapvalidator/css/bootstrapValidator.min.css">
{/block}

{block content}
   <div class="page-orderstatus">
      <h1 class="text-center">Stav objednávky</h1>
      {if $body.order}
         <div class="show_order_status html-page">
            <p><strong>Číslo objednávky:</strong> {$body.order.id}<br>
               <strong>Stav objednávky:</strong> {$body.order.status_text} (co který stav znamená naleznete <a
                  href="/stav-vyrizeni-objednavky_p10.html" target="_blank">zde</a>)</p>
            <a href="{url s=orderStatus}" class="btn btn-outline">Zpět</a>
         </div>
      {else}
         {include 'block.messages.tpl'}
         <form action="{$ctrl.currUrl.Abs}" method="post" class="get_order_status" role="form">
            <input type="text" name="IDo" value="{$body.IDo}" id="IDo" class="form-control disable-spinner" data-bv-notempty="true" placeholder="Zadejte číslo objednávky">
            {include "block.recaptcha.invisible.tpl"}
            {captchaBtn text="{t}Zjistit stav{/t}" class="btn btn-primary"}
         </form>

         {insert_page code="order-status-page"}
      {/if}
   </div>
{/block}

{block "js-dynamic-load" append}
   {asset_compile}
      <script src="/common/static/bootstrapvalidator/js/bootstrapValidator.js"></script>
      <script src="/common/static/bootstrapvalidator/js/language/{$ctrl.active_language_code}.js"></script>
   {/asset_compile}

   {captchaScript}
{/block}

<script>
   {block onready append}
   $('form[role=form]').bootstrapValidator({
      feedbackIcons: {
         valid: 'fc fc-check',
         invalid: 'fc fc-remove',
         validating: 'fc fc-refresh'
      }
   });
   {/block}
</script>