{% extends 'admin/layouts/base.html.twig' %}
{% block title %}View Product{% endblock %}
{% set active = 'app_admin_category' %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Product Management',
    },
    {
        'link': path('app_admin_category'), 'title': 'Category',
    },
    {
        'title': 'View',
    }
]%}
{% block content %}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><h1>Category Details</h1></div>
                <div class="col-md-6 text-end">
                    <a href="{{ path('app_admin_category') }}" class="btn btn-primary">Back</a>
                </div>
            </div>
            <div class="table-responsive">
                <div class="table">
                    <table class="table border-1">
                        <tbody>
                        <tr>
                            <th class="w-25">Id</th>
                            <td class="w-75">{{ category.id }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Name</th>
                            <td class="w-75">
                                {% if category.name is empty %}
                                    N/A
                                {% else %}
                                    {{ category.name }}
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th class="w-25">Description</th>
                            <td class="w-75">
                                {% if category.description is empty %}
                                    N/A
                                {% else %}
                                    {{ category.description }}
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th class="w-25">Status</th>
                            <td class="w-75">
                                {% if category.status is empty %}
                                    N/A
                                {% else %}
                                    {% if category.status == 1 %}
                                        <span class="badge badge bg-success">{{ "Active"|upper }}</span>
                                    {% elseif category.status == 0 %}
                                        <span class="badge badge bg-danger">{{ "Inactive"|upper }}</span>
                                    {% endif %}
                                {% endif %}
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock  %}