@extends('Layouts_user.index')
@section('content')

        <!-- Mentor Widget -->
        <div class="row gx-6">
            <div class="col-lg-12">
                <div class="card rounded pt-0 px-0">
                    <div class="card-header bg-primary pt-2 ps-3 pb-0"><h5 class="text-white fw-semibold">Profil</h5></div>
                    <div class="card-body pt-0 pb-0">
                        <div class="row form-row">
                            <div class="col-lg-12 p-0">
                                <div class="card-header pb-10 pb-8 d-flex align-items-center">
                                    <div class="pe-13">
                                        <img src="{{ asset('needed/img/avatars/te1.jpg')}}" alt="User Image" width="152" height="152" class="avatar-img rounded-circle">
                                    </div>
                                    <div class="">
                                        <h2 class="fs-37 mb-0">Aldo Tahar</h2>
                                            <p class="mentor-type mb-1">Human Capital (Recruitment & Training)</p>
                                            <p class="mentor-type mb-1">Status Personil :<span class="mb-1 ms-1">Organik</span></p>
                                            <p class="mentor-type mb-1">(Peserta Internal)</p>    
                                            <p class="mentor-type mb-1">ID :<span class=" fs-13 mb-1 ms-1">2003</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        

        <div class="card rounded pt-0 pb-5 shadow-lg">
            <div class="card-header pt-0 pb-0 px-0">
                <nav class="mb-0">
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">

                      <button class="nav-link active" id="nav-history-tab" data-bs-toggle="tab" 
                      data-bs-target="#nav-history" type="button" role="tab" aaria-controls="nav-history" 
                      aria-selected="false">Rekomendasi Course</button>
                    </div>
                </nav>
            </div>
            
            <div class="card-body pt-2 px-0">
                <div class="row">
                    <div class="tab-content mt-0" id="nav-tabContent">
                        <div class="tab-pane fade show active p-3 pt-0" id="nav-history" role="tabpanel" 
                        aria-labelledby="nav-history-tab">
                            <div class="row ps-5">
                                <div class="col-lg-12 text-muted">
                                    <p class="mb-3 fs-13 fw-semibold">Hari Ini</p>
                                </div>
                                <div class="col-lg-12">
                                    <!-- login-card -->
                                    <div class="row gy-lg-7">
                                        <div class="col-lg-6">
                                            <div class="card lift mb-2">
                                                <div class="card-body py-2 px-3 d-flex align-items-center">
                                                    <span class="fs-55 text-dark bg-soft-blue rounded-circle" style="padding: 20px 39px 20px 39px;;"><i class="fa-regular fa-envelope"></i></span>
                                                    <div class="post-content pe-4 ps-9">
                                                        <h4 class="fs-16 mb-0 fw-semibold">Selamat! Anda Telah Menyelesaikan Course.</h4>
                                                        <p class="fs-12">Selamat Anda Telah Menyelesaikan course "Menjadi Rekrutmen". Segera Ambil...</p>
                                                        
                                                        
                                                        <p class="fs-13 text-ash mb-0 d-inline"> aldotahar@gmail.com</p>
                                                        <h6 class="btn btn-outline primary border-0 d-inline p-0 fs-15 float-end"><a class="link-dark" href="">Lihat E-mail</a></h6>
                                                    </div>
                                                    <p class="fs-13 text-ash mb-0 position-absolute login-time" style="right: 3px; bottom: 170px;"> 14.03 PM</p>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <!-- login-card -->
                                        <div class="col-lg-6">
                                            <div class="card lift mb-2">
                                                <div class="card-body py-2 px-3 d-flex align-items-center">
                                                    <span class="fs-55 text-dark bg-soft-blue rounded-circle" style="padding: 20px 43px 20px 43px;"><i class="fa-regular fa-bell"></i></span>
                                                    <div class="post-content pe-4 ps-9">
                                                        <h4 class="fs-16 mb-0 fw-semibold">Selamat! Anda Telah Menyelesaikan Course.</h4>
                                                        <p class="fs-12">Selamat Anda Telah Menyelesaikan course "Menjadi Rekrutmen". Segera Ambil...</p>
                                                        
                                                        
                                                        <p class="fs-13 text-ash mb-0 d-inline"> aldotahar@gmail.com</p>
                                                        <h6 class="btn btn-outline primary border-0 d-inline p-0 fs-15 float-end"><a class="link-dark" href="">Lihat E-mail</a></h6>
                                                    </div>
                                                    <p class="fs-13 text-ash mb-0 position-absolute login-time" style="right: 3px; bottom: 170px;"> 14.03 PM</p>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <!-- login-card -->
                                        <div class="col-lg-6">
                                            <div class="card lift mb-2">
                                                <div class="card-body py-2 px-3 d-flex align-items-center">
                                                    <span class="fs-55 text-dark bg-soft-blue rounded-circle" style="padding: 20px 39px 20px 39px;;"><i class="fa-solid fa-inbox"></i></span>
                                                    <div class="post-content pe-4 ps-9">
                                                        <h4 class="fs-16 mb-0 fw-semibold">Selamat! Anda Telah Menyelesaikan Course.</h4>
                                                        <p class="fs-12">Selamat Anda Telah Menyelesaikan course "Menjadi Rekrutmen". Segera Ambil...</p>
                                                        
                                                        
                                                        <p class="fs-13 text-ash mb-0 d-inline"> aldotahar@gmail.com</p>
                                                        <h6 class="btn btn-outline primary border-0 d-inline p-0 fs-15 float-end"><a class="link-dark" href="">Lihat E-mail</a></h6>
                                                    </div>
                                                    <p class="fs-13 text-ash mb-0 position-absolute login-time" style="right: 3px; bottom: 170px;"> 14.03 PM</p>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <!-- login-card -->
                                        <div class="col-lg-6">
                                            <div class="card lift mb-2">
                                                <div class="card-body py-2 px-3 d-flex align-items-center">
                                                    <span class="fs-55 text-dark bg-soft-blue rounded-circle" style="padding: 20px 60px 20px 60px;"><i class="fa-solid fa-exclamation"></i></i></span>
                                                    <div class="post-content pe-4 ps-9">
                                                        <h4 class="fs-16 mb-0 fw-semibold">Selamat! Anda Telah Menyelesaikan Course.</h4>
                                                        <p class="fs-12">Selamat Anda Telah Menyelesaikan course "Menjadi Rekrutmen". Segera Ambil...</p>
                                                        
                                                        
                                                        <p class="fs-13 text-ash mb-0 d-inline"> aldotahar@gmail.com</p>
                                                        <h6 class="btn btn-outline primary border-0 d-inline p-0 fs-15 float-end"><a class="link-dark" href="">Lihat E-mail</a></h6>
                                                    </div>
                                                    <p class="fs-13 text-ash mb-0 position-absolute login-time" style="right: 3px; bottom: 170px;"> 14.03 PM</p>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <!-- login-card -->
                                    </div>
                                </div>
                            </div>
                        </div>	
                    <!-- <div class="col-lg-12">
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label class="mentor-type">Sort By</label>
                                    <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 200px; height: 40px;">
                                        <option selected>Recently Accessed</option>
                                        <option value="1">Progress</option>
                                        <option value="2">Job</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label class="mentor-type">Filter</label>
                                    <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 170px; height: 40px;">
                                        <option selected>Categories</option>
                                        <option value="1">Progress</option>
                                        <option value="2">Job</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col p-6">
                                <div class="form-group">
                                    <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 170px; height: 40px;">
                                        <option selected>Progress</option>
                                        <option value="1">Progress</option>
                                        <option value="2">Job</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col p-6">
                                <div class="form-group">
                                    <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 170px; height: 40px;">
                                        <option selected>Instruktur</option>
                                        <option value="1">Progress</option>
                                        <option value="2">Job</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col p-6">
                                <a href="profile-settings-mentee.html" class="btn more btn-primary py-1 fw-normal fs-12">Reset</a>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    <!-- Biography Content -->
@endsection