<div class="col-12">
  <div class="card">
    <div class="row" style="width: 100%;min-height: 600px;">
      <div class="col-md-2" style="border: 1px solid #cfcfcf; padding-right: 0px;padding-left: 14px;">
        <div class="py-5 content-yield">
          <div class="row">
            <div class="col-md-12">
              <%= render "left_main", selected: "settings" %>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-10">
        <div class="py-5 content-yield">
          <div class="row py-5">
            <div class="container" style="text-align: center">
              <div align="center" style="margin-bottom: 10px">
                <%= _("Date ini") %>
                <input type="date" name="date_ini" id="date_ini" value="<%= (Time.now.utc - 5.hours).to_date %>">
                <%= _("Date end") %>
                <input type="date" name="date_end" id="date_end" value="<%= (Time.now.utc - 5.hours).to_date %>">
              </div>

              <table class="table-content-crud table table-hover table-striped">
                <thead>
                <tr>
                  <th>Grupo</th>
                  <th>Vehiculo</th>
                  <th>XLSX</th>
                  <th>PDF</th>
                </tr>
                </thead>
                <tbody>
                <% @vehicles.each do |vehicle| %>
                  <tr>
                    <td><%= vehicle.group.name %></td>
                    <td><%= vehicle.name %></td>
                    <td>
                      <a href="javascript:void(0)" class="download_xlsx" data-id="<%= vehicle.tc_device_id %>">Descargar</a>
                    </td>
                    <td>
                      <a href="javascript:void(0)" class="download_pdf" data-id="<%= vehicle.tc_device_id %>">Descargar</a>
                    </td>
                  </tr>
                <% end %>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  $(".download_xlsx").click(function () {
    let date_ini = $("#date_ini").val();
    let date_end = $("#date_end").val();
    let device_id = $(this).attr("data-id");
    let action = $(".nav-link.selected").first().data("action");
    location.href = "/site_user/reports/" + action + ".xlsx?device_id=" + device_id + "&date_ini=" + date_ini + "&date_end=" + date_end

  });
  $(".download_pdf").click(function () {
    let date_ini = $("#date_ini").val();
    let date_end = $("#date_end").val();
    let device_id = $(this).attr("data-id");
    let action = $(".nav-link.selected").first().data("action");
    location.href = "/site_user/reports/" + action + ".pdf?device_id=" + device_id + "&date_ini=" + date_ini + "&date_end=" + date_end
  });
</script>