{% extends "base.html" %}

{% block content %}

<div class="container-fluid">

    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h2>
                <i class="bi bi-shield-lock text-primary"></i>
                User Permissions
            </h2>

            <p class="text-muted">{{ user.full_name or user.username }} ({{ user.username }})</p>

        </div>

        <a href="/users" class="btn btn-secondary">

            <i class="bi bi-arrow-left"></i> Back

        </a>

    </div>

    <div class="card shadow-sm">

        <div class="card-header bg-primary text-white">

            <i class="bi bi-shield-lock"></i> Custom Permissions

        </div>

        <div class="card-body">

            <form method="post" action="/users/{{ user.id }}/permissions">

                <div class="row">

                    {% set categories = {
                        "Customers": ["can_view_customers", "can_create_customer", "can_edit_customer", "can_delete_customer"],
                        "Enquiries": ["can_view_enquiries", "can_create_enquiry", "can_edit_enquiry", "can_delete_enquiry"],
                        "BOQ": ["can_view_boq", "can_create_boq", "can_edit_boq", "can_delete_boq", "can_approve_boq"],
                        "Materials": ["can_view_materials", "can_create_material", "can_edit_material", "can_delete_material", "can_update_price"],
                        "Tasks": ["can_view_tasks", "can_create_task", "can_edit_task", "can_delete_task", "can_assign_task"],
                        "Users": ["can_view_users", "can_create_user", "can_edit_user", "can_delete_user"],
                        "Reports": ["can_view_reports", "can_export_reports", "can_view_financial"],
                        "Settings": ["can_edit_settings", "can_view_logs"]
                    } %}

                    {% for category, perms in categories.items() %}

                    <div class="col-md-6 mb-4">

                        <div class="card">

                            <div class="card-header bg-secondary text-white">

                                <strong>{{ category }}</strong>

                            </div>

                            <div class="card-body">

                                {% for perm in perms %}

                                <div class="form-check">

                                    <input type="checkbox" class="form-check-input" name="{{ perm }}" id="{{ perm }}" {% if user_perms.get(perm, False) %}checked{% endif %}>

                                    <label class="form-check-label" for="{{ perm }}">

                                        {{ permissions.get(perm, perm).replace("_", " ").title() }}

                                    </label>

                                </div>

                                {% endfor %}

                            </div>

                        </div>

                    </div>

                    {% endfor %}

                </div>

                <div class="text-end">

                    <a href="/users" class="btn btn-secondary">Cancel</a>

                    <button type="submit" class="btn btn-primary">

                        <i class="bi bi-save"></i> Save Permissions

                    </button>

                </div>

            </form>

        </div>

    </div>

</div>

{% endblock %}