{% extends 'adminapp/master.html' %}
{% load static %}

{% block content %}
<div class="page-content">
    <div class="container-fluid">
        
        <!-- Page Title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="mb-0 fw-semibold ">Admin Profile</h4>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{% url 'index' %}" class="text-dark">Dashboard</a></li>
                        <li class="breadcrumb-item active text-primary">Profile</li>
                    </ol>
                </div>
            </div>
        </div>

        

        <!-- Admin Information Card -->
        <div class="row justify-content-center"> 
            <div class="col-lg-6 justify-content-center">
                <div class="card shadow-lg border-0 rounded-lg overflow-hidden">
                    <div class="card-header bg-light text-center py-4">
                        <h4 class="mb-0">Admin Information</h4>
                    </div>
                    <div class="card-body text-center">
                        <div class="position-relative d-inline-block">
                            <img class="rounded-circle border border-3 border-primary shadow" width="120" src="{% static 'assets/images/users/profile.jpg' %}" alt="Admin Profile">
                        </div>
                        <div class="mt-3 ">
                            <label class="form-label fw-bold">Username</label>
                            <input type="text" class="form-control  text-center border-0 bg-light  py-2" value="{{ request.user.username }}" readonly>
                        </div>
                        <div class="mt-4 d-flex justify-content-center gap-3">
                            <a href="{% url 'admin_screenlock' %}" class="btn btn-warning px-4">Lock Screen</a>
                            <a href="{% url 'admin_logout' %}" class="btn btn-danger px-4">Logout</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</div>
{% endblock %}