{{template "dashboard/layout.html" .}}

{{define "content"}}
<div class="card shadow-sm border-0">
    <div class="card-header py-3" style="background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);">
        <h5 class="mb-0 text-white"><i class='bx bx-user me-2'></i> Profile</h5>
    </div>
    <div class="card-body">
        <div class="row" style="font-size: 14px;">
            <!-- Left column -->
            <div class="col-md-6">
                <div class="d-flex align-items-center py-3 border-bottom">
                    <span class="text-primary fw-bold" style="width:120px;"><i class='bx bx-envelope me-2'></i>Email</span>
                    <span>{{if .User}}{{privacy "email" .User.Email}}{{end}}</span>
                </div>
                <div class="d-flex align-items-center py-3 border-bottom">
                    <span class="text-primary fw-bold" style="width:120px;"><i class='bx bx-user-circle me-2'></i>Role</span>
                    <span>{{if .User}}{{if eq .User.Gid 1}}<span class="badge bg-primary">Admin</span>{{else}}<span class="badge bg-secondary">User</span>{{end}}{{end}}</span>
                </div>
                
                 <div class="d-flex align-items-center py-3 border-bottom">
                    <span class="text-primary fw-bold" style="width:120px;"><i class='bx bx-check-circle me-2'></i>Email verified</span>
                    <span>{{if .User}}{{if .User.IsVerify}}<span class="badge bg-success">Verified</span>{{else}}<span class="badge bg-danger">Unverified</span>{{end}}{{end}}</span>
                </div>
            </div>
            <!-- Right column -->
            <div class="col-md-6">
               
                <div class="d-flex align-items-center py-3 border-bottom">
                    <span class="text-primary fw-bold" style="width:120px;"><i class='bx bx-calendar me-2'></i>Joined</span>
                    <span>{{if .User}}{{.User.RegTimeStr}}{{end}}</span>
                </div>
                <div class="d-flex align-items-center py-3 border-bottom">
                    <span class="text-primary fw-bold" style="width:120px;"><i class='bx bx-time me-2'></i>Last sign-in</span>
                    <span>{{if .User}}{{.User.LastLoginTimeStr}}{{end}}</span>
                </div>
                <div class="d-flex align-items-center py-3">
                    <span class="text-primary fw-bold" style="width:120px;"><i class='bx bx-globe me-2'></i>Last login IP</span>
                    <span>{{if .User}}{{privacy "ip" .User.LastLoginIP}}{{end}}</span>
                </div>
            </div>
        </div>
    </div>
</div>
{{end}}