{extends file='empty.tpl'}
{block name="content"}
<div class="row">
  <div class="col-md-auto">
    <form method='post'  class="form-inline">
      <input type='hidden' name='session_key' value='{$session_key|escape:'quotes'}' />

      <label for="pattern">Mot clé</label>
      <input type="text" name="pattern" class="form-control{if isset($pattern_error) && $pattern_error} is-invalid{/if}" value='{$search.pattern|escape:'quotes'}'/>

      <label for="status">Status</label>
      <select name="status" id="status" class="form-control{if isset($status_error) && $status_error} is-invalid{/if}">
        {html_options options=$status_list selected=$search.status}
      </select>

      <label for="nb_by_page">Nb par page</label>
      <select name="nb_by_page" class="form-control">
        {html_options values=$nbs_by_page output=$nbs_by_page selected=$search.nb_by_page}
      </select>

      <div class="btn-group" role="group" aria-label="Actions">
        <button type="submit" name="submit" class="btn btn-primary"><i class="fa fa-search"></i> Rechercher</button>
        <a href="{$url_info.current_page}?clear=true" class="btn btn-warning"><i class="fa fa-trash"></i> Réinitialiser</a>
      </div>
    </form>
  </div>
  <div class="col-md" style="text-align: righ">
    <a href="item/new" class="btn btn-success"><i class="fa fa-plus"></i> Ajouter</a>
  </div>
</div>

<table class="table" style='margin-top: 1em;'>
  <thead>
    <tr>
      <th scope="col">{table_ordered_th url="{$url_info.current_page}" order="date" text="Date" search=$search}</th>
      <th scope="col">{table_ordered_th url="{$url_info.current_page}" order="name" text="Facture" search=$search}</th>
      <th scope="col" class="center">Actions</th>
    </tr>
  </thead>
  <tbody>
  {foreach $result.items as $item}
    <tr>
      <td>{format_time time=$item.date}</td>
      <td><a href="item/{$item.id}"><span title='{$item.id|escape:'quotes'}'>{$item.name}</span></a></td>
      <td>{item_status item=$item}</td>
      <td class="center">
        <a href="item/{$item.id}" class="btn btn-sm btn-info"><i class="fa fa-eye"></i> Voir</a>
      </td>
      <td class="center">
        <a href="item/{$item.id}" class="btn btn-sm btn-info"><i class="fa fa-eye"></i> Voir</a>
        {if can_modify($item)}<a href="item/{$item.id}/modify" class="btn btn-sm btn-primary"><i class="fa fa-edit"></i> Modifier</a>{/if}
        {if can_archive($item)}<a data-myconfirm-url="item/{$item.id}/archive" data-myconfirm-question="Êtes-vous sûre de vouloir archiver cet élément ?" class="btn btn-sm btn-warning myconfirm-link"><i class="fa fa-archive"></i> Archiver</a>{/if}
        {if can_delete($item)}<a href="#" data-myconfirm-url="item/{$item.id}/delete" data-myconfirm-question="Êtes-vous sûre de vouloir supprimer cet élément ?" class="btn btn-sm btn-danger myconfirm-link"><i class="fa fa-trash"></i> Supprimer</a>{/if}
      </td>

    </tr>
  {foreachelse}
    <tr>
      <td colspan="4" class="center">Aucun élément trouvé.</td>
    </tr>
  {/foreach}
  </tbody>
</table>

<div class="row">
  {if $result.count>1}
  <div class="col-lg-3">
    <div role="status">Élement(s) {$result.first} à {$result.last} sur {$result.count}</div>
  </div>
  {/if}
  {if $result.nb_pages > 1}
  <div class="col-lg-9">
    <nav aria-label="Navigation par page">
      <ul class="pagination justify-content-end">
        <li{if $result.page==1} class="disabled"{/if}>
          <a href="{$url_info.current_page}?page=1" aria-label="Première page" class="page-link"><span aria-hidden="true">&laquo;&laquo;</span></a>
        </li>
        <li{if $result.page==1} class="disabled"{/if}>
          <a href="{$url_info.current_page}?page={$result.page-1}" aria-label="Page précédente" class="page-link"><span aria-hidden="true">&laquo;</span></a>
        </li>
        {if $result.nb_pages > 9}
          {if $result.page > 4}
            {if $result.page > $result.nb_pages-4}
              {assign var=start value=$result.nb_pages-9}
             {else}
              {assign var=start value=$result.page-5}
            {/if}
          {else}
            {assign var=start value=0}
          {/if}
          {foreach from=1|range:9 item=i}
            <li class="paginate_button{if $result.page==$start+$i} active{/if}"><a href="{$url_info.current_page}?page={$start+$i}" class="page-link">{$start+$i}</a></li>
          {/foreach}
        {else}
          {section name=listpage start=1 loop=$result.nb_pages+1 step=1}
            <li class="paginate_button{if $result.page == $smarty.section.listpage.index} active{/if}"><a href="{$url_info.current_page}?page={$smarty.section.listpage.index}" class="page-link">{$smarty.section.listpage.index}</a></li>
          {/section}
        {/if}
        <li{if $result.page==$result.nb_pages} class="disabled"{/if}>
          <a href="{$url_info.current_page}?page={$result.page+1}" aria-label="Page suivante" class="page-link"><span aria-hidden="true">&raquo;</span></a>
        </li>
        <li{if $result.page==$result.nb_pages} class="disabled"{/if}>
          <a href="{$url_info.current_page}?page={$result.nb_pages}" aria-label="Dernière page" class="page-link"><span aria-hidden="true">&raquo;&raquo;</span></a>
        </li>
      </ul>
    </nav>
  </div>
  {/if}
</div>
{/block}