{% extends 'cars/base.html' %}

{% block title %}مدیریت خودروها{% endblock %}

{% block content %}
<div class="page-header">
    <h1>مدیریت خودروها</h1>
    <p>مدیریت کامل خودروهای ثبت شده در سیستم</p>
</div>

<div class="card">
    <div class="card-header">
        <h2>لیست خودروها</h2>
    </div>
    <div class="card-body">
        {% if cars %}
            <table class="table">
                <thead>
                    <tr>
                        <th>ردیف</th>
                        <th>شماره بدنه</th>
                        <th>مالک</th>
                        <th>مدل</th>
                        <th>نوع</th>
                        <th>قیمت پایه</th>
                        <th>ثبت کننده</th>
                        <th>استان</th>
                        <th>وضعیت</th>
                        <th>تاریخ ثبت</th>
                    </tr>
                </thead>
                <tbody>
                    {% for car in cars %}
                    <tr>
                        <td>{{ forloop.counter }}</td>
                        <td>{{ car.chassis_number }}</td>
                        <td>{{ car.owner_name }}</td>
                        <td>{{ car.model }}</td>
                        <td>{{ car.car_type }}</td>
                        <td>{{ car.base_price|floatformat:0 }} ریال</td>
                        <td>{{ car.user.first_name }} {{ car.user.last_name }}</td>
                        <td>{{ car.province }}</td>
                        <td>
                            <span class="status-badge status-{{ car.status }}">
                                {{ car.get_status_display }}
                            </span>
                        </td>
                        <td>{{ car.created_at|date:"Y/m/d H:i" }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% else %}
            <div class="empty-state">
                <p>هیچ خودرویی ثبت نشده است</p>
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}