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

{% block title %}Delivery Person Detail{% 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">Delivery Person Detail</h4>
      <small class="text-muted">View delivery person profile</small>
    </div>

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

      <a href="{% url 'good_transport:delivery_persons:edit' person.t_id %}" class="btn btn-primary btn-sm">
        <i class="fas fa-edit mr-1"></i> Edit
      </a>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-7 col-md-9">

      <div class="card shadow-sm border-0">
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
          <strong>{{ person.name }}</strong>

          {% if person.status == "ACTIVE" %}
            <span class="badge badge-success">Active</span>
          {% else %}
            <span class="badge badge-secondary">Inactive</span>
          {% endif %}
        </div>

        <div class="card-body p-0">
          <table class="table table-sm table-bordered mb-0">
            <tr>
              <th style="width:180px;">T-ID</th>
              <td>{{ person.t_id }}</td>
            </tr>

            <tr>
              <th>Name</th>
              <td>{{ person.name|default:"-" }}</td>
            </tr>

            <tr>
              <th>Mobile</th>
              <td>{{ person.mobile|default:"-" }}</td>
            </tr>

            <tr>
              <th>Phone</th>
              <td>{{ person.phone|default:"-" }}</td>
            </tr>

            <tr>
              <th>Address</th>
              <td>{{ person.address|default:"-" }}</td>
            </tr>

            <tr>
              <th>Type</th>
              <td>{{ person.get_booker_type_display }}</td>
            </tr>

            <tr>
              <th>Status</th>
              <td>{{ person.get_status_display }}</td>
            </tr>

            <tr>
              <th>Remarks</th>
              <td>{{ person.remarks|default:"-" }}</td>
            </tr>
          </table>
        </div>

        <div class="card-footer bg-white text-right">
          <a href="{% url 'good_transport:delivery_persons:delete' person.t_id %}" class="btn btn-outline-danger btn-sm">
            <i class="fas fa-ban mr-1"></i> Mark Inactive
          </a>
        </div>
      </div>

    </div>
  </div>

</div>
{% endblock %}