updated profile and dashboard page
Cette révision appartient à :
Ibrahim Khail Shakil
Parent
f439e77863
révision
936a05c4f1
@ -3,6 +3,7 @@
|
|||||||
namespace App\Http\Controllers\Students;
|
namespace App\Http\Controllers\Students;
|
||||||
|
|
||||||
use App\Http\Controllers\Controller;
|
use App\Http\Controllers\Controller;
|
||||||
|
use App\Models\Student;
|
||||||
use App\Models\Enrollment;
|
use App\Models\Enrollment;
|
||||||
use App\Models\Course;
|
use App\Models\Course;
|
||||||
use App\Models\Checkout;
|
use App\Models\Checkout;
|
||||||
@ -12,10 +13,11 @@ class DashboardController extends Controller
|
|||||||
{
|
{
|
||||||
public function index()
|
public function index()
|
||||||
{
|
{
|
||||||
|
$student_info = Student::find(currentUserId());
|
||||||
$enrollment = Enrollment::get();
|
$enrollment = Enrollment::get();
|
||||||
$course = Course::get();
|
$course = Course::get();
|
||||||
$checkout = Checkout::get();
|
$checkout = Checkout::get();
|
||||||
// $purchaseHistory = Enrollment::with(['course', 'checkout'])->orderBy('enrollment_date', 'desc')->get();
|
// $purchaseHistory = Enrollment::with(['course', 'checkout'])->orderBy('enrollment_date', 'desc')->get();
|
||||||
return view('students.dashboard', compact('enrollment', 'course'));
|
return view('students.dashboard', compact('student_info','enrollment', 'course'));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,7 +10,7 @@ class ProfileController extends Controller
|
|||||||
{
|
{
|
||||||
public function index()
|
public function index()
|
||||||
{
|
{
|
||||||
$student_info=Student::find(currentUserId());
|
$student_info=Student::find(currentUserId());
|
||||||
return view('students.profile',compact('student_info'));
|
return view('students.profile',compact('student_info'));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
BIN
public/uploads/students/3061702363456.jpg
Fichier normal
BIN
public/uploads/students/3061702363456.jpg
Fichier normal
Fichier binaire non affiché.
|
Après Largeur: | Hauteur: | Taille: 507 KiB |
BIN
public/uploads/students/3531702363336.jpg
Fichier normal
BIN
public/uploads/students/3531702363336.jpg
Fichier normal
Fichier binaire non affiché.
|
Après Largeur: | Hauteur: | Taille: 70 KiB |
BIN
public/uploads/students/5171702362351.png
Fichier normal
BIN
public/uploads/students/5171702362351.png
Fichier normal
Fichier binaire non affiché.
|
Après Largeur: | Hauteur: | Taille: 135 KiB |
@ -130,8 +130,8 @@ class="feather feather-search">
|
|||||||
@if(request()->session()->get('studentLogin'))
|
@if(request()->session()->get('studentLogin'))
|
||||||
<div class="dropdown user-image ms-3" id="imageDropdown">
|
<div class="dropdown user-image ms-3" id="imageDropdown">
|
||||||
<a href="{{route('studentdashboard')}}" onclick="toggleDropdown(event)">
|
<a href="{{route('studentdashboard')}}" onclick="toggleDropdown(event)">
|
||||||
<img src="{{asset('public/frontend/dist/images/ellipse/user.jpg')}}"
|
<img src="{{asset('public/uploads/students/'.request()->session()->get('image'))}}"
|
||||||
alt="Student Profile" />
|
alt="Student Profile" height="48" width="48"/>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="{{route('student_profile')}}">Profile</a>
|
<a href="{{route('student_profile')}}">Profile</a>
|
||||||
|
|||||||
@ -25,11 +25,11 @@
|
|||||||
<div>
|
<div>
|
||||||
<div class="students-info-intro-start">
|
<div class="students-info-intro-start">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<img src="{{asset('public/frontend/dist/images/user/user-img-01.jpg')}}" alt="Student" />
|
<img src="{{ asset('public/uploads/students/' . $student_info->image) }}" alt="Student" />
|
||||||
</div>
|
</div>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<h5>{{ encryptor('decrypt', request()->session()->get('userName')) }}</h5>
|
<h5>{{$student_info->name_en}}</h5>
|
||||||
<p>UI/UX Designer</p>
|
<p>{{$student_info->profession?$student_info->profession:'Student'}}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -79,7 +79,7 @@
|
|||||||
<div class="nav" id="nav-tab" role="tablist">
|
<div class="nav" id="nav-tab" role="tablist">
|
||||||
<button class="nav-link active" id="nav-profile-tab" data-bs-toggle="tab"
|
<button class="nav-link active" id="nav-profile-tab" data-bs-toggle="tab"
|
||||||
data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
|
data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
|
||||||
aria-selected="true">My Profile</button>
|
aria-selected="true">Dashboard</button>
|
||||||
|
|
||||||
<button class="nav-link" id="nav-coursesall-tab" data-bs-toggle="tab"
|
<button class="nav-link" id="nav-coursesall-tab" data-bs-toggle="tab"
|
||||||
data-bs-target="#nav-coursesall" type="button" role="tab" aria-controls="nav-coursesall"
|
data-bs-target="#nav-coursesall" type="button" role="tab" aria-controls="nav-coursesall"
|
||||||
@ -101,8 +101,7 @@
|
|||||||
type="button" role="tab" aria-controls="nav-purchase" aria-selected="false">Purchase
|
type="button" role="tab" aria-controls="nav-purchase" aria-selected="false">Purchase
|
||||||
History</button>
|
History</button>
|
||||||
|
|
||||||
<button class="nav-link" id="nav-setting-tab" data-bs-toggle="tab" data-bs-target="#nav-setting"
|
<button class="nav-link "><a href="{{route('student_profile')}}" class="text-secondary">Profile</a></button>
|
||||||
type="button" role="tab" aria-controls="nav-setting" aria-selected="false">Setting</button>
|
|
||||||
|
|
||||||
<button class="nav-link "><a href="{{route('home')}}" class="text-secondary">Home</a></button>
|
<button class="nav-link "><a href="{{route('home')}}" class="text-secondary">Home</a></button>
|
||||||
</div>
|
</div>
|
||||||
@ -119,25 +118,19 @@
|
|||||||
<div class="about-student">
|
<div class="about-student">
|
||||||
<h6 class="font-title--card">About Me</h6>
|
<h6 class="font-title--card">About Me</h6>
|
||||||
<p class="font-para--md">
|
<p class="font-para--md">
|
||||||
Hello my name is Tanya. I am a designer. My personal qualities are responsibility,
|
{{$student_info->bio?$student_info->bio:"Student's Bio"}}
|
||||||
as I bring everything to its logical conclusion, determination, never rest on my
|
|
||||||
laurels, always open to change
|
|
||||||
and something new. In my arsenal there are such programs as Adobe Photoshop,
|
|
||||||
Illustrator, InDesign, Figma, also some Maya, 3ds Max ZBrush, Substance Painter,
|
|
||||||
Marvelous Designer. Lorem ipsum dolor
|
|
||||||
sit amet consectetur, adipisicing elit. Animi, voluptatum.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-content__profile-content">
|
<div class="tab-content__profile-content">
|
||||||
<div class="info-student">
|
<div class="info-student">
|
||||||
<h6 class="font-title--card">Philip Information</h6>
|
<h6 class="font-title--card">{{$student_info->name_en}}'s Information</h6>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
<dt class="col-sm-4">
|
<dt class="col-sm-4">
|
||||||
<span>Name</span>
|
<span>Name</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>{{ encryptor('decrypt', request()->session()->get('userName')) }}</p>
|
<p>{{$student_info->name_en}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
@ -145,7 +138,7 @@
|
|||||||
<span>E-mail</span>
|
<span>E-mail</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>{{ encryptor('decrypt', request()->session()->get('emailAddress')) }}</p>
|
<p>{{$student_info->email}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
@ -153,7 +146,7 @@
|
|||||||
<span>What do you do</span>
|
<span>What do you do</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>UI/UX Designer</p>
|
<p>{{$student_info->profession?$student_info->profession:'Student'}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
@ -161,7 +154,7 @@
|
|||||||
<span>Phone Number</span>
|
<span>Phone Number</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>+8801236 968966</p>
|
<p>{{$student_info->contact_en?$student_info->contact_en:'+880'}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
@ -169,7 +162,7 @@
|
|||||||
<span>Nationality</span>
|
<span>Nationality</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>Bangladesh</p>
|
<p>{{$student_info->nationality}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
@ -184,13 +177,13 @@
|
|||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
||||||
<div class="contentCard contentCard--watch-course">
|
<div class="contentCard contentCard--watch-course">
|
||||||
<div class="contentCard-top">
|
<div class="contentCard-top">
|
||||||
<a href="#"><img
|
<a href="#"><img src="{{asset('public/uploads/courses/'.$a->course?->image)}}"
|
||||||
src="{{asset('public/uploads/courses/'.$a->course?->image)}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
alt="images" class="img-fluid" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentCard-bottom">
|
<div class="contentCard-bottom">
|
||||||
<h5>
|
<h5>
|
||||||
<a href="{{route('courseDetails', encryptor('encrypt', $a->course?->id))}}" class="font-title--card">{{$a->course?->title_en}}</a>
|
<a href="{{route('courseDetails', encryptor('encrypt', $a->course?->id))}}"
|
||||||
|
class="font-title--card">{{$a->course?->title_en}}</a>
|
||||||
</h5>
|
</h5>
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
||||||
<a href="instructor-profile.html"
|
<a href="instructor-profile.html"
|
||||||
@ -276,8 +269,8 @@ class="contentCard-user d-flex align-items-center">
|
|||||||
<p>Finish</p>
|
<p>Finish</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
<a class="button button-md button--primary-outline w-100 my-3" href="#">Watch
|
||||||
href="#">Watch Course</a>
|
Course</a>
|
||||||
<div class="contentCard-watch--progress">
|
<div class="contentCard-watch--progress">
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
<span class="percentage" style="width: 43%;"></span>
|
||||||
</div>
|
</div>
|
||||||
@ -308,8 +301,8 @@ class="contentCard-user d-flex align-items-center">
|
|||||||
<p>Finish</p>
|
<p>Finish</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
<a class="button button-md button--primary-outline w-100 my-3" href="#">Watch
|
||||||
href="#">Watch Course</a>
|
Course</a>
|
||||||
<div class="contentCard-watch--progress">
|
<div class="contentCard-watch--progress">
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
<span class="percentage" style="width: 43%;"></span>
|
||||||
</div>
|
</div>
|
||||||
@ -340,8 +333,8 @@ class="contentCard-user d-flex align-items-center">
|
|||||||
<p>Finish</p>
|
<p>Finish</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
<a class="button button-md button--primary-outline w-100 my-3" href="#">Watch
|
||||||
href="#">Watch Course</a>
|
Course</a>
|
||||||
<div class="contentCard-watch--progress">
|
<div class="contentCard-watch--progress">
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
<span class="percentage" style="width: 43%;"></span>
|
||||||
</div>
|
</div>
|
||||||
@ -403,8 +396,8 @@ class="contentCard-user d-flex align-items-center">
|
|||||||
<p>Finish</p>
|
<p>Finish</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
<a class="button button-md button--primary-outline w-100 my-3" href="#">Watch
|
||||||
href="#">Watch Course</a>
|
Course</a>
|
||||||
<div class="contentCard-watch--progress">
|
<div class="contentCard-watch--progress">
|
||||||
<span class="percentage" style="width: 100%;"></span>
|
<span class="percentage" style="width: 100%;"></span>
|
||||||
</div>
|
</div>
|
||||||
@ -435,8 +428,8 @@ class="contentCard-user d-flex align-items-center">
|
|||||||
<p>Finish</p>
|
<p>Finish</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
<a class="button button-md button--primary-outline w-100 my-3" href="#">Watch
|
||||||
href="#">Watch Course</a>
|
Course</a>
|
||||||
<div class="contentCard-watch--progress">
|
<div class="contentCard-watch--progress">
|
||||||
<span class="percentage" style="width: 100%;"></span>
|
<span class="percentage" style="width: 100%;"></span>
|
||||||
</div>
|
</div>
|
||||||
@ -467,8 +460,8 @@ class="contentCard-user d-flex align-items-center">
|
|||||||
<p>Finish</p>
|
<p>Finish</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
<a class="button button-md button--primary-outline w-100 my-3" href="#">Watch
|
||||||
href="#">Watch Course</a>
|
Course</a>
|
||||||
<div class="contentCard-watch--progress">
|
<div class="contentCard-watch--progress">
|
||||||
<span class="percentage" style="width: 100%;"></span>
|
<span class="percentage" style="width: 100%;"></span>
|
||||||
</div>
|
</div>
|
||||||
@ -534,7 +527,9 @@ class="purchase-area-items-start d-flex align-items-lg-center flex-column flex-l
|
|||||||
<h6>
|
<h6>
|
||||||
<a href="#">{{$e->course?->title_en}}</a>
|
<a href="#">{{$e->course?->title_en}}</a>
|
||||||
</h6>
|
</h6>
|
||||||
<p>By <a href="instructorcourses.html">{{$e->course?->instructor?->name_en}}</a></p>
|
<p>By <a
|
||||||
|
href="instructorcourses.html">{{$e->course?->instructor?->name_en}}</a>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>${{$e->course?->price}}</p>
|
<p>${{$e->course?->price}}</p>
|
||||||
</div>
|
</div>
|
||||||
@ -741,150 +736,8 @@ class="purchase-area-items-start mb-0 d-flex align-items-lg-center flex-column f
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- Setting --}}
|
|
||||||
<div class="tab-pane fade" id="nav-setting" role="tabpanel" aria-labelledby="nav-setting-tab">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-9 order-2 order-lg-0">
|
|
||||||
<div class="white-bg">
|
|
||||||
<div class="students-info-form">
|
|
||||||
<h6 class="font-title--card">Your Information</h6>
|
|
||||||
<form action="#">
|
|
||||||
<div class="row g-3">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<label for="fname">First Name</label>
|
|
||||||
<input type="text" class="form-control" placeholder="Phillip"
|
|
||||||
id="fname" />
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<label for="lname">Last Name</label>
|
|
||||||
<input type="text" class="form-control" placeholder="Bergson"
|
|
||||||
id="lname" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="email">Email</label>
|
|
||||||
<input type="email" id="email" class="form-control"
|
|
||||||
placeholder="phillip.bergson@gmail.com" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="do">What Do You Do</label>
|
|
||||||
<input type="text" id="do" class="form-control"
|
|
||||||
placeholder="UI/UX Designer" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row g-3">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<label for="pnumber">Phone Number</label>
|
|
||||||
<input type="text" class="form-control" placeholder="+8801236-858966"
|
|
||||||
id="pnumber" />
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<label for="nationality">Nationality</label>
|
|
||||||
<input type="text" class="form-control" placeholder="Bangladesh"
|
|
||||||
id="nationality" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="d-flex justify-content-lg-end justify-content-center mt-2">
|
|
||||||
<button class="button button-lg button--primary" type="submit">Save
|
|
||||||
Changes</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="white-bg mt-4">
|
|
||||||
<div class="students-info-form">
|
|
||||||
<h6 class="font-title--card">Change Password</h6>
|
|
||||||
<form action="#">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="cpass">Current Password</label>
|
|
||||||
<div class="input-with-icon">
|
|
||||||
<input type="password" id="cpass" class="form-control"
|
|
||||||
placeholder="Enter Password" />
|
|
||||||
<div class="input-icon" onclick="showPassword('cpass',this)">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
||||||
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
|
||||||
stroke-width="2" stroke-linecap="round"
|
|
||||||
stroke-linejoin="round" class="feather feather-eye">
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
|
|
||||||
</path>
|
|
||||||
<circle cx="12" cy="12" r="3"></circle>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="npass">New Password</label>
|
|
||||||
<div class="input-with-icon">
|
|
||||||
<input type="password" id="npass" class="form-control"
|
|
||||||
placeholder="Enter Password" />
|
|
||||||
<div class="input-icon" onclick="showPassword('npass',this)">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
||||||
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
|
||||||
stroke-width="2" stroke-linecap="round"
|
|
||||||
stroke-linejoin="round" class="feather feather-eye">
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
|
|
||||||
</path>
|
|
||||||
<circle cx="12" cy="12" r="3"></circle>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<label for="cnpass">Confirm New Password</label>
|
|
||||||
<div class="input-with-icon">
|
|
||||||
<input type="password" id="cnpass" class="form-control"
|
|
||||||
placeholder="Enter Password" />
|
|
||||||
<div class="input-icon" onclick="showPassword('cnpass',this)">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
||||||
viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
|
||||||
stroke-width="2" stroke-linecap="round"
|
|
||||||
stroke-linejoin="round" class="feather feather-eye">
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
|
|
||||||
</path>
|
|
||||||
<circle cx="12" cy="12" r="3"></circle>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="d-flex justify-content-lg-end justify-content-center mt-2">
|
|
||||||
<button class="button button-lg button--primary" type="submit">Save
|
|
||||||
Changes</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 order-1 order-lg-0 mt-4 mt-lg-0">
|
|
||||||
<div class="white-bg">
|
|
||||||
<div class="change-image-wizard">
|
|
||||||
<div class="image mx-auto">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/user/user-img-01.jpg')}}"
|
|
||||||
alt="User" />
|
|
||||||
</div>
|
|
||||||
<form action="#">
|
|
||||||
<div class="d-flex justify-content-center">
|
|
||||||
<button type="submit" class="button button--primary-outline">CHANGE
|
|
||||||
iMAGE</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<p>Image size should be under 1MB image ratio 200px.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -25,11 +25,11 @@
|
|||||||
<div>
|
<div>
|
||||||
<div class="students-info-intro-start">
|
<div class="students-info-intro-start">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<img src="{{asset('public/frontend/dist/images/user/user-img-01.jpg')}}" alt="Student" />
|
<img src="{{ asset('public/uploads/students/' . $student_info->image) }}" alt="Student" />
|
||||||
</div>
|
</div>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<h5>{{$student_info->name_en}}</h5>
|
<h5>{{$student_info->name_en}}</h5>
|
||||||
<p>{{$student_info->profession}}</p>
|
<p>{{$student_info->profession?$student_info->profession:'Student'}}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -81,29 +81,12 @@
|
|||||||
data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
|
data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
|
||||||
aria-selected="true">My Profile</button>
|
aria-selected="true">My Profile</button>
|
||||||
|
|
||||||
<button class="nav-link" id="nav-coursesall-tab" data-bs-toggle="tab"
|
|
||||||
data-bs-target="#nav-coursesall" type="button" role="tab" aria-controls="nav-coursesall"
|
|
||||||
aria-selected="false">All Courses</button>
|
|
||||||
|
|
||||||
<button class="nav-link" id="nav-activecourses-tab" data-bs-toggle="tab"
|
|
||||||
data-bs-target="#nav-activecourses" type="button" role="tab" aria-controls="nav-activecourses"
|
|
||||||
aria-selected="false">
|
|
||||||
Active Courses
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button class="nav-link" id="nav-completedcourses-tab" data-bs-toggle="tab"
|
|
||||||
data-bs-target="#nav-completedcourses" type="button" role="tab"
|
|
||||||
aria-controls="nav-completedcourses" aria-selected="false">
|
|
||||||
Completed Courses
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button class="nav-link" id="nav-purchase-tab" data-bs-toggle="tab" data-bs-target="#nav-purchase"
|
|
||||||
type="button" role="tab" aria-controls="nav-purchase" aria-selected="false">Purchase
|
|
||||||
History</button>
|
|
||||||
|
|
||||||
<button class="nav-link" id="nav-setting-tab" data-bs-toggle="tab" data-bs-target="#nav-setting"
|
<button class="nav-link" id="nav-setting-tab" data-bs-toggle="tab" data-bs-target="#nav-setting"
|
||||||
type="button" role="tab" aria-controls="nav-setting" aria-selected="false">Setting</button>
|
type="button" role="tab" aria-controls="nav-setting" aria-selected="false">Setting</button>
|
||||||
|
|
||||||
|
<button class="nav-link "><a href="{{route('studentdashboard')}}"
|
||||||
|
class="text-secondary">Dashboard</a></button>
|
||||||
|
|
||||||
<button class="nav-link "><a href="{{route('home')}}" class="text-secondary">Home</a></button>
|
<button class="nav-link "><a href="{{route('home')}}" class="text-secondary">Home</a></button>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
@ -119,13 +102,13 @@
|
|||||||
<div class="about-student">
|
<div class="about-student">
|
||||||
<h6 class="font-title--card">About Me</h6>
|
<h6 class="font-title--card">About Me</h6>
|
||||||
<p class="font-para--md">
|
<p class="font-para--md">
|
||||||
{{$student_info->bio}}
|
{{$student_info->bio?$student_info->bio:"Student's Bio"}}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-content__profile-content">
|
<div class="tab-content__profile-content">
|
||||||
<div class="info-student">
|
<div class="info-student">
|
||||||
<h6 class="font-title--card">Philip Information</h6>
|
<h6 class="font-title--card">{{$student_info->name_en}}'s Information</h6>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
<dt class="col-sm-4">
|
<dt class="col-sm-4">
|
||||||
<span>Name</span>
|
<span>Name</span>
|
||||||
@ -147,7 +130,7 @@
|
|||||||
<span>What do you do</span>
|
<span>What do you do</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>{{$student_info->profession}}</p>
|
<p>{{$student_info->profession?$student_info->profession:'Student'}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
@ -155,7 +138,7 @@
|
|||||||
<span>Phone Number</span>
|
<span>Phone Number</span>
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="col-sm-8">
|
<dd class="col-sm-8">
|
||||||
<p>{{$student_info->contact_en}}</p>
|
<p>{{$student_info->contact_en?$student_info->contact_en:'+880'}}</p>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl class="row my-0 info-student-topic">
|
<dl class="row my-0 info-student-topic">
|
||||||
@ -171,626 +154,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- All Courses --}}
|
|
||||||
<div class="tab-pane fade" id="nav-coursesall" role="tabpanel" aria-labelledby="nav-coursesall-tab">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">43%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">43%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">43%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-12 mt-lg-5">
|
|
||||||
<div class="pagination justify-content-center pb-0">
|
|
||||||
<div class="pagination-group">
|
|
||||||
<a href="#" class="p_prev">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828"
|
|
||||||
viewBox="0 0 9.414 16.828">
|
|
||||||
<path data-name="Icon feather-chevron-left" d="M20.5,23l-7-7,7-7"
|
|
||||||
transform="translate(-12.5 -7.586)" fill="none" stroke="#1a2224"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a href="#!1" class="cdp_i active">01</a>
|
|
||||||
<a href="#!2" class="cdp_i">02</a>
|
|
||||||
<a href="#!3" class="cdp_i">03</a>
|
|
||||||
<a href="#!+1" class="p_next">
|
|
||||||
<svg width="10" height="16" viewBox="0 0 10 16" fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M1.5 1L8.5 8L1.5 15" stroke="#35343E" stroke-width="2"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round"></path>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- Active Courses --}}
|
|
||||||
<div class="tab-pane fade" id="nav-activecourses" role="tabpanel"
|
|
||||||
aria-labelledby="nav-activecourses-tab">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">43%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">43%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">43%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 43%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-12 mt-lg-5">
|
|
||||||
<div class="pagination justify-content-center pb-0">
|
|
||||||
<div class="pagination-group">
|
|
||||||
<a href="#" class="p_prev">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828"
|
|
||||||
viewBox="0 0 9.414 16.828">
|
|
||||||
<path data-name="Icon feather-chevron-left" d="M20.5,23l-7-7,7-7"
|
|
||||||
transform="translate(-12.5 -7.586)" fill="none" stroke="#1a2224"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a href="#!1" class="cdp_i active">01</a>
|
|
||||||
<a href="#!2" class="cdp_i">02</a>
|
|
||||||
<a href="#!3" class="cdp_i">03</a>
|
|
||||||
<a href="#!+1" class="p_next">
|
|
||||||
<svg width="10" height="16" viewBox="0 0 10 16" fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M1.5 1L8.5 8L1.5 15" stroke="#35343E" stroke-width="2"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round"></path>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- Completed Courses --}}
|
|
||||||
<div class="tab-pane fade" id="nav-completedcourses" role="tabpanel"
|
|
||||||
aria-labelledby="nav-completedcourses-tab">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">100%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 100%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">100%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 100%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 col-md-6 mb-4">
|
|
||||||
<div class="contentCard contentCard--watch-course">
|
|
||||||
<div class="contentCard-top">
|
|
||||||
<a href="#"><img
|
|
||||||
src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
|
|
||||||
alt="images" class="img-fluid" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="contentCard-bottom">
|
|
||||||
<h5>
|
|
||||||
<a href="#" class="font-title--card">Chicago International
|
|
||||||
Conference on Education</a>
|
|
||||||
</h5>
|
|
||||||
<div class="contentCard-info d-flex align-items-center justify-content-between">
|
|
||||||
<a href="instructor-profile.html"
|
|
||||||
class="contentCard-user d-flex align-items-center">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
|
|
||||||
alt="client-image" class="rounded-circle" />
|
|
||||||
<p class="font-para--md">Brandon Dias</p>
|
|
||||||
</a>
|
|
||||||
<div class="contentCard-course--status d-flex align-items-center">
|
|
||||||
<span class="percentage">100%</span>
|
|
||||||
<p>Finish</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a class="button button-md button--primary-outline w-100 my-3"
|
|
||||||
href="#">Watch Course</a>
|
|
||||||
<div class="contentCard-watch--progress">
|
|
||||||
<span class="percentage" style="width: 100%;"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-12 mt-lg-5">
|
|
||||||
<div class="pagination justify-content-center pb-0">
|
|
||||||
<div class="pagination-group">
|
|
||||||
<a href="#" class="p_prev">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828"
|
|
||||||
viewBox="0 0 9.414 16.828">
|
|
||||||
<path data-name="Icon feather-chevron-left" d="M20.5,23l-7-7,7-7"
|
|
||||||
transform="translate(-12.5 -7.586)" fill="none" stroke="#1a2224"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a href="#!1" class="cdp_i active">01</a>
|
|
||||||
<a href="#!2" class="cdp_i">02</a>
|
|
||||||
<a href="#!3" class="cdp_i">03</a>
|
|
||||||
<a href="#!+1" class="p_next">
|
|
||||||
<svg width="10" height="16" viewBox="0 0 10 16" fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M1.5 1L8.5 8L1.5 15" stroke="#35343E" stroke-width="2"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round"></path>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- Purchase History --}}
|
|
||||||
<div class="tab-pane fade" id="nav-purchase" role="tabpanel" aria-labelledby="nav-purchase-tab">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<div class="purchase-area">
|
|
||||||
<div class="purchase-area-close">
|
|
||||||
<a href="#">
|
|
||||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M11 1L1 11" stroke="#F15C4C" stroke-width="1.5"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" />
|
|
||||||
<path d="M1 1L11 11" stroke="#F15C4C" stroke-width="1.5"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="d-flex align-items-lg-center align-items-start flex-column flex-lg-row">
|
|
||||||
<div class="purchase-area-items">
|
|
||||||
<div
|
|
||||||
class="purchase-area-items-start d-flex align-items-lg-center flex-column flex-lg-row">
|
|
||||||
<div class="image">
|
|
||||||
<a href="#">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
|
|
||||||
alt="Image" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="text d-flex flex-column flex-lg-row">
|
|
||||||
<div class="text-main">
|
|
||||||
<h6>
|
|
||||||
<a href="#">Advanced Digital Comic Coloring Concepts &
|
|
||||||
Techniques</a>
|
|
||||||
</h6>
|
|
||||||
<p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
|
|
||||||
</div>
|
|
||||||
<p>$87</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="purchase-area-items-start d-flex align-items-lg-center flex-column flex-lg-row">
|
|
||||||
<div class="image">
|
|
||||||
<a href="#">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
|
|
||||||
alt="Image" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="text d-flex flex-column flex-lg-row">
|
|
||||||
<div class="text-main">
|
|
||||||
<h6>
|
|
||||||
<a href="#">Advanced Digital Comic Coloring Concepts &
|
|
||||||
Techniques</a>
|
|
||||||
</h6>
|
|
||||||
<p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
|
|
||||||
</div>
|
|
||||||
<p>$25</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="purchase-area-items-start mb-0 pb-2 d-flex align-items-lg-center flex-column flex-lg-row">
|
|
||||||
<div class="image">
|
|
||||||
<a href="#">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/8.jpg')}}"
|
|
||||||
alt="Image" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="text d-flex flex-column flex-lg-row">
|
|
||||||
<div class="text-main">
|
|
||||||
<h6>
|
|
||||||
<a href="#">Adobe Illustrator CC – Advanced Training Course</a>
|
|
||||||
</h6>
|
|
||||||
<p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
|
|
||||||
</div>
|
|
||||||
<p>$14</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="purchase-area-items-end">
|
|
||||||
<p>11th Dec, 2020</p>
|
|
||||||
<dl class="row">
|
|
||||||
<dt class="col-sm-4">Subtotal</dt>
|
|
||||||
<dd class="col-sm-8">211 USD</dd>
|
|
||||||
|
|
||||||
<dt class="col-sm-4">Total Courses</dt>
|
|
||||||
<dd class="col-sm-8">
|
|
||||||
03
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt class="col-sm-4">Payment Type</dt>
|
|
||||||
<dd class="col-sm-8">
|
|
||||||
Credit Card
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mt-3">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<div class="purchase-area">
|
|
||||||
<div class="purchase-area-close">
|
|
||||||
<a href="#">
|
|
||||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M11 1L1 11" stroke="#F15C4C" stroke-width="1.5"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" />
|
|
||||||
<path d="M1 1L11 11" stroke="#F15C4C" stroke-width="1.5"
|
|
||||||
stroke-linecap="round" stroke-linejoin="round" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="d-flex align-items-lg-center align-items-start flex-column flex-lg-row">
|
|
||||||
<div class="purchase-area-items">
|
|
||||||
<div
|
|
||||||
class="purchase-area-items-start mb-0 d-flex align-items-lg-center flex-column flex-lg-row">
|
|
||||||
<div class="image">
|
|
||||||
<a href="#">
|
|
||||||
<img src="{{asset('public/frontend/dist/images/courses/8.jpg')}}"
|
|
||||||
alt="Image" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="text d-flex flex-column flex-lg-row">
|
|
||||||
<div class="text-main">
|
|
||||||
<h6>
|
|
||||||
<a href="#">Digital Art for Beginners - Unleash Your
|
|
||||||
Creativity</a>
|
|
||||||
</h6>
|
|
||||||
<p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
|
|
||||||
</div>
|
|
||||||
<p>$14</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="purchase-area-items-end">
|
|
||||||
<p>3rd, 2021</p>
|
|
||||||
<dl class="row">
|
|
||||||
<dt class="col-sm-4">Subtotal</dt>
|
|
||||||
<dd class="col-sm-8">211 USD</dd>
|
|
||||||
|
|
||||||
<dt class="col-sm-4">Total Courses</dt>
|
|
||||||
<dd class="col-sm-8">
|
|
||||||
03
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt class="col-sm-4">Payment Type</dt>
|
|
||||||
<dd class="col-sm-8">
|
|
||||||
Credit Card
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mt-lg-5 mt-4">
|
|
||||||
<div class="col-lg-12 text-center">
|
|
||||||
<p style="color: #42414b !important; font-size: 18px !important;">
|
|
||||||
Yay! You have seen all your purchase history.
|
|
||||||
<svg width="31" height="31" viewBox="0 0 31 31" fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g filter="url(#filter0_d)">
|
|
||||||
<path
|
|
||||||
d="M15.8653 26.6346C23.1194 26.4329 28.8365 20.3887 28.6347 13.1346C28.433 5.8805 22.3888 0.163433 15.1347 0.365178C7.88061 0.566922 2.16355 6.61108 2.36529 13.8652C2.56704 21.1193 8.61119 26.8363 15.8653 26.6346Z"
|
|
||||||
fill="url(#paint0_radial)" />
|
|
||||||
<path
|
|
||||||
d="M15.8653 26.6346C23.1194 26.4329 28.8365 20.3887 28.6347 13.1346C28.433 5.8805 22.3888 0.163433 15.1347 0.365178C7.88061 0.566922 2.16355 6.61108 2.36529 13.8652C2.56704 21.1193 8.61119 26.8363 15.8653 26.6346Z"
|
|
||||||
fill="url(#paint1_linear)" />
|
|
||||||
<path
|
|
||||||
d="M28.0022 13.1522C28.1942 20.0569 22.7524 25.81 15.8477 26.002C8.94295 26.1941 3.18988 20.7523 2.99785 13.8476C2.80582 6.94284 8.24756 1.18977 15.1523 0.997737C22.057 0.805709 27.8101 6.24744 28.0022 13.1522Z"
|
|
||||||
stroke="#D67504" stroke-opacity="0.27" stroke-width="1.26563" />
|
|
||||||
</g>
|
|
||||||
<path
|
|
||||||
d="M17.7944 8.07061C16.9534 8.34992 15.9151 8.39547 15.5022 8.40458C15.0893 8.39547 14.0449 8.34992 13.2069 8.07061C11.61 7.5393 9.03846 7.20231 7.07718 7.24785C5.62595 7.28429 4.12311 7.47859 3.18801 7.66683C2.77208 7.75184 2.50794 8.15866 2.6051 8.57156L2.70528 8.99963C2.76297 9.24859 2.95728 9.43379 3.20016 9.5188C3.32464 9.56434 3.44608 9.64632 3.50073 9.79205C3.66771 10.2444 4.57852 12.9252 5.07036 13.918C5.47415 14.7286 6.56712 15.4239 9.10829 15.436C12.7242 15.4512 13.9751 13.0588 14.5519 11.5165C14.6126 11.3556 14.7037 11.0459 14.7857 10.7454C14.9041 10.3173 15.1652 9.89526 15.2805 9.83454C15.3504 9.80115 15.4293 9.7708 15.5083 9.7708C15.5902 9.7708 15.6692 9.80115 15.739 9.83454C15.8544 9.89526 16.1094 10.3173 16.2278 10.7454C16.3098 11.0459 16.4008 11.3526 16.4616 11.5165C17.0354 13.0619 18.2893 15.4512 21.9021 15.436C24.4433 15.4269 25.5363 14.7317 25.9401 13.918C26.4319 12.9283 27.3397 10.2444 27.5097 9.79205C27.5644 9.64632 27.6828 9.56434 27.8072 9.5188C28.0501 9.43379 28.2414 9.24859 28.3021 8.99963L28.4023 8.56852C28.4964 8.15562 28.2323 7.7488 27.8194 7.66379C26.8843 7.47555 25.3814 7.28125 23.9302 7.24481C21.9598 7.20231 19.3913 7.5393 17.7944 8.07061Z"
|
|
||||||
fill="#261F11" />
|
|
||||||
<path
|
|
||||||
d="M17.1971 10.4655C17.273 12.2173 18.9792 13.8993 20.5731 14.2849C22.92 14.8526 24.6839 14.3456 25.6858 12.19C25.9864 11.5403 26.6331 10.1224 26.5906 9.36647C26.5177 8.05187 24.8509 8.2826 23.7853 8.25831C23.6699 8.25528 17.0908 8.07008 17.1971 10.4655Z"
|
|
||||||
fill="#574A2D" />
|
|
||||||
<path
|
|
||||||
d="M13.8691 10.4655C13.7932 12.2173 12.087 13.8993 10.4931 14.2849C8.1462 14.8526 6.38226 14.3456 5.38037 12.19C5.0798 11.5403 4.43313 10.1224 4.47563 9.36647C4.5485 8.05187 6.21528 8.2826 7.28093 8.25831C7.39326 8.25528 13.9754 8.07008 13.8691 10.4655Z"
|
|
||||||
fill="#574A2D" />
|
|
||||||
<g filter="url(#filter1_di)">
|
|
||||||
<path
|
|
||||||
d="M18.303 20.2245C17.9538 20.2245 17.5986 20.2002 17.2373 20.1455C16.8852 20.0939 16.6453 19.766 16.6969 19.4138C16.7485 19.0647 17.0734 18.8218 17.4286 18.8734C19.4628 19.177 21.2692 18.4089 22.0312 16.9121C22.1922 16.5964 22.5808 16.4719 22.8965 16.6328C23.2123 16.7937 23.3398 17.1824 23.1789 17.4981C22.3015 19.2165 20.4525 20.2245 18.303 20.2245Z"
|
|
||||||
fill="#823423" />
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<filter id="filter0_d" x="0.65517" y="0.360352" width="29.6901" height="29.6901"
|
|
||||||
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix"
|
|
||||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
|
|
||||||
<feOffset dy="1.70518" />
|
|
||||||
<feGaussianBlur stdDeviation="0.852591" />
|
|
||||||
<feColorMatrix type="matrix"
|
|
||||||
values="0 0 0 0 0.9 0 0 0 0 0.6165 0 0 0 0 0.19125 0 0 0 0.33 0" />
|
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix"
|
|
||||||
result="effect1_dropShadow" />
|
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow"
|
|
||||||
result="shape" />
|
|
||||||
</filter>
|
|
||||||
<filter id="filter1_di" x="16.2636" y="16.5625" width="7.41119" height="4.51454"
|
|
||||||
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix"
|
|
||||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
|
|
||||||
<feOffset dy="0.426295" />
|
|
||||||
<feGaussianBlur stdDeviation="0.213148" />
|
|
||||||
<feColorMatrix type="matrix"
|
|
||||||
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0" />
|
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix"
|
|
||||||
result="effect1_dropShadow" />
|
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow"
|
|
||||||
result="shape" />
|
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix"
|
|
||||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
|
|
||||||
<feOffset dy="0.426295" />
|
|
||||||
<feGaussianBlur stdDeviation="0.426295" />
|
|
||||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
||||||
<feColorMatrix type="matrix"
|
|
||||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
|
|
||||||
<feBlend mode="normal" in2="shape" result="effect2_innerShadow" />
|
|
||||||
</filter>
|
|
||||||
<radialGradient id="paint0_radial" cx="0" cy="0" r="1"
|
|
||||||
gradientUnits="userSpaceOnUse"
|
|
||||||
gradientTransform="translate(15.1347 0.365178) rotate(88.407) scale(26.2796)">
|
|
||||||
<stop stop-color="#EED919" offset="1" />
|
|
||||||
<stop offset="1" stop-color="#F1BE08" />
|
|
||||||
</radialGradient>
|
|
||||||
<linearGradient id="paint1_linear" x1="15.1347" y1="0.365178" x2="15.8653"
|
|
||||||
y2="26.6346" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" offset="1" stop-opacity="0.52" />
|
|
||||||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
||||||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- Setting --}}
|
{{-- Setting --}}
|
||||||
<div class="tab-pane fade" id="nav-setting" role="tabpanel" aria-labelledby="nav-setting-tab">
|
<div class="tab-pane fade" id="nav-setting" role="tabpanel" aria-labelledby="nav-setting-tab">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -927,13 +290,14 @@ class="purchase-area-items-start mb-0 d-flex align-items-lg-center flex-column f
|
|||||||
<div class="white-bg">
|
<div class="white-bg">
|
||||||
<div class="change-image-wizard">
|
<div class="change-image-wizard">
|
||||||
<div class="image mx-auto">
|
<div class="image mx-auto">
|
||||||
<img src="{{ asset('public/uploads/students/' . $student_info->image) }}" alt="User" height="200" width="200">
|
<img src="{{ asset('public/uploads/students/' . $student_info->image) }}"
|
||||||
|
alt="User" height="200" width="200">
|
||||||
</div>
|
</div>
|
||||||
<form id="changeImageForm" action="{{ route('change_image') }}" method="post"
|
<form id="changeImageForm" action="{{ route('change_image') }}" method="post"
|
||||||
enctype="multipart/form-data">
|
enctype="multipart/form-data">
|
||||||
@csrf
|
@csrf
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<input type="file" name="image" id="newImageInput">
|
<input type="file" name="image" id="newImageInput">
|
||||||
<button type="button" id="changeImageButton"
|
<button type="button" id="changeImageButton"
|
||||||
class="button button--primary-outline">CHANGE IMAGE</button>
|
class="button button--primary-outline">CHANGE IMAGE</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Chargement…
Référencer dans un nouveau ticket
Block a user