{% extends "layouts/dashboard.twig" %}

{% block title %}{{ __('users.headers.user_details') }} - {{ platformName }}{% endblock %}

{% block content %}
<div class="container-fluid px-4">
    <h1 class="mt-4">{{ __('users.headers.user_details') }}</h1>
    <ol class="breadcrumb mb-4">
        <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">{{ __('dashboard.title') }}</a></li>
        <li class="breadcrumb-item"><a href="{{ url('admin/users') }}">{{ __('users.breadcrumb.users') }}</a></li>
        <li class="breadcrumb-item active">{{ user.users_name }}</li>
    </ol>

    {% include '@users/admin/nav.twig' ignore missing %}
    
    <div class="card mb-4">
        <div class="card-header">
            <i class="bi bi-person me-1"></i>
            {{ __('users.headers.user_details') }}
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('users.fields.name') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ user.users_name }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('users.fields.email') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ user.users_email }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('users.fields.role') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ __('users.roles.' ~ user.users_role) }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('users.fields.status') }}</label>
                <div class="col-sm-10">
                    {% if user.users_status == 'active' %}
                        <span class="badge bg-success">{{ __('users.statuses.active') }}</span>
                    {% else %}
                        <span class="badge bg-secondary">{{ __('users.statuses.' ~ user.users_status) }}</span>
                    {% endif %}
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('users.fields.created_at') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">{{ user.created_at|date("Y-m-d H:i:s") }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <label class="col-sm-2 col-form-label fw-bold">{{ __('users.fields.last_login') }}</label>
                <div class="col-sm-10">
                    <p class="form-control-plaintext">
                        {{ user.users_last_login_at ? user.users_last_login_at|date("Y-m-d H:i:s") : __('users.messages.never') }}
                    </p>
                </div>
            </div>

            <div class="d-flex justify-content-between mt-4">
                <a href="{{ url('admin/users') }}" class="btn btn-secondary">{{ __('users.actions.back_to_list') }}</a>
                <div>
                    <a href="{{ url('admin/users/' ~ user.users_id ~ '/edit') }}" class="btn btn-primary">{{ __('users.actions.edit') }}</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}