@extends('layout.main')
@section('content')
    <div class="main-content">
        <section class="section">
            <div class="section profile">
                <div class="row">
                    <div class="col-xl-4">
                        <div class="card">
                            <div class="card-body profile-card pt-4 d-flex flex-column align-items-center">
                                <img src="/assets/img/avatar/avatar-6.png" alt="Profile"
                                    class="rounded-circle profile-img-preview shadow"
                                    style="max-width: 150px; max-height: 150px;">
                                {{-- <h2>{{ Auth::user()->get_name() }}</h2> --}}
                                <h3>Super-Admin</h3>
                                <div class="card-footer text-center">
                                    <a href="#" class="btn btn-social-icon btn-facebook mr-1">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                    <a href="#" class="btn btn-social-icon btn-twitter mr-1">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                    <a href="#" class="btn btn-social-icon btn-github mr-1">
                                        <i class="fab fa-github"></i>
                                    </a>
                                    <a href="#" class="btn btn-social-icon btn-instagram">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-8">
                        <div class="card">
                            <div class="card-body pt-3">
                                <!-- Bordered Tabs -->
                                <ul class="nav nav-tabs nav-tabs-bordered">

                                    <li class="nav-item">
                                        <button class="nav-link active" data-bs-toggle="tab"
                                            data-bs-target="#profile-overview">Overview</button>
                                    </li>

                                </ul>
                                <div class="tab-content pt-2">

                                    <div class="tab-pane fade show active profile-overview" id="profile-overview">
                                        <h5 class="card-title">About</h5>
                                        <p class="font-weight-italic justified-text">Lorem, ipsum dolor sit amet consectetur
                                            adipisicing
                                            elit. Ipsum
                                            aspernatur recusandae sapiente praesentium laboriosam reiciendis unde, tempora,
                                            veniam
                                            asperiores vel omnis ratione corrupti consequatur officia laudantium commodi
                                            enim, eum
                                            officiis. In earum non vero facere, obcaecati, repudiandae eaque dignissimos ut
                                            iure
                                            tempora libero ea. Omnis eius sit neque aliquam, sequi corrupti soluta itaque
                                            laborum
                                            non qui nisi nobis dicta, aperiam corporis voluptates! Ad dolore ipsam quo
                                            molestias
                                            neque consectetur at ipsa perspiciatis. Unde non possimus voluptas a, minus
                                            voluptatem
                                            iure inventore fugiat officia iste vitae beatae odit architecto laborum amet
                                            voluptates
                                            dolorum ut perspiciatis nulla nihil odio! Consequuntur, neque delectus!</p>
                                        <h5 class="card-title">Profile Details</h5>
                                        <div class="row">
                                            <div class="col-lg-3 col-md-4 label ">ID Number</div>
                                            <div class="col-lg-9 col-md-8">94894893848</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-3 col-md-4 label ">Full Name</div>
                                            <div class="col-lg-9 col-md-8">JIlhan Haura</div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3 col-md-4 label">Role</div>
                                            <div class="col-lg-9 col-md-8">
                                                Super-Admin
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3 col-md-4 label">Address</div>
                                            <div class="col-lg-9 col-md-8">Jl simpang komplek polda</div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3 col-md-4 label">Phone</div>
                                            <div class="col-lg-9 col-md-8">0345893853</div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3 col-md-4 label">Email</div>
                                            <div class="col-lg-9 col-md-8">jilhanhaura07@gmail.com</div>
                                        </div>

                                    </div>



                                </div><!-- End Bordered Tabs -->

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endsection