{% extends 'base.html' %}
{% load crispy_forms_filters %}
{% load i18n %}
{% load custom_filters %}

{% block title %}
  {% trans 'Car Transfer Details' %}
{% endblock %}

{% block content %}
  <div class="modal fade" id="approveCardModal" tabindex="-1" aria-labelledby="approveModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header bg-primary">
          <h5 class="modal-title text-light" id="approveModalLabel">{% trans 'Car Transfer Approve' %}</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          {% trans 'Are you sure?' %}
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-sm btn-phoenix-danger" data-bs-dismiss="modal">{% trans 'No' %}</button>
          <form method="POST" action="{% url 'transfer_confirm' transfer.car.pk transfer.pk %}" class="d-inline">
            {% csrf_token %}
            <button type="submit" class="btn btn-phoenix-success btn-sm">{% trans 'Confirm' %}</button>
          </form>
        </div>
      </div>
    </div>
  </div>

  <div class="row p-4">
    <div class="row g-1">
      <div class="col-lg-4 col-xl-12"></div>
    </div>
    <div class="row g-1">
      <div class="btn-group">
        <button type="button" class="btn btn-sm btn-phoenix-success" data-bs-toggle="modal" data-bs-target="#approveCardModal">
            {% trans 'Approve' %}
          </button>
        <a href="{{ request.META.HTTP_REFERER }}" class="btn btn-sm btn-danger">{% trans 'Cancel' %}</a>
      </div>
    </div>
  </div>

  <!-- JavaScript Section -->
{% endblock %}