{% extends "pos/base.html" %}
{% load static %}

{% block title %}Delete Vehicle{% endblock %}

{% block content %}
<div class="container-fluid mt-3">

  <div class="d-flex align-items-center justify-content-between mb-3">
    <div>
      <h4 class="mb-0 font-weight-bold text-danger">Delete Vehicle</h4>
      <small class="text-muted">Confirm vehicle deletion</small>
    </div>

    <a href="{% url 'good_transport:vehicles:list' %}" class="btn btn-light btn-sm border">
      <i class="fas fa-arrow-left mr-1"></i> Back
    </a>
  </div>

  {% if messages %}
    {% for message in messages %}
      <div class="alert alert-{{ message.tags|default:'info' }} alert-dismissible fade show py-2" role="alert">
        {{ message }}
        <button type="button" class="close" data-dismiss="alert">
          <span>&times;</span>
        </button>
      </div>
    {% endfor %}
  {% endif %}

  <div class="row">
    <div class="col-lg-6 col-md-8">

      <div class="card shadow-sm border-danger">
        <div class="card-header bg-danger text-white">
          <strong>Are you sure?</strong>
        </div>

        <div class="card-body">
          <p class="mb-2">
            Aap ye vehicle delete karna chahte hain?
          </p>

          <table class="table table-sm table-bordered mb-0">
            <tr>
              <th style="width:160px;">T-ID</th>
              <td>{{ vehicle.t_id }}</td>
            </tr>

            <tr>
              <th>Vehicle</th>
              <td>{{ vehicle.name }}</td>
            </tr>

            <tr>
              <th>Rent</th>
              <td>{{ vehicle.rent|floatformat:2 }}</td>
            </tr>

            <tr>
              <th>Balance</th>
              <td>{{ vehicle.balance|floatformat:2 }}</td>
            </tr>

            <tr>
              <th>Description</th>
              <td>{{ vehicle.descp|default:"-" }}</td>
            </tr>
          </table>

          <div class="alert alert-warning mt-3 mb-0 py-2">
            <strong>Warning:</strong>
            Agar ye vehicle old challan me snapshot ke tor par save hai, old challan ka text disturb nahi hoga.
            Lekin future vehicle selection se ye remove ho jayega.
          </div>
        </div>

        <div class="card-footer bg-white d-flex justify-content-end">
          <a href="{% url 'good_transport:vehicles:list' %}" class="btn btn-light btn-sm border mr-2">
            Cancel
          </a>

          <form method="post" class="d-inline">
            {% csrf_token %}
            <button type="submit" class="btn btn-danger btn-sm">
              <i class="fas fa-trash mr-1"></i> Yes, Delete
            </button>
          </form>
        </div>
      </div>

    </div>
  </div>

</div>
{% endblock %}