
<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
    <li class="breadcrumb-item active"><%= t("en.zones") %></li>
    <span class="float-right">
      <%= link_to t("views.btn.back"), dashboard_path %>
    </span>
  </ol>
</div>

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="m-b-10 clearfix">
      <%= link_to t('.new', :default => t("views.btn.new")),new_settings_zone_path,:class => 'btn btn-primary btn-lg float-right waves-effect"' %>
    </div><br>
    <div class="card">    
      <table class="table table-striped">
        <thead>
          <tr>
            <th><%= t("views.right_panel.detail.name") %></th>
            <th><%= t("views.right_panel.detail.is_active") %></th>
            <th><%= t("views.right_panel.detail.created_by") %></th>
            <th><%= t("views.right_panel.detail.actions") %></th>
          </tr>
        </thead>

        <tbody>
          <% @settings_zones.each do |settings_zone| %>
            <tr>
              <td><%= settings_zone.name %></td>
              <td><%= settings_zone.is_active %></td>
              <% if Employee.exists?(settings_zone.created_by) %>
              <td><%= Employee.find(settings_zone.created_by).name %></td>
              <% else %>
              <td><%= settings_zone.created_by %></td>
              <% end %>
              <td>
                <%= link_to t("views.btn.show"), settings_zone_path(settings_zone),:class => 'btn btn-info btn-sm waves-effect' %>
                <%= link_to t("views.btn.edit"), edit_settings_zone_path(settings_zone),:class => 'btn btn-primary btn-sm waves-effect' %>
              </td>
            </tr>
          <% end %>
        </tbody>
      </table>
    </div>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
    <div class="card">
      <div class="body">
        <h5>
          <i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i>          
        </h5>
        <p>
        1) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.zone_txt") %> <%= t("views.right_panel.detail.name_txt") %> <%= t("views.right_panel.detail.zone_txt") %> <br>
        2) <%= t("views.right_panel.detail.is_active") %> - <%= t("views.right_panel.detail.zone_txt") %> <%= t("views.right_panel.detail.is_active_txt") %> <br>
        3) <%= t("views.right_panel.detail.created_by") %> - <%= t("views.right_panel.detail.zone_txt") %> <%= t("views.right_panel.detail.created_by_txt") %> <br>
        4) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt") %> <%= t("views.right_panel.detail.zone_txt") %> <br>
        </p>
        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
        <p>
        1) <%= t("views.right_panel.button.new") %> - <%= t("views.right_panel.detail.new_btn_txt") %> <%= t("views.right_panel.detail.zone_txt") %> <br>
        2) <%= t("views.right_panel.button.show") %> - <%= t("views.right_panel.detail.show_btn_txt") %> <%= t("views.right_panel.detail.zone_txt") %> <br>
        3) <%= t("views.right_panel.button.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.zone_txt") %> <br>
        </p>
        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.link_lists") %></i> </h5>
        <p>
          1) <%= t("views.right_panel.button.home") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
          2) <%= t("views.right_panel.button.back") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.dashboard_txt") %> <br>
        </p>
      </div>
    </div>  
  </div>
</div>
