<?= $this->extend('backend/layout/main'); ?>
<?= $this->section('css'); ?>
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/backend/vendor/datatables/css/dataTables.bootstrap4.css">
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/backend/vendor/datatables/css/buttons.bootstrap4.css">
<?= $this->endSection(); ?>
<?= $this->section('title'); ?>Profile<?= $this->endSection(); ?>
<?= $this->section('content'); ?>
<div class="dashboard-influence">
    <div class="container-fluid dashboard-content">
        <!-- ============================================================== -->
        <!-- pageheader  -->
        <!-- ============================================================== -->
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="page-header">
                    <h3 class="mb-2">Profile </h3>
                    <div class="page-breadcrumb">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="<?= url_to('admin_home') ?>" class="breadcrumb-link">Dashboard</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Profile</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <?= view_cell('AlertCell') ?>
                <div class="card influencer-profile-data">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-xl-2 col-lg-4 col-md-4 col-sm-4 col-12">
                                <div class="text-center">
                                    <img src="<?= base_url() ?>assets/backend/images/profile.png" alt="User Avatar" class="rounded-circle user-avatar-xxl">
                                </div>
                            </div>
                            <div class="col-xl-10 col-lg-8 col-md-8 col-sm-8 col-12">
                                <div class="user-avatar-info">
                                    <div class="m-b-20">
                                        <div class="user-avatar-name">
                                            <h2 class="mb-1"><?= join(' ', [get_user()->first_name, get_user()->last_name]) ?> </h2>
                                        </div>
                                        <div class="rating-star  d-inline-block">

                                        </div>
                                    </div>
                                    <div class="user-avatar-address">
                                        <p class="border-bottom pb-3">
                                            <span class="d-xl-inline-block d-block mb-2"><i class="fa fa-envelope mr-2 text-primary "></i><?= get_user()->email ?></span>
                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Joined date: <?= date('d M Y', strtotime(get_user()->created_at)) ?> </span>
                                            <span class=" mb-2 d-xl-inline-block d-block ml-xl-4">Status: <?= get_user()->status ?>
                                            </span>
                                            <span class=" mb-2 d-xl-inline-block d-block ml-xl-4">Role: <?= get_user()->role ?> </span>
                                        </p>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer  p-0 text-center d-flex justify-content-center">
                        <div class="card-footer-item card-footer-item-bordered">
                            <a href="<?= url_to('change_my_password') ?>" class="card-link">Change My Password</a>
                        </div>

                        <div class="card-footer-item card-footer-item-bordered">
                            <a href="<?= url_to('logout') ?>" class="card-link">Logout</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>
<?= $this->endSection(); ?>