{% extends "base.html" %}
{% from "components.html" import data_table %}

{% block title %}DTC Codes - Yaris OBD{% endblock %}

{% block content %}
                    <h3 class="text-dark mb-4">DTC Codes</h3>
                    <div class="card shadow">
                        <div class="card-header py-3">
                            <p class="text-primary m-0 fw-bold">Output</p>
                        </div>
                        <div class="card-body p-0">
                            {{ data_table(
                                "dtc-list",
                                [
                                    {"key": "code", "label": "Code", "sortable": true},
                                    {"key": "description", "label": "Description", "sortable": true},
                                    {"key": "actions", "label": "Actions", "sortable": false}
                                ],
                                "No trouble codes available",
                                "Stored diagnostic trouble codes will appear here once OBD data is connected."
                            ) }}
                        </div>
                    </div>
{% endblock %}