analisa - link to argon chart

This commit is contained in:
Amir Hamzan
2021-11-28 17:07:19 +08:00
parent e54c2e5592
commit 375db13744
10 changed files with 16776 additions and 369 deletions
+2 -1
View File
@@ -15,7 +15,8 @@ class ProfileController extends Controller
*/
public function edit()
{
return view('profile.edit');
// return view('profile.edit');
return view('includes.profile');
}
/**
+16525 -1
View File
File diff suppressed because one or more lines are too long
@@ -115,9 +115,9 @@
<h4 class="mb-0">Jumlah Bayaran</h4>
</div>
<div class="col">
<div class="d-flex flex-row-reverse">
<!-- <div class="d-flex flex-row-reverse">
<button class="btn btn-primary" style="color: #fff;" disabled>Bulanan</button>
</div>
</div> -->
<!-- <ul class="nav nav-pills justify-content-end">
<li class="nav-item mr-2 mr-md-0">
<a href="#" class="nav-link py-2 px-3 active" data-toggle="tab">
@@ -139,7 +139,7 @@
<!-- Chart -->
<div class="chart">
<!-- Chart wrapper -->
<canvas id="chart-sales" class="chart-canvas"></canvas>
<canvas id="chart-sales" class="chart-canvas" style="height: 265px !important;"></canvas>
</div>
</div>
</div>
@@ -157,7 +157,7 @@
<div class="card-body">
<!-- Chart -->
<div class="chart">
<canvas id="chart-orders" class="chart-canvas"></canvas>
<canvas id="chart-orders" class="chart-canvas" style="height: 265px !important;"></canvas>
</div>
</div>
</div>
@@ -297,9 +297,4 @@
});
</script>
@endsection
@push('js')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
@endpush
@endsection
@@ -66,7 +66,7 @@
<div class="row align-items-center justify-content-lg-between">
<div class="col-12 col-md-6 my-auto">
<div class="copyright text-center text-sm text-white text-lg-start">
@2021, Copyright Permodalan Kelantan Berhad
@2021, Copyright Koperasi Permodalan Kelantan Berhad
</div>
</div>
<div class="col-12 col-md-6">
@@ -32,22 +32,22 @@
<h6 class="text-white text-sm mb-1">Company</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/presentation" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#aboutus">
About Us
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/templates/free" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#freebies">
Freebies
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/templates/premium" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#premiumtools">
Premium Tools
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/blog" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#blog">
Blog
</a>
</li>
@@ -59,17 +59,17 @@
<h6 class="text-white text-sm mb-1">Resources</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://iradesign.io/" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#illustrations">
Illustrations
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/bits" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#snippets">
Bits & Snippets
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/affiliates/new" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#affiliateprogram">
Affiliate Program
</a>
</li>
@@ -81,22 +81,22 @@
<h6 class="text-white text-sm mb-1">Help & Support</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/contact-us" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#helpsupport">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/knowledge-center" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#knowdledege">
Knowledge Center
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://services.creative-tim.com/?ref=ct-mk2-footer" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#customer">
Custom Development
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/sponsorships" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#sponsor">
Sponsorships
</a>
</li>
@@ -108,17 +108,17 @@
<h6 class="text-white text-sm mb-1">Legal</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/knowledge-center/terms-of-service" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#termscondtion">
Terms & Conditions
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/knowledge-center/privacy-policy" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#policy">
Privacy Policy
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="https://www.creative-tim.com/license" target="_blank">
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#licenelse">
Licenses (EULA)
</a>
</li>
@@ -157,79 +157,7 @@
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
<script>
// get the element to animate
var element = document.getElementById('count-stats');
var elementHeight = element.clientHeight;
// listen for scroll event and call animate function
document.addEventListener('scroll', animate);
// check if element is in view
function inView() {
// get window height
var windowHeight = window.innerHeight;
// get number of pixels that the document is scrolled
var scrollY = window.scrollY || window.pageYOffset;
// get current scroll position (distance from the top of the page to the bottom of the current viewport)
var scrollPosition = scrollY + windowHeight;
// get element position (distance from the top of the page to the bottom of the element)
var elementPosition = element.getBoundingClientRect().top + scrollY + elementHeight;
// is scroll position greater than element position? (is element in view?)
if (scrollPosition > elementPosition) {
return true;
}
return false;
}
var animateComplete = true;
// animate element when it is in view
function animate() {
// is element in view?
if (inView()) {
if (animateComplete) {
if (document.getElementById('state1')) {
const countUp = new CountUp('state1', document.getElementById("state1").getAttribute("countTo"));
if (!countUp.error) {
countUp.start();
} else {
console.error(countUp.error);
}
}
if (document.getElementById('state2')) {
const countUp1 = new CountUp('state2', document.getElementById("state2").getAttribute("countTo"));
if (!countUp1.error) {
countUp1.start();
} else {
console.error(countUp1.error);
}
}
if (document.getElementById('state3')) {
const countUp2 = new CountUp('state3', document.getElementById("state3").getAttribute("countTo"));
if (!countUp2.error) {
countUp2.start();
} else {
console.error(countUp2.error);
};
}
animateComplete = false;
}
}
}
if (document.getElementById('typed')) {
var typed = new Typed("#typed", {
stringsElement: '#typed-strings',
typeSpeed: 90,
backSpeed: 90,
backDelay: 200,
startDelay: 500,
loop: true
});
}
</script>
<script>
if (document.getElementsByClassName('page-header')) {
@@ -31,22 +31,22 @@
<h6 class="text-sm">Company</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/presentation" target="_blank">
<a class="nav-link" href="#aboutus">
About Us
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/templates/free" target="_blank">
<a class="nav-link" href="#">
Freebies
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/templates/premium" target="_blank">
<a class="nav-link" href="#">
Premium Tools
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/blog" target="_blank">
<a class="nav-link" href="#">
Blog
</a>
</li>
@@ -58,17 +58,17 @@
<h6 class="text-sm">Resources</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://iradesign.io/" target="_blank">
<a class="nav-link" href="#">
Illustrations
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/bits" target="_blank">
<a class="nav-link" href="#">
Bits & Snippets
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/affiliates/new" target="_blank">
<a class="nav-link" href="#">
Affiliate Program
</a>
</li>
@@ -80,22 +80,22 @@
<h6 class="text-sm">Help & Support</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/contact-us" target="_blank">
<a class="nav-link" href="#">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/knowledge-center" target="_blank">
<a class="nav-link" href="#">
Knowledge Center
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://services.creative-tim.com/?ref=ct-mk2-footer" target="_blank">
<a class="nav-link" href="#">
Custom Development
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/sponsorships" target="_blank">
<a class="nav-link" href="#">
Sponsorships
</a>
</li>
@@ -107,17 +107,17 @@
<h6 class="text-sm">Legal</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/knowledge-center/terms-of-service" target="_blank">
<a class="nav-link" href="#">
Terms & Conditions
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/knowledge-center/privacy-policy" target="_blank">
<a class="nav-link" href="#">
Privacy Policy
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.creative-tim.com/license" target="_blank">
<a class="nav-link" href="#">
Licenses (EULA)
</a>
</li>
@@ -156,79 +156,7 @@
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
<script>
// get the element to animate
var element = document.getElementById('count-stats');
var elementHeight = element.clientHeight;
// listen for scroll event and call animate function
document.addEventListener('scroll', animate);
// check if element is in view
function inView() {
// get window height
var windowHeight = window.innerHeight;
// get number of pixels that the document is scrolled
var scrollY = window.scrollY || window.pageYOffset;
// get current scroll position (distance from the top of the page to the bottom of the current viewport)
var scrollPosition = scrollY + windowHeight;
// get element position (distance from the top of the page to the bottom of the element)
var elementPosition = element.getBoundingClientRect().top + scrollY + elementHeight;
// is scroll position greater than element position? (is element in view?)
if (scrollPosition > elementPosition) {
return true;
}
return false;
}
var animateComplete = true;
// animate element when it is in view
function animate() {
// is element in view?
if (inView()) {
if (animateComplete) {
if (document.getElementById('state1')) {
const countUp = new CountUp('state1', document.getElementById("state1").getAttribute("countTo"));
if (!countUp.error) {
countUp.start();
} else {
console.error(countUp.error);
}
}
if (document.getElementById('state2')) {
const countUp1 = new CountUp('state2', document.getElementById("state2").getAttribute("countTo"));
if (!countUp1.error) {
countUp1.start();
} else {
console.error(countUp1.error);
}
}
if (document.getElementById('state3')) {
const countUp2 = new CountUp('state3', document.getElementById("state3").getAttribute("countTo"));
if (!countUp2.error) {
countUp2.start();
} else {
console.error(countUp2.error);
};
}
animateComplete = false;
}
}
}
if (document.getElementById('typed')) {
var typed = new Typed("#typed", {
stringsElement: '#typed-strings',
typeSpeed: 90,
backSpeed: 90,
backDelay: 200,
startDelay: 500,
loop: true
});
}
</script>
<script>
if (document.getElementsByClassName('page-header')) {
@@ -99,7 +99,7 @@
<li class="nav-item ms-lg-auto">
<a class="nav-link nav-link-icon me-2" href="{{ route('profile.edit') }}">
<i class="fa fa-user me-1"></i>
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tetapan Profile">Mohamad Hafizuddin Hanafi Bin Hanafi</p>
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tetapan Profile">{{ auth()->user()->name }}</p>
</a>
</li>
<li class="nav-item my-auto ms-3 ms-lg-0">
+88 -62
View File
@@ -42,107 +42,133 @@
<div class="col-md-6">
<div class="input-group input-group-static mb-4">
<label>Nama</label>
<input type="email" class="form-control" placeholder="Mohamad Hafizuddin Hanafi Bin Hanafi" readonly>
<input type="email" class="form-control" placeholder="{{ old('name', auth()->user()->name) }}" readonly>
</div>
</div>
<div class="col-md-6 ps-md-2">
<div class="input-group input-group-static mb-4">
<label>Email</label>
<input type="email" class="form-control" placeholder="hafizudiin@google.com" readonly>
<input type="email" class="form-control" placeholder="{{ old('email', auth()->user()->email) }}" readonly>
</div>
</div>
<div class="col-md-6">
<div class="input-group input-group-static mb-4">
<label>IC</label>
<input type="email" class="form-control" placeholder="901203035858" readonly>
<input type="email" class="form-control" placeholder="{{ old('icno', auth()->user()->icno) }}" readonly>
</div>
</div>
<div class="col-md-6 ps-md-2">
<div class="input-group input-group-static mb-4">
<label>No Telefon</label>
<input type="email" class="form-control" placeholder="0168989052" readonly>
<input type="email" class="form-control" placeholder="{{ old('notel', auth()->user()->notel) }}" readonly>
</div>
</div>
</div>
<div class="form-group mb-0 mt-md-0 mt-4">
<div class="input-group input-group-static mb-4">
<label>Alamat</label>
<input type="email" class="form-control" placeholder="Lot 1934, Seksyen 47, Jalan Bunut Payong" readonly>
<input type="email" class="form-control" placeholder="{{ old('alamat', auth()->user()->alamat) }}" readonly>
</div>
</div>
<div class="row">
{{-- <div class="row">
<div class="col-md-4">
<div class="input-group input-group-static mb-4">
<label>Poskod</label>
<input type="email" class="form-control" placeholder="15200" readonly>
</div>
</div>
<div class="col-md-4 ps-md-2">
<div class="input-group input-group-static mb-4">
<label>Daerah</label>
<input type="email" class="form-control" placeholder="Kota Bharu" readonly>
</div>
</div>
<div class="col-md-4 ps-md-2">
<div class="input-group input-group-static mb-4">
<label>Negeri</label>
<input type="email" class="form-control" placeholder="Kelantan" readonly>
</div>
</div>
</div>
<input type="email" class="form-control" value="{{ old('notel', auth()->user()->notel) }}" readonly>
</div>
</form>
<div class="row justify-space-between py-2">
<p class="text-xs">Maklumat ini telah disahkan oleh pelanggan semasa membuat gadaian dicawangan. Sila hubungi cawangan jika terdapat perubahan.</p>
</div>
<div class="col-md-4 ps-md-2">
<div class="input-group input-group-static mb-4">
<label>Daerah</label>
<input type="email" class="form-control" value="{{ old('notel', auth()->user()->notel) }}" readonly>
</div>
</div>
<div class="tab-pane" id="katalaluan">
<form id="contact-form" method="#" autocomplete="off">
<div class="card-body p-0 my-3 mt-5">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="col-12">
<div class="input-group input-group-static mb-4">
<label>Current Password</label>
<input type="password" class="form-control" placeholder="Kata laluan sekarang">
</div>
</div>
<div class="col-12">
<div class="input-group input-group-static mb-4">
<label>New Passord</label>
<input type="password" class="form-control" placeholder="Masukkan kata laluan baharu">
</div>
</div>
<div class="col-12">
<div class="input-group input-group-static mb-4">
<label>Confirm New Passord</label>
<input type="password" class="form-control" placeholder="Mengesahkan kata laluan baharu">
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<button type="submit" class="btn bg-gradient-primary mt-3 mb-0">Simpan</button>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="col-md-4 ps-md-2">
<div class="input-group input-group-static mb-4">
<label>Negeri</label>
<input type="email" class="form-control" value="{{ old('notel', auth()->user()->notel) }}" readonly>
</div>
</div>
</div>
</div> --}}
</div>
</section>
</form>
<div class="row justify-space-between py-2">
<p class="text-xs">Maklumat ini telah disahkan oleh pelanggan semasa membuat gadaian dicawangan. Sila hubungi cawangan jika terdapat perubahan.</p>
</div>
</div>
<div class="tab-pane" id="katalaluan">
<form method="post" action="{{ route('profile.password') }}" autocomplete="off">
@csrf
@method('put')
<div class="card-body p-0 my-3 mt-5">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12">
<div class="col-12">
@if (session('password_status'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('password_status') }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
@endif
</div>
<div class="col-12">
<div class="form-group{{ $errors->has('old_password') ? ' has-danger' : '' }} input-group input-group-static mb-4">
<label class="form-control-label" for="input-current-password">{{ __('Current Password') }}</label>
<input type="password" name="old_password" id="input-current-password" class="form-control form-control-alternative{{ $errors->has('old_password') ? ' is-invalid' : '' }}" placeholder="Kata laluan sekarang" value="" required>
@if ($errors->has('old_password'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('old_password') }}</strong>
</span>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }} input-group input-group-static mb-4">
<label class="form-control-label" for="input-password">{{ __('New Password') }}</label>
<input type="password" name="password" id="input-password" class="form-control form-control-alternative{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="Masukkan kata laluan baharu" value="" required>
@if ($errors->has('password'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
<div class="form-group input-group input-group-static mb-4">
<label class="form-control-label" for="input-password-confirmation">{{ __('Confirm New Password') }}</label>
<input type="password" name="password_confirmation" id="input-password-confirmation" class="form-control form-control-alternative" placeholder="Mengesahkan kata laluan baharu" value="" required>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary mt-4">{{ __('Simpan Kata Laluan') }}</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
@endsection
@@ -3,11 +3,16 @@
<head>
@include('includes.main.head')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
</head>
@include('includes.main.navigation')
@yield('content')
@include('includes.main.footerwhite')
<script src="{{ asset('argon') }}/js/argon.js?v=1.0.0"></script>
</body>
</html>
+120 -120
View File
@@ -1,140 +1,140 @@
@extends('layouts.app', ['title' => __('User Profile')])
@section('content')
@include('users.partials.header', [
'title' => __('Hello') . ' '. auth()->user()->name,
'description' => __('This is your profile page. You can see the progress you\'ve made with your work and manage your projects or assigned tasks'),
'class' => 'col-lg-7'
])
@include('users.partials.header', [
'title' => __('Hello') . ' '. auth()->user()->name,
'description' => __('This is your profile page. You can see the progress you\'ve made with your work and manage your projects or assigned tasks'),
'class' => 'col-lg-7'
])
<div class="container-fluid mt--7">
<div class="row">
<div class="col-xl-8 order-xl-1 mx-auto">
<div class="card shadow">
{{-- <div class="card-header bg-white border-0">
<div class="container-fluid mt--7">
<div class="row">
<div class="col-xl-8 order-xl-1 mx-auto">
<div class="card shadow">
{{-- <div class="card-header bg-white border-0">
<div class="row align-items-center">
<h3 class="mb-0">{{ __('Ubah Profil') }}</h3>
</div>
</div> --}}
<div class="card-body">
<div class="nav-wrapper">
<ul class="nav nav-pills" id="tabs-icons-text" role="tablist">
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true">Maklumat Peribadi</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false">Katalaluan</a>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
<form method="post" action="{{ route('profile.update') }}" autocomplete="off">
@csrf
@method('put')
<h6 class="heading-small text-muted mb-4">{{ __('Maklumat Peribadi') }}</h6>
@if (session('status'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('status') }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div> --}}
<div class="card-body">
@endif
<div class="nav-wrapper">
<ul class="nav nav-pills" id="tabs-icons-text" role="tablist">
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true">Maklumat Peribadi</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false">Katalaluan</a>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
<div class="pl-lg-4">
<div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-name">{{ __('Name') }}</label>
<input type="text" name="name" id="input-name" class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" value="{{ old('name', auth()->user()->name) }}" required autofocus>
<form method="post" action="{{ route('profile.update') }}" autocomplete="off">
@csrf
@method('put')
<h6 class="heading-small text-muted mb-4">{{ __('Maklumat Peribadi') }}</h6>
@if (session('status'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('status') }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
@if ($errors->has('name'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('name') }}</strong>
</span>
@endif
<div class="pl-lg-4">
<div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-name">{{ __('Name') }}</label>
<input type="text" name="name" id="input-name" class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" value="{{ old('name', auth()->user()->name) }}" required autofocus>
@if ($errors->has('name'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('name') }}</strong>
</span>
@endif
</div>
<div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-email">{{ __('Email') }}</label>
<input type="email" name="email" id="input-email" class="form-control form-control-alternative{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" value="{{ old('email', auth()->user()->email) }}" required>
@if ($errors->has('email'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
<div class="text-center">
<button type="submit" class="btn btn-success mt-4">{{ __('Save') }}</button>
</div>
</div>
</form>
</div>
<div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-email">{{ __('Email') }}</label>
<input type="email" name="email" id="input-email" class="form-control form-control-alternative{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" value="{{ old('email', auth()->user()->email) }}" required>
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
@if ($errors->has('email'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
<form method="post" action="{{ route('profile.password') }}" autocomplete="off">
@csrf
@method('put')
<h6 class="heading-small text-muted mb-4">{{ __('Password') }}</h6>
@if (session('password_status'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('password_status') }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
@endif
<div class="pl-lg-4">
<div class="form-group{{ $errors->has('old_password') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-current-password">{{ __('Current Password') }}</label>
<input type="password" name="old_password" id="input-current-password" class="form-control form-control-alternative{{ $errors->has('old_password') ? ' is-invalid' : '' }}" placeholder="{{ __('Current Password') }}" value="" required>
@if ($errors->has('old_password'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('old_password') }}</strong>
</span>
@endif
</div>
<div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-password">{{ __('New Password') }}</label>
<input type="password" name="password" id="input-password" class="form-control form-control-alternative{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('New Password') }}" value="" required>
@if ($errors->has('password'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
<div class="form-group">
<label class="form-control-label" for="input-password-confirmation">{{ __('Confirm New Password') }}</label>
<input type="password" name="password_confirmation" id="input-password-confirmation" class="form-control form-control-alternative" placeholder="{{ __('Confirm New Password') }}" value="" required>
</div>
<div class="text-center">
<button type="submit" class="btn btn-success mt-4">{{ __('Change password') }}</button>
</div>
</div>
</form>
<div class="text-center">
<button type="submit" class="btn btn-success mt-4">{{ __('Save') }}</button>
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<form method="post" action="{{ route('profile.password') }}" autocomplete="off">
@csrf
@method('put')
<h6 class="heading-small text-muted mb-4">{{ __('Password') }}</h6>
@if (session('password_status'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('password_status') }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
@endif
<div class="pl-lg-4">
<div class="form-group{{ $errors->has('old_password') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-current-password">{{ __('Current Password') }}</label>
<input type="password" name="old_password" id="input-current-password" class="form-control form-control-alternative{{ $errors->has('old_password') ? ' is-invalid' : '' }}" placeholder="{{ __('Current Password') }}" value="" required>
@if ($errors->has('old_password'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('old_password') }}</strong>
</span>
@endif
</div>
<div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
<label class="form-control-label" for="input-password">{{ __('New Password') }}</label>
<input type="password" name="password" id="input-password" class="form-control form-control-alternative{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('New Password') }}" value="" required>
@if ($errors->has('password'))
<span class="invalid-feedback" role="alert">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
<div class="form-group">
<label class="form-control-label" for="input-password-confirmation">{{ __('Confirm New Password') }}</label>
<input type="password" name="password_confirmation" id="input-password-confirmation" class="form-control form-control-alternative" placeholder="{{ __('Confirm New Password') }}" value="" required>
</div>
<div class="text-center">
<button type="submit" class="btn btn-success mt-4">{{ __('Change password') }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
{{-- @include('layouts.footers.auth') --}}
</div>
@endsection
</div>
</div>
{{-- @include('layouts.footers.auth') --}}
</div>
@endsection