{% extends 'list-crud.html' %}
{% load static %}

{% block filter %}
<form id="filterForm" method="get" style="display: inline;">
    <input type="hidden" name="filter" id="filterInput" value="{{ request.GET.filter|default:'active' }}">
    <button type="button" class="btn btn-primary" id="activeBtn">Active</button>
    <button type="button" class="btn btn-primary" id="allBtn">All</button>
</form>
{% endblock filter %}

{% block table_header %}
            <th>Container №</th>
            <th>Container type</th>
            <th>Line</th>
            <th>Received on</th>
            <th>Position</th>
            <th>Swept</th>
            <th>Washed</th>
            <th>Booking</th>
{% endblock table_header %}

{% block table_data %}
            <td>{{ object.number }}</td>
            <td>{{ object.container_type }}</td>
            <td>{{ object.line.short_name }}</td>
            <td>{{ object.received_on|date:"y.m.d h:m" }}</td>
            <td>{{ object.position }}</td>
            <td>{{ object.swept|yesno:"Yes," }}</td>
            <td>{{ object.washed|yesno:"Yes," }}</td>
            <td>{{ object.booking.number }}</td>
{% endblock %}

{% block buttons %}
{% endblock buttons %}

{% block create_modal_header %}
    <h2>Create Container</h2>
{% endblock %}

{% block modal_header %}
    <h2>Edit Container</h2>
{% endblock modal_header %}