<div class="uk-width-1-5@xl uk-width-1-3@m uk-width-1-1">
  <%# DESKTOP %>
  <div class="sidebar uk-visible@m" uk-height-viewport="offset-top: true">

    <div class="uk-margin-top">
      <h3 class="uk-text-center">Log Parse for <%= @log.server.server_id %></h3>
      <hr :style="{ 'border-top': '1px solid #1E354D' }">

      <p class="uk-margin-left">
        Searching for: <code><%= @log.search_text %></code>
        <br>
        Requested by: <code><%= @log.user.user_name %></code>
        <br>
        Parsed on: <code><%= @log.created_at.strftime(TimeFormat::TIME) %></code>
      </p>

      <hr :style="{ 'border-top': '1px solid #1E354D' }">
    </div>

    <div class="uk-overflow-auto" style="max-height: calc(100vh - 80px - 121px);">
      <h3 class="uk-text-center">Logs</h3>

      <div class="uk-margin-left">
        <ul class="sidebar-items uk-padding-remove">
          <% @log.log_entries.each do |entry| %>
            <h3 class="uk-margin-remove-bottom">
              <% if entry.log_date %>
                <%= entry.log_date.strftime(TimeFormat::DATE) %>
                -
              <% end %>
            </h3>

            <ul class="uk-list uk-visible@s uk-margin-small-top">
              <%= link_to log_path(id: entry.log.uuid, entry_id: entry.uuid) do %>
                <li class="<%= "selected" if params[:entry_id] == entry.uuid %>">
                  <%= entry.file_name %>
                </li>
              <% end %>
            </ul>
          <% end %>
        </ul>
      </div>
    </div>
  </div>

  <%# MOBILE %>
  <div class="uk-hidden@m uk-container uk-margin-top">
    <h2 class="uk-text-center">Log Parse for <%= @log.server.server_id %></h2>
    <select class="uk-select" id="mobile-log-selector">
      <option value="" disabled selected hidden>Please select a log</option>
      <% @log.log_entries.each do |entry| %>
        <optgroup label="<%= entry.log_date&.strftime(TimeFormat::DATE) %><%= entry.file_name %>">
          <%= tag.option(
            value: log_path(@log.uuid, entry_id: entry.uuid),
            selected: params[:entry_id] == entry.uuid
          ) do %>
            <%= entry.file_name %>
          <% end %>
      </optgroup>
    <% end %>
  </select>
</div>
</div>