panel/app/views/posts/index.haml

%main.row
  %aside.menu.col-md-3
    %h1= link_to @site.title, @site.url
    %p.lead= @site.description

    %h3= t('posts.new')
    %table.mb-3
      - @site.layouts.each do |layout|
        - next if layout.hidden?
        %tr
          %th= layout.humanized_name
          %td.pl-3= link_to t('posts.add'), new_site_post_path(@site, layout: layout.value), class: 'btn btn-secondary btn-sm'
          - if @filter_params[:layout] == layout.name.to_s
            %td= link_to t('posts.remove_filter'), site_posts_path(@site, **@filter_params.merge(layout: nil)), class: 'btn btn-primary btn-sm'
          - else
            %td= link_to t('posts.filter'), site_posts_path(@site, **@filter_params.merge(layout: layout.value)), class: 'btn btn-secondary btn-sm'

    - if policy(@site).edit?
      = link_to t('sites.edit.btn', site: @site.title), edit_site_path(@site), class: 'btn'

    - if policy(@site).private?
      = link_to t('sites.private'), '../private/' + @site.name, class: 'btn', target: '_blank', rel: 'noopener'

    - if policy(SiteUsuarie.new(@site, current_usuarie)).index?
      = render 'layouts/btn_with_tooltip',
        tooltip: t('usuaries.index.help.self'),
        text: t('usuaries.index.title'),
        type: 'info',
        link: site_usuaries_path(@site)

    = render 'sites/build', site: @site

    - if @site.design.credits
      .alert.alert-primary{ role: 'alert' }
        = sanitize_markdown @site.design.credits
        = link_to t('sites.donations.text'), t('sites.donations.url'), class: 'btn'
        - if @site.design.designer_url
          = link_to t('sites.designer_url'), @site.design.designer_url, class: 'btn'

  %section.col
    = render 'layouts/flash'
    .d-flex.justify-content-between.align-items-center.pl-2-plus.pr-2-plus.mb-2
      %form{ action: site_posts_path }
        - @filter_params.each do |param, value|
          - next if param == 'q'
          %input{ type: 'hidden', name: param, value: value }
        .form-group.flex-grow-0.m-0
          %input.form-control.border.border-magenta{ type: 'search', placeholder: 'Buscar', name: 'q', value: @filter_params[:q] }
          %input.sr-only{ type: 'submit' }

      - if @site.locales.size > 1
        %nav#locales
          - @site.locales.each do |locale|
            = link_to @site.data.dig(locale.to_s, 'locale') || locale, site_posts_path(@site, **@filter_params.merge(locale: locale)),
              class: "mr-2 mt-2 mb-2 #{locale == @locale ? 'active font-weight-bold' : ''}"
    .pl-2-plus
      - @filter_params.each do |param, value|
        - if param == 'layout'
          - value = @site.layouts[value.to_sym].humanized_name
        = link_to site_posts_path(@site, **@filter_params.reject { |k, _| k == param }),
          class: 'btn btn-secondary btn-sm',
          title: t('posts.remove_filter_help', filter: value),
          aria: { labelledby: "help-filter-#{param}" } do
          = value
          ×
    - if @posts.empty?
      %h2= t('posts.empty')
    - else
      = form_tag site_posts_reorder_path, method: :post do
        %input{ type: 'hidden', name: 'post[lang]', value: @locale }
        %table.table{ data: { controller: 'reorder' } }
          %caption.sr-only= t('posts.caption')
          %thead
            %tr
              %th.border-0.background-white.position-sticky{ style: 'top: 0; z-index: 2', colspan: '4' }
                .d-flex.flex-row.justify-content-between
                  %div
                    = submit_tag t('posts.reorder.submit'), class: 'btn'
                    %button.btn{ data: { action: 'reorder#unselect' } }
                      = t('posts.reorder.unselect')
                      %span.badge{ data: { target: 'reorder.counter' } } 0
                    %button.btn{ data: { action: 'reorder#up' } }= t('posts.reorder.up')
                    %button.btn{ data: { action: 'reorder#down' } }= t('posts.reorder.down')
                    %button.btn{ data: { action: 'reorder#top' } }= t('posts.reorder.top')
                    %button.btn{ data: { action: 'reorder#bottom' } }= t('posts.reorder.bottom')

                  %div
          %tbody
            - dir = t("locales.#{@locale}.dir")
            - size = @posts.size
            - @posts.each_with_index do |post, i|
              -#
                TODO: Solo les usuaries cachean porque tenemos que separar
                les botones por permisos.
              - cache_if @usuarie, [post, I18n.locale] do
                - checkbox_id = "checkbox-#{post.id}"
                %tr{ id: post.id, data: { target: 'reorder.row' } }
                  %td
                    .custom-control.custom-checkbox
                      %input.custom-control-input{ id: checkbox_id, type: 'checkbox', autocomplete: 'off', data: { action: 'reorder#select' } }
                      %label.custom-control-label{ for: checkbox_id }
                        %span.sr-only= t('posts.reorder.select')
                    -# Orden más alto es mayor prioridad
                    = hidden_field 'post[reorder]', post.id,
                      value: size - i,
                      data: { reorder: true }
                  %td.w-100{ class: dir }
                    = link_to site_post_path(@site, post.path) do
                      %span{ lang: post.locale, dir: dir }= post.title
                    - if post.front_matter['draft'].present?
                      %span.badge.badge-primary= I18n.t('posts.attributes.draft.label')
                    %br
                    %small
                      = link_to @site.layouts[post.layout].humanized_name, site_posts_path(@site, **@filter_params.merge(layout: post.layout))
                      - post.front_matter['categories']&.each do |category|
                        = link_to site_posts_path(@site, **@filter_params.merge(category: category)) do
                          %span{ lang: post.locale, dir: dir }= category
                        = '/' unless post.front_matter['categories'].last == category

                  %td.text-nowrap
                    = post.created_at.strftime('%F')
                    %br/
                    = post.order
                  %td.text-nowrap
                    - if @usuarie || policy(post).edit?
                      = link_to t('posts.edit'), edit_site_post_path(@site, post.path), class: 'btn btn-block'
                    - if @usuarie || policy(post).destroy?
                      = link_to t('posts.destroy'), site_post_path(@site, post.path), class: 'btn btn-block', method: :delete, data: { confirm: t('posts.confirm_destroy') }

#footnotes{ hidden: true }
  - @filter_params.each do |param, value|
    - if param == 'layout'
      - value = @site.layouts[value.to_sym].humanized_name
    %label{ id: "help-filter-#{param}" }= t('posts.remove_filter_help', filter: value)