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

{% 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 style="display: none;">Select</th>
        <th>Line</th>
        <th>Booking №</th>
        <th>Container type</th>
        <th>Container №</th>
        <th>Containers count</th>
        <th>Containers left</th>
        <th>Vehicles</th>
        <th>Vehicles left</th>
        <th>Created on</th>
        <th>Created by</th>
        <th>Status</th>
{% endblock table_header %}

{% block table_data %}
    <td>{{ object.line.short_name }}</td>
    <td>{{ object.number }}</td>
    <td>{{ object.container_type }}</td>
    <td>{{ object.container_number }}</td>
    <td>{{ object.container_count }}</td>
    <td>{{ object.containers_left }}</td>
    <td>{{ object.vehicles|distinct_vehicles }}</td>
    <td>{{ object.vehicles_left|distinct_vehicles }}</td>
    <td>{{ object.created_on|bg_date }}</td>
    <td>{{ object.created_by.username }}</td>
    <td>{{ object.status }}</td>
{% endblock %}

{% block buttons %}
{#    <a href="{% url 'client_booking_create' %}" class="btn btn-primary">Create booking</a>#}
{#    <a href="#" id="editBtn" data-url="{% url 'client_booking_update' pk=0 %}" class="btn btn-primary" disabled>Edit Preinfo</a>#}
{#    <button id="deleteButton" class="btn btn-danger">Delete Preinfo</button>#}
{#    #}
    <button class="btn btn-primary" type="button" onclick="window.location.href='{% url 'client_booking_create' %}'">Create booking</button>
    <button class="btn btn-primary" type="button" id="editBtn" data-url="{% url 'client_booking_update' pk=0 %}" data-requires-selection disabled>Edit booking</button>
    <button class="btn btn-primary" type="button" id="deleteBtn" data-url="{% url 'client_booking_active' pk=0 %}" data-requires-selection disabled>Delete booking</button>     
    
{% endblock buttons %}