refactor: back button page
This commit is contained in:
zhadaarsita
parent
532988128b
commit
7d73285b60
|
|
@ -212,18 +212,14 @@ nav {
|
||||||
border-bottom-right-radius: 5px;
|
border-bottom-right-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Styling navbar
|
|
||||||
// Styling navbar
|
// Styling navbar
|
||||||
.navbar {
|
.navbar {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
// 1. Ukuran default untuk DESKTOP
|
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: var(--bs-dark-text-emphasis) !important;
|
color: var(--bs-dark-text-emphasis) !important;
|
||||||
|
|
||||||
// 2. Aturan khusus yang akan menimpa ukuran di atas JIKA layar kecil (MOBILE)
|
|
||||||
// Saya gunakan 991.98px agar konsisten dengan breakpoint sidebar-mu
|
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,17 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
|
|
||||||
<div class="card shadow-sm border-0">
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
<a href="{{ route('admin.buku.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<a href="{{ route('admin.buku.index') }}" class="btn btn-light me-2">
|
|
||||||
<i class="bi bi-arrow-left"></i>
|
<i class="bi bi-arrow-left"></i>
|
||||||
</a>
|
</a>
|
||||||
<h5 class="my-0 fw-bold">Formulir Tambah Buku Baru</h5>
|
<h3 class="my-0 fw-bold">Formulir Tambah Buku</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
||||||
|
|
@ -15,7 +19,8 @@
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="judul" class="form-label">Judul Buku</label>
|
<label for="judul" class="form-label">Judul Buku</label>
|
||||||
<input type="text" class="form-control" id="judul" placeholder="Masukkan judul buku">
|
<input type="text" class="form-control" id="judul"
|
||||||
|
placeholder="Masukkan judul buku">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="penulis" class="form-label">Penulis</label>
|
<label for="penulis" class="form-label">Penulis</label>
|
||||||
|
|
@ -30,14 +35,16 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 mb-3">
|
<div class="col-md-6 mb-3">
|
||||||
<label for="tahun" class="form-label">Tahun Terbit</label>
|
<label for="tahun" class="form-label">Tahun Terbit</label>
|
||||||
<input type="number" class="form-control" id="tahun" placeholder="Contoh: 2024">
|
<input type="number" class="form-control" id="tahun"
|
||||||
|
placeholder="Contoh: 2024">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label">Tipe Akses</label>
|
<label class="form-label">Tipe Akses</label>
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" id="tipe_offline">
|
<input class="form-check-input" type="checkbox" id="tipe_offline">
|
||||||
<label class="form-check-label" for="tipe_offline">Peminjaman Offline</label>
|
<label class="form-check-label" for="tipe_offline">Peminjaman
|
||||||
|
Offline</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" id="tipe_online">
|
<input class="form-check-input" type="checkbox" id="tipe_online">
|
||||||
|
|
@ -63,4 +70,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>z
|
||||||
</x-app-layout>
|
</x-app-layout>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,17 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
|
|
||||||
<div class="card shadow-sm border-0">
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
<a href="{{ route('admin.buku.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<a href="{{ route('admin.buku.index') }}" class="btn btn-light me-2">
|
|
||||||
<i class="bi bi-arrow-left"></i>
|
<i class="bi bi-arrow-left"></i>
|
||||||
</a>
|
</a>
|
||||||
<h5 class="my-0 fw-bold">Formulir Edit Buku</h5>
|
<h3 class="my-0 fw-bold">Formulir Edit Buku</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
||||||
|
|
@ -15,49 +19,53 @@
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="judul" class="form-label">Judul Buku</label>
|
<label for="judul" class="form-label">Judul Buku</label>
|
||||||
<input type="text" class="form-control" id="judul" value="{{ $buku['judul'] }}">
|
<input type="text" class="form-control" id="judul"
|
||||||
|
value="{{ $buku['judul'] }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="penulis" class="form-label">Penulis</label>
|
<label for="penulis" class="form-label">Penulis</label>
|
||||||
<input type="text" class="form-control" id="penulis" value="{{ $buku['penulis'] }}">
|
<input type="text" class="form-control" id="penulis"
|
||||||
|
value="{{ $buku['penulis'] }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 mb-3">
|
<div class="col-md-6 mb-3">
|
||||||
<label for="kategori" class="form-label">Kategori</label>
|
<label for="kategori" class="form-label">Kategori</label>
|
||||||
<input type="text" class="form-control" id="kategori" value="{{ $buku['kategori'] }}">
|
<input type="text" class="form-control" id="kategori"
|
||||||
|
value="{{ $buku['kategori'] }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 mb-3">
|
<div class="col-md-6 mb-3">
|
||||||
<label for="tahun" class="form-label">Tahun Terbit</label>
|
<label for="tahun" class="form-label">Tahun Terbit</label>
|
||||||
<input type="number" class="form-control" id="tahun" value="{{ $buku['tahun'] }}">
|
<input type="number" class="form-control" id="tahun"
|
||||||
|
value="{{ $buku['tahun'] }}">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label">Tipe Akses</label>
|
<label class="form-label">Tipe Akses (Tidak dapat diubah)</label>
|
||||||
@php
|
@php
|
||||||
$tipe_akses = is_array($buku['tipe_akses']) ? $buku['tipe_akses'] : [$buku['tipe_akses']];
|
$tipe_akses = is_array($buku['tipe_akses'])
|
||||||
|
? $buku['tipe_akses']
|
||||||
|
: [$buku['tipe_akses']];
|
||||||
@endphp
|
@endphp
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" id="tipe_offline" @if(in_array('offline', $tipe_akses)) checked @endif>
|
<input class="form-check-input" type="checkbox" id="tipe_offline"
|
||||||
<label class="form-check-label" for="tipe_offline">Peminjaman Offline</label>
|
@if (in_array('offline', $tipe_akses)) checked @endif disabled>
|
||||||
|
<label class="form-check-label" for="tipe_offline">Peminjaman
|
||||||
|
Offline</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" id="tipe_online" @if(in_array('online', $tipe_akses)) checked @endif>
|
<input class="form-check-input" type="checkbox" id="tipe_online"
|
||||||
|
@if (in_array('online', $tipe_akses)) checked @endif disabled>
|
||||||
<label class="form-check-label" for="tipe_online">Baca Online</label>
|
<label class="form-check-label" for="tipe_online">Baca Online</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="cover" class="form-label">Cover Buku</label>
|
<label for="cover" class="form-label">Cover Buku</label>
|
||||||
<input type="file" class="form-control" id="cover">
|
<input type="file" class="form-control" id="cover">
|
||||||
<img src="{{ asset($buku['cover']) }}" alt="Cover saat ini" class="img-thumbnail mt-2" width="150">
|
<img src="{{ asset($buku['cover']) }}" alt="Cover saat ini"
|
||||||
</div>
|
class="img-thumbnail mt-2" width="150">
|
||||||
<div class="mb-3">
|
|
||||||
<label for="file_pdf" class="form-label">File PDF</label>
|
|
||||||
<input type="file" class="form-control" id="file_pdf">
|
|
||||||
@if(isset($buku['file_pdf']))
|
|
||||||
<small class="text-muted">File saat ini: {{ $buku['file_pdf'] }}</small>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -68,4 +76,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</x-app-layout>
|
</x-app-layout>
|
||||||
|
|
@ -1,19 +1,27 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
<div class="card shadow-sm border-0">
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-light me-2"><i class="bi bi-arrow-left"></i></a>
|
<i class="bi bi-arrow-left"></i>
|
||||||
<h5 class="my-0 fw-bold">Formulir Tambah Pengguna</h5>
|
</a>
|
||||||
|
<h3 class="my-0 fw-bold">Formulir Tambah Pengguna</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="nama_lengkap" class="form-label">Nama Lengkap</label>
|
<label for="nama_lengkap" class="form-label">Nama Lengkap</label>
|
||||||
<input type="text" class="form-control" id="nama_lengkap" placeholder="Masukkan nama lengkap">
|
<input type="text" class="form-control" id="nama_lengkap"
|
||||||
|
placeholder="Masukkan nama lengkap">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="email" class="form-label">Email</label>
|
<label for="email" class="form-label">Email</label>
|
||||||
<input type="email" class="form-control" id="email" placeholder="Masukkan alamat email">
|
<input type="email" class="form-control" id="email"
|
||||||
|
placeholder="Masukkan alamat email">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="nisn" class="form-label">NISN (jika siswa)</label>
|
<label for="nisn" class="form-label">NISN (jika siswa)</label>
|
||||||
|
|
@ -44,4 +52,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</x-app-layout>
|
</x-app-layout>
|
||||||
|
|
@ -1,36 +1,48 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
<div class="card shadow-sm border-0">
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-light me-2"><i class="bi bi-arrow-left"></i></a>
|
<i class="bi bi-arrow-left"></i>
|
||||||
<h5 class="my-0 fw-bold">Formulir Edit Pengguna</h5>
|
</a>
|
||||||
|
<h3 class="my-0 fw-bold">Formulir Edit Pengguna</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="nama_lengkap" class="form-label">Nama Lengkap</label>
|
<label for="nama_lengkap" class="form-label">Nama Lengkap</label>
|
||||||
<input type="text" class="form-control" id="nama_lengkap" value="{{ $pengguna['nama_lengkap'] }}">
|
<input type="text" class="form-control" id="nama_lengkap"
|
||||||
|
value="{{ $pengguna['nama_lengkap'] }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="email" class="form-label">Email</label>
|
<label for="email" class="form-label">Email</label>
|
||||||
<input type="email" class="form-control" id="email" value="{{ $pengguna['email'] }}">
|
<input type="email" class="form-control" id="email"
|
||||||
|
value="{{ $pengguna['email'] }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="nisn" class="form-label">NISN (jika siswa)</label>
|
<label for="nisn" class="form-label">NISN (jika siswa)</label>
|
||||||
<input type="text" class="form-control" id="nisn" value="{{ $pengguna['nisn'] ?? '' }}">
|
<input type="text" class="form-control" id="nisn"
|
||||||
|
value="{{ $pengguna['nisn'] ?? '' }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="role" class="form-label">Role</label>
|
<label for="role" class="form-label">Role</label>
|
||||||
<select class="form-select" id="role">
|
<select class="form-select" id="role">
|
||||||
<option>Pilih role...</option>
|
<option>Pilih role...</option>
|
||||||
<option value="siswa" @if($pengguna['role'] == 'siswa') selected @endif>Siswa</option>
|
<option value="siswa" @if ($pengguna['role'] == 'siswa') selected @endif>Siswa
|
||||||
<option value="penjaga perpus" @if($pengguna['role'] == 'penjaga perpus') selected @endif>Penjaga Perpus</option>
|
</option>
|
||||||
|
<option value="penjaga perpus" @if ($pengguna['role'] == 'penjaga perpus') selected @endif>
|
||||||
|
Penjaga Perpus</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 mb-3">
|
<div class="col-md-6 mb-3">
|
||||||
<label for="password" class="form-label">Password Baru</label>
|
<label for="password" class="form-label">Password Baru</label>
|
||||||
<input type="password" class="form-control" id="password" placeholder="Kosongkan jika tidak diubah">
|
<input type="password" class="form-control" id="password"
|
||||||
|
placeholder="Kosongkan jika tidak diubah">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 mb-3">
|
<div class="col-md-6 mb-3">
|
||||||
<label for="password_confirmation" class="form-label">Konfirmasi Password</label>
|
<label for="password_confirmation" class="form-label">Konfirmasi Password</label>
|
||||||
|
|
@ -44,4 +56,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</x-app-layout>
|
</x-app-layout>
|
||||||
|
|
@ -1,19 +1,23 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card shadow-sm border-0">
|
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
|
||||||
<a href="{{ route('admin.pengumuman.index') }}" class="btn btn-light me-2">
|
|
||||||
<i class="bi bi-arrow-left"></i>
|
<i class="bi bi-arrow-left"></i>
|
||||||
</a>
|
</a>
|
||||||
<h5 class="my-0 fw-bold">Formulir Pengumuman Baru</h5>
|
<h3 class="my-0 fw-bold">Formulir Tambah Pengumuman</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="judul" class="form-label">Judul Pengumuman</label>
|
<label for="judul" class="form-label">Judul Pengumuman</label>
|
||||||
<input type="text" class="form-control" id="judul" placeholder="Masukkan judul pengumuman">
|
<input type="text" class="form-control" id="judul"
|
||||||
|
placeholder="Masukkan judul pengumuman">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="tipe" class="form-label">Tipe Pengumuman</label>
|
<label for="tipe" class="form-label">Tipe Pengumuman</label>
|
||||||
|
|
@ -37,4 +41,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</x-app-layout>
|
</x-app-layout>
|
||||||
|
|
@ -1,29 +1,38 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card shadow-sm border-0">
|
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
|
||||||
<a href="{{ route('admin.pengumuman.index') }}" class="btn btn-light me-2">
|
|
||||||
<i class="bi bi-arrow-left"></i>
|
<i class="bi bi-arrow-left"></i>
|
||||||
</a>
|
</a>
|
||||||
<h5 class="my-0 fw-bold">Formulir Edit Pengumuman</h5>
|
<h3 class="my-0 fw-bold">Formulir Edit Pengumuman</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
{{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="judul" class="form-label">Judul Pengumuman</label>
|
<label for="judul" class="form-label">Judul Pengumuman</label>
|
||||||
<input type="text" class="form-control" id="judul" value="{{ $pengumuman['title'] }}">
|
<input type="text" class="form-control" id="judul"
|
||||||
|
value="{{ $pengumuman['title'] }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="tipe" class="form-label">Tipe Pengumuman</label>
|
<label for="tipe" class="form-label">Tipe Pengumuman</label>
|
||||||
<select class="form-select" id="tipe">
|
<select class="form-select" id="tipe">
|
||||||
<option>Pilih tipe...</option>
|
<option>Pilih tipe...</option>
|
||||||
<option value="info" @if($pengumuman['type'] == 'info') selected @endif>Info</option>
|
<option value="info" @if ($pengumuman['type'] == 'info') selected @endif>Info
|
||||||
<option value="success" @if($pengumuman['type'] == 'success') selected @endif>Success</option>
|
</option>
|
||||||
<option value="warning" @if($pengumuman['type'] == 'warning') selected @endif>Warning</option>
|
<option value="success" @if ($pengumuman['type'] == 'success') selected @endif>Success
|
||||||
<option value="danger" @if($pengumuman['type'] == 'danger') selected @endif>Danger</option>
|
</option>
|
||||||
<option value="secondary" @if($pengumuman['type'] == 'secondary') selected @endif>Secondary</option>
|
<option value="warning" @if ($pengumuman['type'] == 'warning') selected @endif>Warning
|
||||||
|
</option>
|
||||||
|
<option value="danger" @if ($pengumuman['type'] == 'danger') selected @endif>Danger
|
||||||
|
</option>
|
||||||
|
<option value="secondary" @if ($pengumuman['type'] == 'secondary') selected @endif>
|
||||||
|
Secondary</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
|
|
@ -37,4 +46,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</x-app-layout>
|
</x-app-layout>
|
||||||
|
|
@ -1,20 +1,36 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
<div class="card shadow-sm border-0">
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<a href="{{ route('admin.rekomendasi.index') }}" class="btn btn-light me-2"><i class="bi bi-arrow-left"></i></a>
|
<i class="bi bi-arrow-left"></i>
|
||||||
<h5 class="my-0 fw-bold">Formulir Rekomendasi Baru</h5>
|
</a>
|
||||||
|
<h3 class="my-0 fw-bold">Formulir Tambah Rekomendasi</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
<div class="mb-3"><label class="form-label">Judul</label><input type="text" class="form-control"></div>
|
<div class="mb-3"><label class="form-label">Judul</label><input type="text"
|
||||||
<div class="mb-3"><label class="form-label">Kategori</label><input type="text" class="form-control" placeholder="Contoh: Teknologi, Sains, Biologi"></div>
|
class="form-control"></div>
|
||||||
<div class="mb-3"><label class="form-label">Link YouTube</label><input type="url" class="form-control" placeholder="https://www.youtube.com/watch?v=xxxxxx"></div>
|
<div class="mb-3"><label class="form-label">Kategori</label><input type="text"
|
||||||
<div class="mb-3"><label class="form-label">Deskripsi</label><textarea name="deskripsi" id="editor"></textarea></div>
|
class="form-control" placeholder="Contoh: Teknologi, Sains, Biologi"></div>
|
||||||
<hr><div class="d-flex justify-content-end"><button type="submit" class="btn btn-primary">Simpan</button></div>
|
<div class="mb-3"><label class="form-label">Link YouTube</label><input type="url"
|
||||||
|
class="form-control" placeholder="https://www.youtube.com/watch?v=xxxxxx"></div>
|
||||||
|
<div class="mb-3"><label class="form-label">Deskripsi</label>
|
||||||
|
<textarea name="deskripsi" id="editor"></textarea>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div class="d-flex justify-content-end"><button type="submit"
|
||||||
|
class="btn btn-primary">Simpan</button></div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@push('scripts')
|
@push('scripts')
|
||||||
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
|
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,36 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', $pageTitle)
|
@section('page-title', $pageTitle)
|
||||||
<div class="card shadow-sm border-0">
|
<div class="d-flex align-items-center mb-4">
|
||||||
<div class="card-header bg-white d-flex align-items-center">
|
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-outline-secondary me-3">
|
||||||
<a href="{{ route('admin.rekomendasi.index') }}" class="btn btn-light me-2"><i class="bi bi-arrow-left"></i></a>
|
<i class="bi bi-arrow-left"></i>
|
||||||
<h5 class="my-0 fw-bold">Formulir Edit Rekomendasi</h5>
|
</a>
|
||||||
|
<h3 class="my-0 fw-bold">Formulir Edit Rekomendasi</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10">
|
||||||
|
<div class="card border-0 shadow-sm">
|
||||||
|
<div class="card-body p-4">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
<div class="mb-3"><label class="form-label">Judul</label><input type="text" class="form-control" value="{{ $rekomendasi['judul'] }}"></div>
|
<div class="mb-3"><label class="form-label">Judul</label><input type="text"
|
||||||
<div class="mb-3"><label class="form-label">Kategori</label><input type="text" class="form-control" value="{{ $rekomendasi['kategori'] }}"></div>
|
class="form-control" value="{{ $rekomendasi['judul'] }}"></div>
|
||||||
<div class="mb-3"><label class="form-label">Link YouTube</label><input type="url" class="form-control" value="{{ $rekomendasi['youtube_link'] }}"></div>
|
<div class="mb-3"><label class="form-label">Kategori</label><input type="text"
|
||||||
<div class="mb-3"><label class="form-label">Deskripsi</label><textarea name="deskripsi" id="editor">{{ $rekomendasi['deskripsi'] }}</textarea></div>
|
class="form-control" value="{{ $rekomendasi['kategori'] }}"></div>
|
||||||
<hr><div class="d-flex justify-content-end"><button type="submit" class="btn btn-primary">Simpan Perubahan</button></div>
|
<div class="mb-3"><label class="form-label">Link YouTube</label><input type="url"
|
||||||
|
class="form-control" value="{{ $rekomendasi['youtube_link'] }}"></div>
|
||||||
|
<div class="mb-3"><label class="form-label">Deskripsi</label>
|
||||||
|
<textarea name="deskripsi" id="editor">{{ $rekomendasi['deskripsi'] }}</textarea>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div class="d-flex justify-content-end"><button type="submit"
|
||||||
|
class="btn btn-primary">Simpan Perubahan</button></div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@push('scripts')
|
@push('scripts')
|
||||||
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
|
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -1,40 +1,41 @@
|
||||||
<x-app-layout>
|
<x-app-layout>
|
||||||
@section('page-title', 'Profil')
|
@section('page-title', 'Profil')
|
||||||
|
|
||||||
<div class="row-g-3 g-md-4">
|
<div class="row g-3 g-md-4 min-vh-100 pb-4">
|
||||||
|
|
||||||
{{-- =================================================================== --}}
|
{{-- =================================================================== --}}
|
||||||
{{-- TAMPILAN PROFIL UNTUK PENJAGA PERPUSTAKAAN --}}
|
{{-- TAMPILAN PROFIL UNTUK PENJAGA PERPUSTAKAAN --}}
|
||||||
{{-- =================================================================== --}}
|
{{-- =================================================================== --}}
|
||||||
@if (Auth::user()->role == 'penjaga perpus')
|
@if (Auth::user()->role == 'penjaga perpus')
|
||||||
|
|
||||||
<h1 class="h2 mb-3 mb-md-4">Profil Petugas</h1>
|
<div class="row g-3 g-md-4 h-100">
|
||||||
<div class="row g-3 g-md-4">
|
|
||||||
{{-- Kolom Kiri: Info & Statistik Global --}}
|
{{-- Kolom Kiri: Info & Statistik Global --}}
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8 d-flex flex-column">
|
||||||
{{-- Info Petugas --}}
|
{{-- Info Petugas --}}
|
||||||
<div class="card border-0 mb-3 mb-md-4">
|
<div class="card border-0 mb-3 mb-md-4">
|
||||||
<div class="card-body p-3 p-md-4 d-flex flex-column flex-sm-row align-items-center text-center text-sm-start">
|
<div
|
||||||
|
class="card-body p-3 p-md-4 d-flex flex-column flex-sm-row align-items-center text-center text-sm-start">
|
||||||
<img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=435ebe&color=fff&size=80&rounded=true"
|
<img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=435ebe&color=fff&size=80&rounded=true"
|
||||||
alt="Foto Profil"
|
alt="Foto Profil" class="rounded-circle profile-avatar-lg mb-3 mb-sm-0">
|
||||||
class="rounded-circle profile-avatar-lg mb-3 mb-sm-0">
|
|
||||||
<div class="ms-sm-4">
|
<div class="ms-sm-4">
|
||||||
<h4 class="fw-bold mb-1">{{ $user->name }}</h4>
|
<h4 class="fw-bold mb-1">{{ $user->name }}</h4>
|
||||||
<span class="badge rounded-pill bg-success-subtle text-success-emphasis">{{ Str::title($user->role) }}</span>
|
<span
|
||||||
|
class="badge rounded-pill bg-success-subtle text-success-emphasis">{{ Str::title($user->role) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Statistik Perpustakaan --}}
|
{{-- Statistik Perpustakaan --}}
|
||||||
<div class="card border-0">
|
<div class="card border-0 flex-grow-1">
|
||||||
<div class="card-body p-3 p-md-4">
|
<div class="card-body p-3 p-md-4 d-flex flex-column h-100">
|
||||||
<h5 class="fw-bold mb-3">Statistik Perpustakaan</h5>
|
<h5 class="fw-bold mb-4">Statistik Perpustakaan</h5>
|
||||||
<div class="d-flex flex-column flex-sm-row justify-content-around text-center stats-container">
|
<div
|
||||||
|
class="d-flex flex-column flex-sm-row justify-content-around text-center stats-container flex-grow-1 align-items-center">
|
||||||
@foreach ($statistik as $stat)
|
@foreach ($statistik as $stat)
|
||||||
<div class="flex-fill stat-item">
|
<div class="flex-fill stat-item py-3">
|
||||||
<i class="bi {{ $stat['icon'] }} fs-4 fs-sm-3 text-{{ $stat['color'] }}"></i>
|
<i class="bi {{ $stat['icon'] }} fs-1 text-{{ $stat['color'] }} mb-3"></i>
|
||||||
<h5 class="fw-bolder mb-0 mt-2">{{ $stat['value'] }}</h5>
|
<h4 class="fw-bolder mb-2 mt-2">{{ $stat['value'] }}</h4>
|
||||||
<small class="text-muted">{{ $stat['label'] }}</small>
|
<p class="text-muted mb-0">{{ $stat['label'] }}</p>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -43,20 +44,26 @@ class="rounded-circle profile-avatar-lg mb-3 mb-sm-0">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Kolom Kanan: Pintasan & Aktivitas --}}
|
{{-- Kolom Kanan: Pintasan & Aktivitas --}}
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4 d-flex flex-column">
|
||||||
{{-- Pintasan Manajemen --}}
|
{{-- Pintasan Manajemen --}}
|
||||||
<div class="card border-0 mb-3 mb-md-4">
|
<div class="card border-0 mb-3 mb-md-4 flex-grow-1">
|
||||||
<div class="card-body p-3 p-md-4">
|
<div class="card-body p-3 p-md-4 d-flex flex-column h-100">
|
||||||
<h5 class="fw-bold mb-3">Pintasan Manajemen</h5>
|
<h5 class="fw-bold mb-4">Pintasan Manajemen</h5>
|
||||||
<div class="d-grid gap-2">
|
<div class="d-grid gap-3 flex-grow-1">
|
||||||
<a href="{{ route('admin.buku.index') }}" class="btn btn-light text-start">
|
<a href="{{ route('admin.buku.index') }}"
|
||||||
<i class="bi bi-book-fill me-2"></i> Kelola Buku
|
class="btn btn-light text-start py-3 d-flex align-items-center">
|
||||||
|
<i class="bi bi-book-fill me-3 fs-4"></i>
|
||||||
|
<span>Kelola Buku</span>
|
||||||
</a>
|
</a>
|
||||||
<a href="{{ route('admin.pengguna.index') }}" class="btn btn-light text-start">
|
<a href="{{ route('admin.pengguna.index') }}"
|
||||||
<i class="bi bi-people-fill me-2"></i> Kelola Pengguna
|
class="btn btn-light text-start py-3 d-flex align-items-center">
|
||||||
|
<i class="bi bi-people-fill me-3 fs-4"></i>
|
||||||
|
<span>Kelola Pengguna</span>
|
||||||
</a>
|
</a>
|
||||||
<a href="{{ route('admin.pengumuman.index') }}" class="btn btn-light text-start">
|
<a href="{{ route('admin.pengumuman.index') }}"
|
||||||
<i class="bi bi-megaphone-fill me-2"></i> Kelola Pengumuman
|
class="btn btn-light text-start py-3 d-flex align-items-center">
|
||||||
|
<i class="bi bi-megaphone-fill me-3 fs-4"></i>
|
||||||
|
<span>Kelola Pengumuman</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -66,9 +73,11 @@ class="rounded-circle profile-avatar-lg mb-3 mb-sm-0">
|
||||||
<div class="card border-0">
|
<div class="card border-0">
|
||||||
<div class="card-body p-3 p-md-4">
|
<div class="card-body p-3 p-md-4">
|
||||||
<h5 class="fw-bold mb-3">Keamanan Akun</h5>
|
<h5 class="fw-bold mb-3">Keamanan Akun</h5>
|
||||||
<p class="small text-muted mb-3">Ubah password Anda secara berkala.</p>
|
<p class="small text-muted mb-3">Ubah password Anda secara berkala untuk menjaga keamanan
|
||||||
<a href="{{ route('profile.edit') }}" class="btn btn-outline-secondary rounded-pill w-100 w-sm-auto">
|
akun.</p>
|
||||||
Ubah Password
|
<a href="{{ route('profile.edit') }}"
|
||||||
|
class="btn btn-outline-secondary rounded-pill w-100 py-2">
|
||||||
|
<i class="bi bi-shield-lock me-2"></i>Ubah Password
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -79,55 +88,65 @@ class="rounded-circle profile-avatar-lg mb-3 mb-sm-0">
|
||||||
{{-- TAMPILAN PROFIL UNTUK GURU --}}
|
{{-- TAMPILAN PROFIL UNTUK GURU --}}
|
||||||
{{-- =================================================================== --}}
|
{{-- =================================================================== --}}
|
||||||
@elseif (Auth::user()->role == 'guru')
|
@elseif (Auth::user()->role == 'guru')
|
||||||
|
<div class="col-12">
|
||||||
<h1 class="h2 mb-3 mb-md-4">Profil Guru</h1>
|
<h1 class="h2 mb-3 mb-md-4">Profil Guru</h1>
|
||||||
<div class="row g-3 g-md-4">
|
</div>
|
||||||
|
<div class="row g-3 g-md-4 h-100">
|
||||||
{{-- Kolom Kiri: Info & Ringkasan Laporan --}}
|
{{-- Kolom Kiri: Info & Ringkasan Laporan --}}
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8 d-flex flex-column">
|
||||||
{{-- Info Guru --}}
|
{{-- Info Guru --}}
|
||||||
<div class="card border-0 mb-3 mb-md-4">
|
<div class="card border-0 mb-3 mb-md-4">
|
||||||
<div class="card-body p-3 p-md-4 d-flex flex-column flex-md-row align-items-center text-center text-md-start">
|
<div
|
||||||
|
class="card-body p-3 p-md-4 d-flex flex-column flex-md-row align-items-center text-center text-md-start">
|
||||||
<img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=198754&color=fff&size=80&rounded=true"
|
<img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=198754&color=fff&size=80&rounded=true"
|
||||||
alt="Foto Profil"
|
alt="Foto Profil" class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
||||||
class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
|
||||||
<div class="ms-md-4 mb-3 mb-md-0">
|
<div class="ms-md-4 mb-3 mb-md-0">
|
||||||
<h4 class="fw-bold mb-1">{{ $user->name }}</h4>
|
<h4 class="fw-bold mb-1">{{ $user->name }}</h4>
|
||||||
<span class="badge rounded-pill bg-success-subtle text-success-emphasis">{{ Str::title($user->role) }}</span>
|
<span
|
||||||
|
class="badge rounded-pill bg-success-subtle text-success-emphasis">{{ Str::title($user->role) }}</span>
|
||||||
</div>
|
</div>
|
||||||
<a href="{{ route('profile.edit') }}" class="btn btn-outline-primary rounded-pill w-100 w-md-auto ms-md-auto">
|
<a href="{{ route('profile.edit') }}"
|
||||||
|
class="btn btn-outline-primary rounded-pill w-100 w-md-auto ms-md-auto">
|
||||||
<i class="bi bi-pencil-square me-2"></i>Edit Profil
|
<i class="bi bi-pencil-square me-2"></i>Edit Profil
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Ringkasan Laporan Minat Baca --}}
|
{{-- Ringkasan Laporan Minat Baca --}}
|
||||||
<div class="card border-0">
|
<div class="card border-0 flex-grow-1">
|
||||||
<div class="card-body p-3 p-md-4">
|
<div class="card-body p-3 p-md-4 d-flex flex-column h-100">
|
||||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center mb-3 gap-2">
|
<div
|
||||||
|
class="d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center mb-4 gap-2">
|
||||||
<h5 class="fw-bold mb-0">Ringkasan Laporan Minat Baca</h5>
|
<h5 class="fw-bold mb-0">Ringkasan Laporan Minat Baca</h5>
|
||||||
<a href="{{ route('guru.laporan.index') }}" class="btn btn-sm btn-outline-primary rounded-pill w-100 w-sm-auto">
|
<a href="{{ route('guru.laporan.index') }}"
|
||||||
|
class="btn btn-sm btn-outline-primary rounded-pill w-100 w-sm-auto">
|
||||||
Lihat Laporan Lengkap
|
Lihat Laporan Lengkap
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row flex-grow-1">
|
||||||
<div class="col-md-6 mb-3 mb-md-0">
|
<div class="col-md-6 mb-3 mb-md-0">
|
||||||
<h6 class="small text-muted mb-2">Buku Terpopuler</h6>
|
<h6 class="small text-muted mb-3 text-uppercase fw-semibold">Buku Terpopuler</h6>
|
||||||
<ul class="list-group list-group-flush laporan-list">
|
<ul class="list-group list-group-flush laporan-list">
|
||||||
@foreach ($laporan['buku_terpopuler'] as $buku)
|
@foreach ($laporan['buku_terpopuler'] as $buku)
|
||||||
<li class="list-group-item px-0 d-flex justify-content-between align-items-center">
|
<li
|
||||||
|
class="list-group-item px-0 py-3 d-flex justify-content-between align-items-center">
|
||||||
<span class="text-truncate me-2">{{ $buku['judul'] }}</span>
|
<span class="text-truncate me-2">{{ $buku['judul'] }}</span>
|
||||||
<span class="fw-bold flex-shrink-0">{{ $buku['total_pembaca'] }}</span>
|
<span
|
||||||
|
class="badge bg-primary rounded-pill">{{ $buku['total_pembaca'] }}</span>
|
||||||
</li>
|
</li>
|
||||||
@endforeach
|
@endforeach
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<h6 class="small text-muted mb-2">Kategori Terpopuler</h6>
|
<h6 class="small text-muted mb-3 text-uppercase fw-semibold">Kategori Terpopuler
|
||||||
|
</h6>
|
||||||
<ul class="list-group list-group-flush laporan-list">
|
<ul class="list-group list-group-flush laporan-list">
|
||||||
@foreach ($laporan['kategori_populer'] as $kategori)
|
@foreach ($laporan['kategori_populer'] as $kategori)
|
||||||
<li class="list-group-item px-0 d-flex justify-content-between align-items-center">
|
<li
|
||||||
|
class="list-group-item px-0 py-3 d-flex justify-content-between align-items-center">
|
||||||
<span class="text-truncate me-2">{{ $kategori['nama'] }}</span>
|
<span class="text-truncate me-2">{{ $kategori['nama'] }}</span>
|
||||||
<span class="fw-bold flex-shrink-0">{{ $kategori['total_pembaca'] }}</span>
|
<span
|
||||||
|
class="badge bg-success rounded-pill">{{ $kategori['total_pembaca'] }}</span>
|
||||||
</li>
|
</li>
|
||||||
@endforeach
|
@endforeach
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -139,7 +158,10 @@ class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
||||||
|
|
||||||
{{-- Kolom Kanan: Aktivitas Personal Guru --}}
|
{{-- Kolom Kanan: Aktivitas Personal Guru --}}
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
@include('profile.partials.personal-activities', ['bukuOffline' => $bukuOffline, 'bukuOnline' => $bukuOnline])
|
@include('profile.partials.personal-activities', [
|
||||||
|
'bukuOffline' => $bukuOffline,
|
||||||
|
'bukuOnline' => $bukuOnline,
|
||||||
|
])
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -147,22 +169,25 @@ class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
||||||
{{-- TAMPILAN PROFIL UNTUK SISWA (DEFAULT) --}}
|
{{-- TAMPILAN PROFIL UNTUK SISWA (DEFAULT) --}}
|
||||||
{{-- =================================================================== --}}
|
{{-- =================================================================== --}}
|
||||||
@else
|
@else
|
||||||
|
<div class="col-12">
|
||||||
<h1 class="h2 mb-3 mb-md-4">Profil Saya</h1>
|
<h1 class="h2 mb-3 mb-md-4">Profil Saya</h1>
|
||||||
<div class="row g-3 g-md-4">
|
</div>
|
||||||
|
<div class="row g-3 g-md-4 h-100">
|
||||||
{{-- Kolom Kiri: Info & Statistik Siswa --}}
|
{{-- Kolom Kiri: Info & Statistik Siswa --}}
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8 d-flex flex-column">
|
||||||
{{-- Info Siswa --}}
|
{{-- Info Siswa --}}
|
||||||
<div class="card border-0 mb-3 mb-md-4">
|
<div class="card border-0 mb-3 mb-md-4">
|
||||||
<div class="card-body p-3 p-md-4">
|
<div class="card-body p-3 p-md-4">
|
||||||
<div class="d-flex flex-column flex-md-row align-items-center text-center text-md-start">
|
<div class="d-flex flex-column flex-md-row align-items-center text-center text-md-start">
|
||||||
<img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=435ebe&color=fff&size=80&rounded=true"
|
<img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=435ebe&color=fff&size=80&rounded=true"
|
||||||
alt="Foto Profil"
|
alt="Foto Profil" class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
||||||
class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
|
||||||
<div class="ms-md-4 mb-3 mb-md-0">
|
<div class="ms-md-4 mb-3 mb-md-0">
|
||||||
<h4 class="fw-bold mb-1">{{ $user->name }}</h4>
|
<h4 class="fw-bold mb-1">{{ $user->name }}</h4>
|
||||||
<span class="badge rounded-pill bg-primary-subtle text-primary-emphasis">{{ Str::title($user->role) }}</span>
|
<span
|
||||||
|
class="badge rounded-pill bg-primary-subtle text-primary-emphasis">{{ Str::title($user->role) }}</span>
|
||||||
</div>
|
</div>
|
||||||
<a href="{{ route('profile.edit') }}" class="btn btn-outline-primary rounded-pill ms-md-auto">
|
<a href="{{ route('profile.edit') }}"
|
||||||
|
class="btn btn-outline-primary rounded-pill ms-md-auto">
|
||||||
<i class="bi bi-pencil-square me-2"></i>Edit Profil
|
<i class="bi bi-pencil-square me-2"></i>Edit Profil
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -190,15 +215,16 @@ class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Statistik Personal Siswa --}}
|
{{-- Statistik Personal Siswa --}}
|
||||||
<div class="card border-0">
|
<div class="card border-0 flex-grow-1">
|
||||||
<div class="card-body p-3 p-md-4">
|
<div class="card-body p-3 p-md-4 d-flex flex-column h-100">
|
||||||
<h5 class="fw-bold mb-3">Statistik Saya</h5>
|
<h5 class="fw-bold mb-4">Statistik Saya</h5>
|
||||||
<div class="d-flex flex-column flex-sm-row justify-content-around text-center stats-container">
|
<div
|
||||||
|
class="d-flex flex-column flex-sm-row justify-content-around text-center stats-container flex-grow-1 align-items-center">
|
||||||
@foreach ($statistik as $stat)
|
@foreach ($statistik as $stat)
|
||||||
<div class="flex-fill stat-item">
|
<div class="flex-fill stat-item py-3">
|
||||||
<i class="bi {{ $stat['icon'] }} fs-4 fs-sm-3 text-{{ $stat['color'] }}"></i>
|
<i class="bi {{ $stat['icon'] }} fs-1 text-{{ $stat['color'] }} mb-3"></i>
|
||||||
<h5 class="fw-bolder mb-0 mt-2">{{ $stat['value'] }}</h5>
|
<h4 class="fw-bolder mb-2 mt-2">{{ $stat['value'] }}</h4>
|
||||||
<small class="text-muted">{{ $stat['label'] }}</small>
|
<p class="text-muted mb-0">{{ $stat['label'] }}</p>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -208,7 +234,10 @@ class="rounded-circle profile-avatar-lg mb-3 mb-md-0">
|
||||||
|
|
||||||
{{-- Kolom Kanan: Aktivitas Personal Siswa --}}
|
{{-- Kolom Kanan: Aktivitas Personal Siswa --}}
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
@include('profile.partials.personal-activities', ['bukuOffline' => $bukuOffline, 'bukuOnline' => $bukuOnline])
|
@include('profile.partials.personal-activities', [
|
||||||
|
'bukuOffline' => $bukuOffline,
|
||||||
|
'bukuOnline' => $bukuOnline,
|
||||||
|
])
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue