{% extends "base.html" %}
{% block content %}
{% include "_admin_header.html" %}

<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h4 m-0">Services</h1>
  <a class="btn btn-sm btn-primary" href="/admin/services/new">Add service</a>
</div>
<table class="table table-striped table-bordered align-middle">
  <thead>
  <tr>
    <th>ID</th>
    <th>Date</th>
    <th>Time</th>
    <th>Pickup</th>
    <th>Dropoff</th>
    <th>Driver</th>
    <th>Plate</th>
    <th>Status</th>
    <th>Pax</th>
    <th>Subclass</th>
    <th></th>
  </tr>
  </thead>
  <tbody>
  {% for item in services %}
  <tr>
    <td>{{ item.id }}</td>
    <td>{{ item.date }}</td>
    <td>{{ item.time }}</td>
    <td>{{ item.pickup }} / {{ item.pickup_address }}</td>
    <td>{{ item.dropoff }} / {{ item.dropoff_address }}</td>
    <td>{{ item.driver }}</td>
    <td>{{ item.vehicle_plate }}</td>
    <td>{{ item.status }}</td>
    <td>{{ item.paxname }}</td>
    <td>{{ item.subclass }}</td>
    <td class="d-flex gap-2">
      <a class="btn btn-sm btn-outline-primary" href="/admin/services/{{ item.id }}">Edit</a>
      <form method="post" action="/admin/services/{{ item.id }}/delete" onsubmit="return confirm('Delete service #{{ item.id }}?');">
        <button class="btn btn-sm btn-outline-danger">Delete</button>
      </form>
    </td>
  </tr>
  {% else %}
  <tr>
    <td colspan="11">No data</td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}