<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
    <li class="breadcrumb-item"><a href="<%= settings_zone_tables_path %>">Tables</a></li>
    <li class="breadcrumb-item active">Details</li>
    <span class="float-right">
      <%= link_to 'Back', settings_zones_path %>
    </span>
  </ol>
</div>
<br>

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="card">
      <div class="card-block">
        <h4 class="card-title">Table</h4>
        <table class="table">
          <thead>
            <tr>
              <th>Name</th>
              <th>Status</th>
              <th>Seater</th>
              <th>Order by</th>
              <th>is Active</th>
              <th>Created By</th>
              <th>Created At</th>
              <th>Actions</th>
            </tr>
          </thead>

          <tbody>
              <tr>
                <td>
                  <%= @table.name %>
                  <!-- <%= link_to @table.name, settings_zone_table_path(@table) %> -->
                </td>
                <td><%= @table.status %></td>
                <td><%= @table.seater rescue "-" %></td>
                <td><%= @table.order_by rescue "-" %></td>
                <td><%= @table.is_active rescue "-" %></td>
                <% if Employee.exists?(@table.created_by) %>
                <td><%= Employee.find(@table.created_by).name %></td>
                <% else %>
                <td><%= @table.created_by %></td>
                <% end %>
                <td><%= @table.created_at.utc.getlocal.strftime("%Y-%m-%d/%I:%M %p") %></td>
                <td>
                <%= link_to t("views.btn.edit"), edit_settings_zone_table_path(@zone,@table),:class => 'btn btn-primary btn-sm waves-effect' %>
                <button class="delete btn btn-danger btn-sm waves-effect" data-ref="<%= settings_zone_table_path(@table)%>" data-method="delete">
                    <%= t("views.btn.delete") %>
                </button>

                <span class="hidden" id="delete_text">
                    <h6>Are you sure you want to delete this row ?</h6>
                    <h6>This action can't be undo. </h6> 
                </span>      
                </td>
              </tr>
          </tbody>
        </table>
        <%  @table.dining_charges.each do |dc| %>
          <div class="card">
            <div class="body">
              <h4 class="card-title">Dining Charge</h4>
              <table class="table">
                <thead>
                  <th>Item Code</th>
                  <th>Unit Price</th>
                  <th>Charge Type</th>
                  <th>Free Time</th>
                  <th>Charges Block</th>
                  <th>Time Rounding</th>
                  <th>Actions</th>
                </thead>
                <tbody>
                  <tr>
                    <td><%= dc.item_code %></td>
                    <td><%= dc.unit_price %></td>
                    <td><%= dc.charge_type %></td>
                    <td><%= (dc.minimum_free_time).utc.strftime("%H:%M") %></td>
                    <td><%= (dc.charge_block).utc.strftime("%H:%M") %></td>
                    <td><%= dc.time_rounding %></td>
                    <td><%= link_to 'Edit Charges', edit_settings_zone_table_dining_charge_path(@zone,@settings_table,dc),:class => 'btn bg-deep-purple' %>
                      <!-- <button class="btn btn-primary" src="<%= edit_settings_zone_table_dining_charge_path(@zone,@settings_table,dc) %>">Edit Charge</button> -->
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <% end %>
      </div>
    </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.table_txt") %> <%= t("views.right_panel.detail.name_txt") %> <%= t("views.right_panel.detail.table_txt") %><br> 
        2) <%= t("views.right_panel.detail.status") %> - <%= t("views.right_panel.detail.table_txt") %> <%= t("views.right_panel.detail.status_txt") %> <br>
        3) <%= t("views.right_panel.detail.seater") %> - <%= t("views.right_panel.detail.seat_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.table_txt") %> <br>
        4) <%= t("views.right_panel.detail.order_by") %> - <%= t("views.right_panel.detail.order_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.table_txt") %> <br>
        5) <%= t("views.right_panel.detail.is_active") %> - <%= t("views.right_panel.detail.table_txt") %> <%= t("views.right_panel.detail.is_active_txt") %> <br>
        6) <%= t("views.right_panel.detail.created_by") %> - <%= t("views.right_panel.detail.created_by_txt") %> <%= t("views.right_panel.detail.table_txt") %> <br>
        7) <%= t("views.right_panel.detail.created_at") %> - <%= t("views.right_panel.detail.created_at_txt") %> <%= t("views.right_panel.detail.table_txt") %> <br>
        8) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt2") %> <%= t("views.right_panel.detail.table_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.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.table_txt") %> <br>
        2) <%= t("views.right_panel.button.delete") %> - <%= t("views.right_panel.detail.delete_btn_txt") %> <%= t("views.right_panel.detail.table_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.zone_txt") %> <br>
        </p>
      </div>
    </div>  
  </div>
</div>


