refactor: susun semula struktur folder — Laravel source ke src/
This commit is contained in:
Saufi
160
src/resources/views/admin/dashboard.blade.php
Normal file
160
src/resources/views/admin/dashboard.blade.php
Normal file
@@ -0,0 +1,160 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Dashboard')
|
||||
@section('header', 'Dashboard')
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Stats Row 1 --}}
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card stat-card h-100">
|
||||
<div class="card-body d-flex align-items-center gap-3">
|
||||
<div class="stat-icon bg-primary bg-opacity-10">
|
||||
<i class="bi bi-calendar-event-fill text-primary"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-muted small">Jumlah Program</div>
|
||||
<div class="fs-3 fw-bold">{{ $stats['total_programs'] }}</div>
|
||||
<div class="text-success small"><i class="bi bi-circle-fill me-1" style="font-size:.5rem;"></i>{{ $stats['active_programs'] }} aktif</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card stat-card h-100">
|
||||
<div class="card-body d-flex align-items-center gap-3">
|
||||
<div class="stat-icon bg-success bg-opacity-10">
|
||||
<i class="bi bi-people-fill text-success"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-muted small">Jumlah Peserta</div>
|
||||
<div class="fs-3 fw-bold">{{ $stats['total_participants'] }}</div>
|
||||
<div class="text-muted small">{{ $stats['total_attendances'] }} kehadiran direkod</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card stat-card h-100">
|
||||
<div class="card-body d-flex align-items-center gap-3">
|
||||
<div class="stat-icon bg-warning bg-opacity-10">
|
||||
<i class="bi bi-award-fill text-warning"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-muted small">Sijil Dijana</div>
|
||||
<div class="fs-3 fw-bold">{{ $stats['generated_certs'] }}</div>
|
||||
<div class="text-muted small">{{ $stats['downloaded_certs'] }} dimuat turun</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card stat-card h-100">
|
||||
<div class="card-body d-flex align-items-center gap-3">
|
||||
<div class="stat-icon bg-info bg-opacity-10">
|
||||
<i class="bi bi-clipboard2-check-fill text-info"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-muted small">Soalselidik Dijawab</div>
|
||||
<div class="fs-3 fw-bold">{{ $stats['total_responses'] }}</div>
|
||||
@if($stats['pending_emails'] > 0)
|
||||
<div class="text-warning small"><i class="bi bi-envelope-fill me-1"></i>{{ $stats['pending_emails'] }} emel tertunda</div>
|
||||
@else
|
||||
<div class="text-muted small">Tiada emel tertunda</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Recent Programs --}}
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-8">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom d-flex justify-content-between align-items-center py-3">
|
||||
<span class="fw-semibold">Program Terkini</span>
|
||||
<a href="{{ route('admin.programs.create') }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-plus-lg me-1"></i> Program Baru
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
@if($recentPrograms->isEmpty())
|
||||
<div class="text-center py-5 text-muted">
|
||||
<i class="bi bi-calendar-x fs-1 d-block mb-2 opacity-25"></i>
|
||||
Belum ada program. <a href="{{ route('admin.programs.create') }}">Tambah sekarang</a>
|
||||
</div>
|
||||
@else
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Nama Program</th>
|
||||
<th>Tarikh</th>
|
||||
<th>Status</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($recentPrograms as $program)
|
||||
<tr>
|
||||
<td>
|
||||
<div class="fw-medium">{{ $program->title }}</div>
|
||||
<small class="text-muted">{{ $program->organizer }}</small>
|
||||
</td>
|
||||
<td>
|
||||
<small>{{ $program->start_date->format('d M Y') }}</small>
|
||||
</td>
|
||||
<td>
|
||||
@include('admin.partials.program-status-badge', ['status' => $program->status])
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="{{ route('admin.programs.show', $program) }}" class="btn btn-sm btn-outline-primary">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@if($recentPrograms->isNotEmpty())
|
||||
<div class="card-footer bg-white text-center py-2">
|
||||
<a href="{{ route('admin.programs.index') }}" class="text-decoration-none small">
|
||||
Lihat semua program <i class="bi bi-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold">Tindakan Pantas</span>
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column gap-2">
|
||||
<a href="{{ route('admin.programs.create') }}" class="btn btn-outline-primary text-start">
|
||||
<i class="bi bi-plus-circle me-2"></i> Tambah Program Baru
|
||||
</a>
|
||||
<a href="{{ route('admin.questionnaires.create') }}" class="btn btn-outline-secondary text-start">
|
||||
<i class="bi bi-clipboard2-plus me-2"></i> Cipta Set Soalselidik
|
||||
</a>
|
||||
<a href="{{ route('admin.programs.index') }}" class="btn btn-outline-secondary text-start">
|
||||
<i class="bi bi-list-ul me-2"></i> Semua Program
|
||||
</a>
|
||||
<a href="{{ route('admin.questionnaires.index') }}" class="btn btn-outline-secondary text-start">
|
||||
<i class="bi bi-clipboard2-check me-2"></i> Semua Soalselidik
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,9 @@
|
||||
@php
|
||||
$map = [
|
||||
'draft' => ['secondary', 'Draf'],
|
||||
'published' => ['success', 'Diterbitkan'],
|
||||
'closed' => ['dark', 'Ditutup'],
|
||||
];
|
||||
[$color, $label] = $map[$status] ?? ['secondary', $status];
|
||||
@endphp
|
||||
<span class="badge bg-{{ $color }}">{{ $label }}</span>
|
||||
137
src/resources/views/admin/profile/show.blade.php
Normal file
137
src/resources/views/admin/profile/show.blade.php
Normal file
@@ -0,0 +1,137 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Profil Saya')
|
||||
@section('header', 'Profil Saya')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item active">Profil</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row g-4" style="max-width:760px;">
|
||||
|
||||
{{-- Account Info --}}
|
||||
<div class="col-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body d-flex align-items-center gap-3 py-3">
|
||||
<div class="rounded-circle bg-primary bg-opacity-10 d-flex align-items-center justify-content-center flex-shrink-0"
|
||||
style="width:52px;height:52px;">
|
||||
<i class="bi bi-person-fill text-primary fs-4"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="fw-semibold">{{ $user->name }}</div>
|
||||
<div class="text-muted small">{{ $user->email }}</div>
|
||||
<span class="badge {{ $user->isSuperAdmin() ? 'bg-danger' : 'bg-primary' }} mt-1">
|
||||
{{ $user->isSuperAdmin() ? 'Super Admin' : 'Admin Program' }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Update Email --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold">
|
||||
<i class="bi bi-envelope me-2 text-primary"></i>Tukar Alamat Emel
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
@if(session('email_success'))
|
||||
<div class="alert alert-success small py-2">
|
||||
<i class="bi bi-check-circle me-1"></i>{{ session('email_success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form method="POST" action="{{ route('admin.profile.update-email') }}">
|
||||
@csrf @method('PUT')
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Kata Laluan Semasa <span class="text-danger">*</span></label>
|
||||
<input type="password" name="current_password" autocomplete="current-password"
|
||||
class="form-control form-control-sm @error('current_password', 'email') is-invalid @enderror"
|
||||
placeholder="••••••••">
|
||||
@error('current_password', 'email')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Emel Baru <span class="text-danger">*</span></label>
|
||||
<input type="email" name="email" autocomplete="email"
|
||||
class="form-control form-control-sm @error('email', 'email') is-invalid @enderror"
|
||||
value="{{ old('email', $user->email) }}"
|
||||
placeholder="emel@contoh.com">
|
||||
@error('email', 'email')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-sm w-100">
|
||||
<i class="bi bi-check-lg me-1"></i> Kemaskini Emel
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Update Password --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold">
|
||||
<i class="bi bi-key me-2 text-primary"></i>Tukar Kata Laluan
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
@if(session('password_success'))
|
||||
<div class="alert alert-success small py-2">
|
||||
<i class="bi bi-check-circle me-1"></i>{{ session('password_success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form method="POST" action="{{ route('admin.profile.update-password') }}">
|
||||
@csrf @method('PUT')
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Kata Laluan Semasa <span class="text-danger">*</span></label>
|
||||
<input type="password" name="current_password" autocomplete="current-password"
|
||||
class="form-control form-control-sm @error('current_password', 'password') is-invalid @enderror"
|
||||
placeholder="••••••••">
|
||||
@error('current_password', 'password')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Kata Laluan Baru <span class="text-danger">*</span></label>
|
||||
<input type="password" name="password" autocomplete="new-password"
|
||||
class="form-control form-control-sm @error('password', 'password') is-invalid @enderror"
|
||||
placeholder="Min. 8 aksara">
|
||||
@error('password', 'password')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Sahkan Kata Laluan Baru <span class="text-danger">*</span></label>
|
||||
<input type="password" name="password_confirmation" autocomplete="new-password"
|
||||
class="form-control form-control-sm"
|
||||
placeholder="••••••••">
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-sm w-100">
|
||||
<i class="bi bi-check-lg me-1"></i> Tukar Kata Laluan
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
174
src/resources/views/admin/programs/_form.blade.php
Normal file
174
src/resources/views/admin/programs/_form.blade.php
Normal file
@@ -0,0 +1,174 @@
|
||||
{{--
|
||||
Shared form partial.
|
||||
Variables expected:
|
||||
$program — Program model (or null for create)
|
||||
$action — form action URL
|
||||
$method — PUT for edit, omit for create (POST)
|
||||
--}}
|
||||
<form method="POST" action="{{ $action }}">
|
||||
@csrf
|
||||
@isset($method) @method($method) @endisset
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
{{-- ── Maklumat Asas ── --}}
|
||||
<div class="col-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold"><i class="bi bi-info-circle me-2 text-primary"></i>Maklumat Asas</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium">Nama Program <span class="text-danger">*</span></label>
|
||||
<input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
|
||||
value="{{ old('title', $program->title ?? '') }}"
|
||||
placeholder="Contoh: Kursus Pengurusan Projek 2025">
|
||||
@error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Penganjur <span class="text-danger">*</span></label>
|
||||
<input type="text" name="organizer" class="form-control @error('organizer') is-invalid @enderror"
|
||||
value="{{ old('organizer', $program->organizer ?? 'MBIP') }}"
|
||||
placeholder="Contoh: Jabatan Sumber Manusia">
|
||||
@error('organizer')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Lokasi <span class="text-danger">*</span></label>
|
||||
<input type="text" name="location" class="form-control @error('location') is-invalid @enderror"
|
||||
value="{{ old('location', $program->location ?? '') }}"
|
||||
placeholder="Contoh: Dewan Bandaraya Ipoh">
|
||||
@error('location')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium">Deskripsi</label>
|
||||
<textarea name="description" rows="3"
|
||||
class="form-control @error('description') is-invalid @enderror"
|
||||
placeholder="Huraian ringkas tentang program...">{{ old('description', $program->description ?? '') }}</textarea>
|
||||
@error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Tarikh & Masa ── --}}
|
||||
<div class="col-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold"><i class="bi bi-calendar-range me-2 text-primary"></i>Tarikh & Masa</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Tarikh Mula <span class="text-danger">*</span></label>
|
||||
<input type="date" name="start_date" class="form-control @error('start_date') is-invalid @enderror"
|
||||
value="{{ old('start_date', isset($program->start_date) ? $program->start_date->format('Y-m-d') : '') }}">
|
||||
@error('start_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Tarikh Tamat <span class="text-danger">*</span></label>
|
||||
<input type="date" name="end_date" class="form-control @error('end_date') is-invalid @enderror"
|
||||
value="{{ old('end_date', isset($program->end_date) ? $program->end_date->format('Y-m-d') : '') }}">
|
||||
@error('end_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-12"><hr class="my-1"><p class="text-muted small mb-2">Tempoh Check-In (kosongkan jika tidak ditetapkan)</p></div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Mula Check-In</label>
|
||||
<input type="datetime-local" name="checkin_start_at"
|
||||
class="form-control @error('checkin_start_at') is-invalid @enderror"
|
||||
value="{{ old('checkin_start_at', isset($program->checkin_start_at) ? $program->checkin_start_at->format('Y-m-d\TH:i') : '') }}">
|
||||
@error('checkin_start_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Tamat Check-In</label>
|
||||
<input type="datetime-local" name="checkin_end_at"
|
||||
class="form-control @error('checkin_end_at') is-invalid @enderror"
|
||||
value="{{ old('checkin_end_at', isset($program->checkin_end_at) ? $program->checkin_end_at->format('Y-m-d\TH:i') : '') }}">
|
||||
@error('checkin_end_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-12"><hr class="my-1"><p class="text-muted small mb-2">Tempoh Download eCert (kosongkan jika tidak ditetapkan)</p></div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Mula Download Sijil</label>
|
||||
<input type="datetime-local" name="ecert_download_start_at"
|
||||
class="form-control @error('ecert_download_start_at') is-invalid @enderror"
|
||||
value="{{ old('ecert_download_start_at', isset($program->ecert_download_start_at) ? $program->ecert_download_start_at->format('Y-m-d\TH:i') : '') }}">
|
||||
@error('ecert_download_start_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Tamat Download Sijil</label>
|
||||
<input type="datetime-local" name="ecert_download_end_at"
|
||||
class="form-control @error('ecert_download_end_at') is-invalid @enderror"
|
||||
value="{{ old('ecert_download_end_at', isset($program->ecert_download_end_at) ? $program->ecert_download_end_at->format('Y-m-d\TH:i') : '') }}">
|
||||
@error('ecert_download_end_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Tetapan Kehadiran ── --}}
|
||||
<div class="col-12">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold"><i class="bi bi-person-check me-2 text-primary"></i>Tetapan Kehadiran</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input type="hidden" name="allow_walk_in" value="0">
|
||||
<input class="form-check-input" type="checkbox" id="allow_walk_in" name="allow_walk_in" value="1"
|
||||
{{ old('allow_walk_in', $program->allow_walk_in ?? true) ? 'checked' : '' }}>
|
||||
<label class="form-check-label fw-medium" for="allow_walk_in">
|
||||
Benarkan Daftar Walk-in
|
||||
</label>
|
||||
</div>
|
||||
<div class="text-muted small mt-1">Orang luar boleh daftar sendiri semasa program.</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-medium">Sesi Default (Kakitangan)</label>
|
||||
<select name="default_staff_session" class="form-select @error('default_staff_session') is-invalid @enderror">
|
||||
<option value="">— Pilih Sesi —</option>
|
||||
<option value="pagi" {{ old('default_staff_session', $program->default_staff_session ?? '') === 'pagi' ? 'selected' : '' }}>Pagi</option>
|
||||
<option value="petang" {{ old('default_staff_session', $program->default_staff_session ?? '') === 'petang' ? 'selected' : '' }}>Petang</option>
|
||||
<option value="full_day" {{ old('default_staff_session', $program->default_staff_session ?? '') === 'full_day' ? 'selected' : '' }}>Sehari Penuh</option>
|
||||
</select>
|
||||
@error('default_staff_session')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-medium">Sesi Default (Peserta Luar)</label>
|
||||
<select name="default_external_session" class="form-select @error('default_external_session') is-invalid @enderror">
|
||||
<option value="">— Pilih Sesi —</option>
|
||||
<option value="pagi" {{ old('default_external_session', $program->default_external_session ?? '') === 'pagi' ? 'selected' : '' }}>Pagi</option>
|
||||
<option value="petang" {{ old('default_external_session', $program->default_external_session ?? '') === 'petang' ? 'selected' : '' }}>Petang</option>
|
||||
<option value="full_day" {{ old('default_external_session', $program->default_external_session ?? '') === 'full_day' ? 'selected' : '' }}>Sehari Penuh</option>
|
||||
</select>
|
||||
@error('default_external_session')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Butang Submit ── --}}
|
||||
<div class="col-12 d-flex justify-content-end gap-2">
|
||||
<a href="{{ route('admin.programs.index') }}" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-x-lg me-1"></i> Batal
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary px-4">
|
||||
<i class="bi bi-check-lg me-1"></i>
|
||||
{{ isset($program) ? 'Simpan Perubahan' : 'Tambah Program' }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
135
src/resources/views/admin/programs/certificates/index.blade.php
Normal file
135
src/resources/views/admin/programs/certificates/index.blade.php
Normal file
@@ -0,0 +1,135 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Sijil — ' . $program->title)
|
||||
@section('header', 'Pengurusan Sijil')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">Sijil</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Stats --}}
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-secondary bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold">{{ $stats['total'] }}</div>
|
||||
<div class="small text-muted">Jumlah</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-success bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-success">{{ $stats['generated'] }}</div>
|
||||
<div class="small text-muted">Dijana</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-warning bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-warning">{{ $stats['pending'] }}</div>
|
||||
<div class="small text-muted">Menunggu</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-danger bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-danger">{{ $stats['failed'] }}</div>
|
||||
<div class="small text-muted">Gagal</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Actions --}}
|
||||
<div class="d-flex gap-2 mb-4 flex-wrap">
|
||||
<form method="POST" action="{{ route('admin.programs.certificates.generate-all', $program) }}">
|
||||
@csrf
|
||||
<button class="btn btn-primary"
|
||||
onclick="return confirm('Jana sijil untuk semua peserta hadir?')">
|
||||
<i class="bi bi-gear me-1"></i> Jana Semua Sijil
|
||||
</button>
|
||||
</form>
|
||||
|
||||
@if($stats['generated'] > 0)
|
||||
<form method="POST" action="{{ route('admin.programs.certificates.email-all', $program) }}">
|
||||
@csrf
|
||||
<button class="btn btn-outline-success"
|
||||
onclick="return confirm('Hantar emel sijil kepada semua peserta yang sijilnya sudah sedia?')">
|
||||
<i class="bi bi-envelope me-1"></i> Hantar Emel Sijil
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
|
||||
@if(! $program->certificateTemplate)
|
||||
<div class="alert alert-warning mb-0 py-2 px-3 small">
|
||||
<i class="bi bi-exclamation-triangle me-1"></i>
|
||||
<a href="{{ route('admin.programs.template.show', $program) }}">Upload template sijil</a> dahulu sebelum jana sijil.
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Certificate List --}}
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Peserta</th>
|
||||
<th>No. Sijil</th>
|
||||
<th>Status</th>
|
||||
<th>Dijana</th>
|
||||
<th>Muat Turun</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($certificates as $cert)
|
||||
<tr>
|
||||
<td>
|
||||
<div class="fw-medium small">{{ $cert->participant->name }}</div>
|
||||
<div class="text-muted" style="font-size:0.75rem;">{{ $cert->participant->agency ?: '—' }}</div>
|
||||
</td>
|
||||
<td class="small text-muted">{{ $cert->certificate_no ?? '—' }}</td>
|
||||
<td>
|
||||
@if($cert->status === 'generated' || $cert->status === 'downloaded')
|
||||
<span class="badge bg-success">Sedia</span>
|
||||
@elseif($cert->status === 'emailed')
|
||||
<span class="badge bg-info">Diemailkan</span>
|
||||
@elseif($cert->status === 'pending')
|
||||
<span class="badge bg-warning text-dark">Menunggu</span>
|
||||
@elseif($cert->status === 'generating')
|
||||
<span class="badge bg-secondary">Menjana...</span>
|
||||
@elseif($cert->status === 'failed')
|
||||
<span class="badge bg-danger" title="{{ $cert->error_message }}">Gagal</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="small text-muted">{{ $cert->generated_at?->format('d/m H:i') ?? '—' }}</td>
|
||||
<td class="small text-muted text-center">{{ $cert->download_count ?: '—' }}</td>
|
||||
<td>
|
||||
@if($cert->isGenerated())
|
||||
<a href="{{ route('public.certificate.show', $cert->token) }}" target="_blank"
|
||||
class="btn btn-sm btn-outline-primary">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="6" class="text-center py-5 text-muted">
|
||||
<i class="bi bi-award d-block fs-1 mb-3 opacity-25"></i>
|
||||
Belum ada sijil dijana. Klik "Jana Semua Sijil" untuk mula.
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if($certificates->hasPages())
|
||||
<div class="card-footer bg-white">
|
||||
{{ $certificates->links() }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
15
src/resources/views/admin/programs/create.blade.php
Normal file
15
src/resources/views/admin/programs/create.blade.php
Normal file
@@ -0,0 +1,15 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Tambah Program Baru')
|
||||
@section('header', 'Tambah Program Baru')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item active">Tambah Baru</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@include('admin.programs._form', [
|
||||
'action' => route('admin.programs.store'),
|
||||
])
|
||||
@endsection
|
||||
18
src/resources/views/admin/programs/edit.blade.php
Normal file
18
src/resources/views/admin/programs/edit.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Edit Program')
|
||||
@section('header', 'Edit Program')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">Edit</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@include('admin.programs._form', [
|
||||
'program' => $program,
|
||||
'action' => route('admin.programs.update', $program),
|
||||
'method' => 'PUT',
|
||||
])
|
||||
@endsection
|
||||
175
src/resources/views/admin/programs/index.blade.php
Normal file
175
src/resources/views/admin/programs/index.blade.php
Normal file
@@ -0,0 +1,175 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Senarai Program')
|
||||
@section('header', 'Senarai Program')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item active">Program</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<a href="{{ route('admin.programs.create') }}" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-lg me-1"></i> Program Baru
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Filter Bar --}}
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body py-3">
|
||||
<form method="GET" class="row g-2 align-items-end">
|
||||
<div class="col-sm-6 col-md-5">
|
||||
<label class="form-label small text-muted mb-1">Carian</label>
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-text"><i class="bi bi-search"></i></span>
|
||||
<input type="text" name="search" class="form-control"
|
||||
placeholder="Nama program, penganjur, lokasi..."
|
||||
value="{{ request('search') }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Status</label>
|
||||
<select name="status" class="form-select form-select-sm">
|
||||
<option value="">Semua Status</option>
|
||||
<option value="draft" {{ request('status') === 'draft' ? 'selected' : '' }}>Draf</option>
|
||||
<option value="published" {{ request('status') === 'published' ? 'selected' : '' }}>Diterbitkan</option>
|
||||
<option value="closed" {{ request('status') === 'closed' ? 'selected' : '' }}>Ditutup</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-primary btn-sm">Tapis</button>
|
||||
@if(request()->hasAny(['search', 'status']))
|
||||
<a href="{{ route('admin.programs.index') }}" class="btn btn-outline-secondary btn-sm ms-1">Reset</a>
|
||||
@endif
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Table --}}
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-0">
|
||||
@if($programs->isEmpty())
|
||||
<div class="text-center py-5 text-muted">
|
||||
<i class="bi bi-calendar-x fs-1 d-block mb-2 opacity-25"></i>
|
||||
@if(request()->hasAny(['search', 'status']))
|
||||
Tiada program sepadan dengan carian.
|
||||
@else
|
||||
Belum ada program. <a href="{{ route('admin.programs.create') }}">Tambah sekarang</a>
|
||||
@endif
|
||||
</div>
|
||||
@else
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Nama Program</th>
|
||||
<th>Tarikh</th>
|
||||
<th class="text-center">Kehadiran</th>
|
||||
<th class="text-center">Peserta</th>
|
||||
<th>Status</th>
|
||||
<th class="text-end">Tindakan</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($programs as $program)
|
||||
<tr>
|
||||
<td>
|
||||
<div class="fw-medium">{{ $program->title }}</div>
|
||||
<small class="text-muted">
|
||||
<i class="bi bi-geo-alt me-1"></i>{{ Str::limit($program->location, 40) }}
|
||||
</small>
|
||||
</td>
|
||||
<td style="min-width:130px;">
|
||||
<div class="small">{{ $program->start_date->format('d M Y') }}</div>
|
||||
@if($program->start_date->ne($program->end_date))
|
||||
<div class="small text-muted">- {{ $program->end_date->format('d M Y') }}</div>
|
||||
@endif
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-light text-dark border">
|
||||
{{ $program->attendances_count }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-light text-dark border">
|
||||
{{ $program->program_participants_count }}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
@include('admin.partials.program-status-badge', ['status' => $program->status])
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<div class="btn-group btn-group-sm">
|
||||
<a href="{{ route('admin.programs.show', $program) }}"
|
||||
class="btn btn-outline-primary" title="Lihat">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
@if($program->status === 'draft')
|
||||
<a href="{{ route('admin.programs.edit', $program) }}"
|
||||
class="btn btn-outline-secondary" title="Edit">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
@endif
|
||||
@if($program->status === 'draft' && $program->attendances_count === 0)
|
||||
<button type="button" class="btn btn-outline-danger"
|
||||
title="Padam"
|
||||
onclick="confirmDelete('{{ $program->title }}', '{{ route('admin.programs.destroy', $program) }}')">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{{-- Pagination --}}
|
||||
@if($programs->hasPages())
|
||||
<div class="px-3 py-3 border-top">
|
||||
{{ $programs->links() }}
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Delete Confirm Modal --}}
|
||||
<div class="modal fade" id="deleteModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0">
|
||||
<h6 class="modal-title fw-semibold">Sahkan Pemadaman</h6>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Adakah anda pasti untuk memadam program <strong id="deleteTitle"></strong>?</p>
|
||||
<p class="text-muted small mb-0">Tindakan ini tidak boleh dibatalkan.</p>
|
||||
</div>
|
||||
<div class="modal-footer border-0">
|
||||
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Batal</button>
|
||||
<form id="deleteForm" method="POST">
|
||||
@csrf @method('DELETE')
|
||||
<button type="submit" class="btn btn-danger btn-sm">
|
||||
<i class="bi bi-trash me-1"></i> Ya, Padam
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
function confirmDelete(title, url) {
|
||||
document.getElementById('deleteTitle').textContent = '"' + title + '"';
|
||||
document.getElementById('deleteForm').action = url;
|
||||
new bootstrap.Modal(document.getElementById('deleteModal')).show();
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,87 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Tambah Peserta')
|
||||
@section('header', 'Tambah Peserta')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 25) }}</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.participants.index', $program) }}">Peserta</a></li>
|
||||
<li class="breadcrumb-item active">Tambah</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold">
|
||||
<i class="bi bi-person-plus me-2 text-primary"></i>Tambah Peserta Pra-Daftar
|
||||
</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('admin.programs.participants.store', $program) }}">
|
||||
@csrf
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium">Nama Penuh <span class="text-danger">*</span></label>
|
||||
<input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
|
||||
value="{{ old('name') }}" placeholder="Contoh: Ahmad bin Ali">
|
||||
@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">No. Kad Pengenalan <span class="text-danger">*</span></label>
|
||||
<input type="text" name="no_kp" class="form-control @error('no_kp') is-invalid @enderror"
|
||||
value="{{ old('no_kp') }}" placeholder="900101011234"
|
||||
maxlength="14">
|
||||
<div class="form-text">Tanpa sempang. 12 digit.</div>
|
||||
@error('no_kp')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Sesi</label>
|
||||
<select name="session" class="form-select @error('session') is-invalid @enderror">
|
||||
<option value="">— Pilih Sesi —</option>
|
||||
<option value="pagi" {{ old('session', $program->default_staff_session) === 'pagi' ? 'selected' : '' }}>Pagi</option>
|
||||
<option value="petang" {{ old('session', $program->default_staff_session) === 'petang' ? 'selected' : '' }}>Petang</option>
|
||||
<option value="full_day" {{ old('session', $program->default_staff_session) === 'full_day' ? 'selected' : '' }}>Sehari Penuh</option>
|
||||
</select>
|
||||
@error('session')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Emel</label>
|
||||
<input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
|
||||
value="{{ old('email') }}" placeholder="ahmad@jabatan.gov.my">
|
||||
@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">No. Telefon</label>
|
||||
<input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror"
|
||||
value="{{ old('phone') }}" placeholder="0123456789">
|
||||
@error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium">Jabatan / Agensi</label>
|
||||
<input type="text" name="agency" class="form-control @error('agency') is-invalid @enderror"
|
||||
value="{{ old('agency') }}" placeholder="Jabatan Sumber Manusia">
|
||||
@error('agency')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-end gap-2 mt-4">
|
||||
<a href="{{ route('admin.programs.participants.index', $program) }}"
|
||||
class="btn btn-outline-secondary">Batal</a>
|
||||
<button type="submit" class="btn btn-primary px-4">
|
||||
<i class="bi bi-check-lg me-1"></i> Tambah Peserta
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
136
src/resources/views/admin/programs/participants/import.blade.php
Normal file
136
src/resources/views/admin/programs/participants/import.blade.php
Normal file
@@ -0,0 +1,136 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Import Peserta CSV')
|
||||
@section('header', 'Import Peserta CSV')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 25) }}</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.participants.index', $program) }}">Peserta</a></li>
|
||||
<li class="breadcrumb-item active">Import CSV</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="row g-4 justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
|
||||
{{-- Import Result --}}
|
||||
@if(session('import_result'))
|
||||
@php $r = session('import_result'); @endphp
|
||||
<div class="card border-0 shadow-sm mb-4 border-start border-4
|
||||
{{ $r['failed'] > 0 ? 'border-warning' : 'border-success' }}">
|
||||
<div class="card-body">
|
||||
<h6 class="fw-semibold mb-3">
|
||||
<i class="bi bi-clipboard-check me-2 text-success"></i>Hasil Import
|
||||
</h6>
|
||||
<div class="row g-2 text-center mb-3">
|
||||
<div class="col-4">
|
||||
<div class="p-2 bg-success bg-opacity-10 rounded">
|
||||
<div class="fs-4 fw-bold text-success">{{ $r['success'] }}</div>
|
||||
<div class="small text-muted">Berjaya</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="p-2 bg-warning bg-opacity-10 rounded">
|
||||
<div class="fs-4 fw-bold text-warning">{{ $r['duplicates'] }}</div>
|
||||
<div class="small text-muted">Duplikasi</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="p-2 bg-danger bg-opacity-10 rounded">
|
||||
<div class="fs-4 fw-bold text-danger">{{ $r['failed'] }}</div>
|
||||
<div class="small text-muted">Gagal</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if(!empty($r['errors']))
|
||||
<div class="mt-2">
|
||||
<small class="text-muted fw-semibold">Ralat:</small>
|
||||
<ul class="small text-danger mb-0 ps-3 mt-1">
|
||||
@foreach(array_slice($r['errors'], 0, 10) as $err)
|
||||
<li>{{ $err }}</li>
|
||||
@endforeach
|
||||
@if(count($r['errors']) > 10)
|
||||
<li class="text-muted">...dan {{ count($r['errors']) - 10 }} ralat lagi.</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- Upload Form --}}
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold">
|
||||
<i class="bi bi-upload me-2 text-primary"></i>Muat Naik Fail CSV
|
||||
</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('admin.programs.participants.import', $program) }}"
|
||||
enctype="multipart/form-data">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Fail CSV <span class="text-danger">*</span></label>
|
||||
<input type="file" name="csv_file" accept=".csv,.txt"
|
||||
class="form-control @error('csv_file') is-invalid @enderror">
|
||||
<div class="form-text">Saiz maksimum: 5MB. Format: CSV (UTF-8)</div>
|
||||
@error('csv_file')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">Sesi Default</label>
|
||||
<select name="session" class="form-select">
|
||||
<option value="">— Ikut Tetapan Program —</option>
|
||||
<option value="pagi" {{ $program->default_staff_session === 'pagi' ? 'selected' : '' }}>Pagi</option>
|
||||
<option value="petang" {{ $program->default_staff_session === 'petang' ? 'selected' : '' }}>Petang</option>
|
||||
<option value="full_day" {{ $program->default_staff_session === 'full_day' ? 'selected' : '' }}>Sehari Penuh</option>
|
||||
</select>
|
||||
<div class="form-text">Sesi yang akan digunakan untuk semua peserta dalam fail ini.</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary w-100">
|
||||
<i class="bi bi-upload me-2"></i>Mula Import
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Format Guide --}}
|
||||
<div class="col-lg-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold">
|
||||
<i class="bi bi-file-earmark-text me-2 text-primary"></i>Format CSV
|
||||
</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="small text-muted mb-2">Header wajib (baris pertama):</p>
|
||||
<code class="d-block bg-light p-2 rounded small mb-3">name,no_kp,email,phone,agency</code>
|
||||
|
||||
<p class="small text-muted mb-2">Contoh data:</p>
|
||||
<code class="d-block bg-light p-2 rounded small mb-3" style="font-size:.75rem; word-break:break-all;">
|
||||
Ahmad Ali,900101011234,ahmad@mbip.gov.my,0123456789,IT<br>
|
||||
Siti Binti Omar,850505055678,,0198765432,Kewangan
|
||||
</code>
|
||||
|
||||
<div class="small text-muted">
|
||||
<p class="mb-1"><i class="bi bi-info-circle text-info me-1"></i>No. K/P: 12 digit tanpa sempang.</p>
|
||||
<p class="mb-1"><i class="bi bi-info-circle text-info me-1"></i>Emel, telefon, agensi: boleh kosong.</p>
|
||||
<p class="mb-1"><i class="bi bi-shield-check text-success me-1"></i>Duplikasi dalam program akan dilangkau.</p>
|
||||
<p class="mb-0"><i class="bi bi-shield-check text-success me-1"></i>Ralat satu baris tidak hentikan import keseluruhan.</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 pt-3 border-top">
|
||||
<a href="{{ route('admin.programs.participants.export', $program) }}"
|
||||
class="btn btn-outline-secondary btn-sm w-100">
|
||||
<i class="bi bi-download me-1"></i> Muat Turun Senarai Semasa
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
172
src/resources/views/admin/programs/participants/index.blade.php
Normal file
172
src/resources/views/admin/programs/participants/index.blade.php
Normal file
@@ -0,0 +1,172 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Peserta — ' . $program->title)
|
||||
@section('header', 'Senarai Peserta')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 25) }}</a></li>
|
||||
<li class="breadcrumb-item active">Peserta</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{{ route('admin.programs.participants.export', $program) }}" class="btn btn-sm btn-outline-success">
|
||||
<i class="bi bi-download me-1"></i> Export CSV
|
||||
</a>
|
||||
<a href="{{ route('admin.programs.participants.import.form', $program) }}" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-upload me-1"></i> Import CSV
|
||||
</a>
|
||||
<a href="{{ route('admin.programs.participants.create', $program) }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-person-plus me-1"></i> Tambah
|
||||
</a>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Summary Cards --}}
|
||||
<div class="row g-3 mb-4">
|
||||
@foreach([
|
||||
['label' => 'Jumlah Peserta', 'value' => $counts['total'], 'icon' => 'bi-people', 'color' => 'primary'],
|
||||
['label' => 'Pra-Daftar', 'value' => $counts['pre_registered'], 'icon' => 'bi-person-check', 'color' => 'info'],
|
||||
['label' => 'Walk-In', 'value' => $counts['walk_in'], 'icon' => 'bi-person-walking', 'color' => 'warning'],
|
||||
['label' => 'Hadir', 'value' => $counts['checked_in'], 'icon' => 'bi-patch-check', 'color' => 'success'],
|
||||
] as $card)
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 shadow-sm text-center p-3">
|
||||
<i class="bi {{ $card['icon'] }} text-{{ $card['color'] }} fs-4 mb-1"></i>
|
||||
<div class="fs-4 fw-bold">{{ $card['value'] }}</div>
|
||||
<div class="text-muted small">{{ $card['label'] }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
{{-- Filter --}}
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body py-3">
|
||||
<form method="GET" class="row g-2 align-items-end">
|
||||
<div class="col-sm-5">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-text"><i class="bi bi-search"></i></span>
|
||||
<input type="text" name="search" class="form-control"
|
||||
placeholder="Nama, agensi..." value="{{ request('search') }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<select name="source" class="form-select form-select-sm">
|
||||
<option value="">Semua Sumber</option>
|
||||
<option value="pre_registered" {{ request('source') === 'pre_registered' ? 'selected' : '' }}>Pra-Daftar</option>
|
||||
<option value="import" {{ request('source') === 'import' ? 'selected' : '' }}>Import</option>
|
||||
<option value="walk_in" {{ request('source') === 'walk_in' ? 'selected' : '' }}>Walk-In</option>
|
||||
<option value="admin_manual" {{ request('source') === 'admin_manual' ? 'selected' : '' }}>Manual Admin</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<select name="status" class="form-select form-select-sm">
|
||||
<option value="">Semua Status</option>
|
||||
<option value="registered" {{ request('status') === 'registered' ? 'selected' : '' }}>Berdaftar</option>
|
||||
<option value="checked_in" {{ request('status') === 'checked_in' ? 'selected' : '' }}>Hadir</option>
|
||||
<option value="cancelled" {{ request('status') === 'cancelled' ? 'selected' : '' }}>Dibatalkan</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-primary btn-sm">Tapis</button>
|
||||
@if(request()->hasAny(['search', 'source', 'status']))
|
||||
<a href="{{ route('admin.programs.participants.index', $program) }}" class="btn btn-outline-secondary btn-sm ms-1">Reset</a>
|
||||
@endif
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Table --}}
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-0">
|
||||
@if($programParticipants->isEmpty())
|
||||
<div class="text-center py-5 text-muted">
|
||||
<i class="bi bi-people fs-1 opacity-25 d-block mb-2"></i>
|
||||
Belum ada peserta.
|
||||
</div>
|
||||
@else
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Nama</th>
|
||||
<th>Agensi</th>
|
||||
<th>Sesi</th>
|
||||
<th>Sumber</th>
|
||||
<th>Status</th>
|
||||
<th class="text-end">Tindakan</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($programParticipants as $i => $pp)
|
||||
@php $p = $pp->participant; @endphp
|
||||
<tr>
|
||||
<td class="text-muted small">{{ $programParticipants->firstItem() + $i }}</td>
|
||||
<td>
|
||||
<div class="fw-medium">{{ $p->name }}</div>
|
||||
<small class="text-muted">{{ $p->email ?: '—' }}</small>
|
||||
</td>
|
||||
<td><small>{{ $p->agency ?: '—' }}</small></td>
|
||||
<td>
|
||||
@if($pp->pre_registered_session)
|
||||
<span class="badge bg-light text-dark border">
|
||||
{{ Str::ucfirst($pp->pre_registered_session) }}
|
||||
</span>
|
||||
@else
|
||||
<span class="text-muted">—</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@php
|
||||
$sourceMap = [
|
||||
'pre_registered' => ['secondary', 'Pra-Daftar'],
|
||||
'import' => ['info', 'Import'],
|
||||
'walk_in' => ['warning', 'Walk-In'],
|
||||
'admin_manual' => ['dark', 'Manual'],
|
||||
];
|
||||
[$sc, $sl] = $sourceMap[$pp->registration_source] ?? ['light', $pp->registration_source];
|
||||
@endphp
|
||||
<span class="badge bg-{{ $sc }}">{{ $sl }}</span>
|
||||
</td>
|
||||
<td>
|
||||
@if($pp->status === 'checked_in')
|
||||
<span class="badge bg-success"><i class="bi bi-check-lg me-1"></i>Hadir</span>
|
||||
@elseif($pp->status === 'cancelled')
|
||||
<span class="badge bg-danger">Dibatalkan</span>
|
||||
@else
|
||||
<span class="badge bg-light text-dark border">Berdaftar</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="text-end">
|
||||
@if($pp->status !== 'checked_in')
|
||||
<form method="POST"
|
||||
action="{{ route('admin.programs.participants.destroy', [$program, $pp]) }}"
|
||||
onsubmit="return confirm('Keluarkan peserta {{ $p->name }} daripada program?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger" title="Keluarkan">
|
||||
<i class="bi bi-person-dash"></i>
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@if($programParticipants->hasPages())
|
||||
<div class="px-3 py-3 border-top">
|
||||
{{ $programParticipants->links() }}
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
171
src/resources/views/admin/programs/qr.blade.php
Normal file
171
src/resources/views/admin/programs/qr.blade.php
Normal file
@@ -0,0 +1,171 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'QR Code — ' . $program->title)
|
||||
@section('header', 'QR Code Program')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">QR Code</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row g-4 justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold"><i class="bi bi-qr-code me-2 text-primary"></i>QR Code Check-In</span>
|
||||
</div>
|
||||
<div class="card-body text-center py-4">
|
||||
|
||||
@if($qrCode)
|
||||
{{-- QR Code Image --}}
|
||||
<div class="mb-4">
|
||||
<img src="{{ Storage::disk('public')->url($qrCode->qr_image_path) }}"
|
||||
alt="QR Code {{ $program->title }}"
|
||||
class="img-fluid border rounded p-2"
|
||||
style="max-width: 280px;">
|
||||
</div>
|
||||
|
||||
{{-- Program Info --}}
|
||||
<h6 class="fw-semibold mb-1">{{ $program->title }}</h6>
|
||||
<p class="text-muted small mb-3">
|
||||
{{ $program->start_date->format('d M Y') }}
|
||||
@if($program->start_date->ne($program->end_date))
|
||||
— {{ $program->end_date->format('d M Y') }}
|
||||
@endif
|
||||
· {{ $program->location }}
|
||||
</p>
|
||||
|
||||
{{-- Check-in URL --}}
|
||||
<div class="bg-light rounded p-3 mb-4 text-start">
|
||||
<div class="text-muted small mb-1">URL Check-In:</div>
|
||||
<code class="small text-break" id="checkinUrl">{{ route('public.checkin.show', $qrCode->token) }}</code>
|
||||
<button class="btn btn-sm btn-outline-secondary ms-2"
|
||||
onclick="copyUrl()" title="Salin URL">
|
||||
<i class="bi bi-clipboard" id="copyIcon"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{{-- Action Buttons --}}
|
||||
<div class="d-flex flex-column flex-sm-row gap-2 justify-content-center">
|
||||
<a href="{{ route('admin.programs.qr.download', $program) }}"
|
||||
class="btn btn-primary">
|
||||
<i class="bi bi-download me-2"></i>Muat Turun PNG
|
||||
</a>
|
||||
|
||||
<form method="POST" action="{{ route('admin.programs.qr.generate', $program) }}">
|
||||
@csrf
|
||||
<button type="submit" class="btn btn-outline-warning w-100"
|
||||
onclick="return confirm('Jana semula QR Code? QR Code lama akan dinyahaktifkan.')">
|
||||
<i class="bi bi-arrow-repeat me-2"></i>Jana Semula
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form method="POST" action="{{ route('admin.programs.qr.deactivate', $program) }}">
|
||||
@csrf
|
||||
<button type="submit" class="btn btn-outline-danger w-100"
|
||||
onclick="return confirm('Nyahaktifkan QR Code ini?')">
|
||||
<i class="bi bi-x-circle me-2"></i>Nyahaktifkan
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{{-- Status --}}
|
||||
<div class="mt-3">
|
||||
<span class="badge bg-success"><i class="bi bi-circle-fill me-1" style="font-size:.5rem;"></i>Aktif</span>
|
||||
<small class="text-muted ms-2">Dijana {{ $qrCode->created_at->diffForHumans() }}</small>
|
||||
</div>
|
||||
|
||||
@else
|
||||
{{-- No QR Code yet --}}
|
||||
<div class="py-4">
|
||||
<i class="bi bi-qr-code fs-1 text-muted opacity-25 d-block mb-3"></i>
|
||||
<h6 class="text-muted mb-3">QR Code belum dijana</h6>
|
||||
<p class="text-muted small mb-4">
|
||||
Jana QR Code untuk membolehkan peserta scan dan check-in ke program ini.
|
||||
</p>
|
||||
<form method="POST" action="{{ route('admin.programs.qr.generate', $program) }}">
|
||||
@csrf
|
||||
<button type="submit" class="btn btn-primary btn-lg">
|
||||
<i class="bi bi-qr-code me-2"></i>Jana QR Code
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- How to Use --}}
|
||||
<div class="col-lg-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold"><i class="bi bi-info-circle me-2 text-primary"></i>Cara Penggunaan</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ol class="ps-3 small text-muted" style="line-height: 2;">
|
||||
<li>Jana QR Code untuk program ini.</li>
|
||||
<li>Print atau papar QR Code di tempat program.</li>
|
||||
<li>Peserta scan menggunakan kamera telefon.</li>
|
||||
<li>Peserta isi maklumat check-in.</li>
|
||||
<li>Sistem rekod kehadiran secara automatik.</li>
|
||||
</ol>
|
||||
<hr>
|
||||
<div class="small text-muted">
|
||||
<i class="bi bi-shield-check text-success me-1"></i>
|
||||
QR Code mengandungi token unik — bukan ID program.
|
||||
</div>
|
||||
<div class="small text-muted mt-2">
|
||||
<i class="bi bi-exclamation-triangle text-warning me-1"></i>
|
||||
Jana semula akan membatalkan QR Code lama.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm mt-3">
|
||||
<div class="card-header bg-white border-bottom py-3">
|
||||
<span class="fw-semibold"><i class="bi bi-calendar-check me-2 text-primary"></i>Status Program</span>
|
||||
</div>
|
||||
<div class="card-body small">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span class="text-muted">Status</span>
|
||||
@include('admin.partials.program-status-badge', ['status' => $program->status])
|
||||
</div>
|
||||
@if($program->checkin_start_at)
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span class="text-muted">Check-In Dibuka</span>
|
||||
<span>{{ $program->checkin_start_at->format('d/m H:i') }}</span>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span class="text-muted">Check-In Ditutup</span>
|
||||
<span>{{ $program->checkin_end_at?->format('d/m H:i') ?? '—' }}</span>
|
||||
</div>
|
||||
@endif
|
||||
@if($program->ecert_download_start_at)
|
||||
<div class="d-flex justify-content-between">
|
||||
<span class="text-muted">Download Sijil</span>
|
||||
<span>{{ $program->ecert_download_start_at->format('d/m H:i') }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
function copyUrl() {
|
||||
const url = document.getElementById('checkinUrl').textContent.trim();
|
||||
navigator.clipboard.writeText(url).then(() => {
|
||||
const icon = document.getElementById('copyIcon');
|
||||
icon.className = 'bi bi-clipboard-check';
|
||||
setTimeout(() => icon.className = 'bi bi-clipboard', 2000);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,151 @@
|
||||
@extends('layouts.public')
|
||||
|
||||
@section('title', 'Pratonton Soalselidik — ' . $program->title)
|
||||
|
||||
@section('hero')
|
||||
<h4 class="mb-1">{{ $program->title }}</h4>
|
||||
<div class="opacity-75 small">
|
||||
<i class="bi bi-clipboard2-check me-1"></i>Borang Penilaian Program
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
.preview-banner {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
background: #fff3cd;
|
||||
border-bottom: 2px solid #ffc107;
|
||||
padding: .6rem 1rem;
|
||||
text-align: center;
|
||||
font-size: .85rem;
|
||||
font-weight: 600;
|
||||
color: #664d03;
|
||||
}
|
||||
.preview-banner i { margin-right: .4rem; }
|
||||
fieldset { border: none; padding: 0; margin: 0; }
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="preview-banner">
|
||||
<i class="bi bi-eye"></i>PRATONTON ADMIN — Borang ini tidak akan dihantar
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary ms-3 py-0" onclick="window.close()">
|
||||
<i class="bi bi-x-lg me-1"></i>Tutup
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="checkin-card card p-4 mb-3 mt-3">
|
||||
<div class="text-center mb-4">
|
||||
<div class="rounded-circle bg-primary bg-opacity-10 d-inline-flex align-items-center justify-content-center mx-auto mb-3"
|
||||
style="width:70px; height:70px;">
|
||||
<i class="bi bi-clipboard2-check-fill text-primary" style="font-size:2rem;"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-1">{{ $pq->questionnaireSet->title }}</h5>
|
||||
@if($pq->questionnaireSet->description)
|
||||
<p class="text-muted small mb-1">{{ $pq->questionnaireSet->description }}</p>
|
||||
@endif
|
||||
<p class="text-muted small mb-0">
|
||||
Sila jawab semua soalan sebelum memuat turun sijil anda, <strong>PESERTA CONTOH</strong>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<fieldset disabled>
|
||||
|
||||
@php $qNum = 0; @endphp
|
||||
|
||||
@foreach($questions as $q)
|
||||
|
||||
@if($q->question_type === 'tajuk')
|
||||
{{-- ── Section header ─────────────────────────────── --}}
|
||||
<div class="d-flex align-items-center gap-2 mt-4 mb-3 pb-1 border-bottom">
|
||||
<span class="fw-bold text-primary">{{ $q->question_text }}</span>
|
||||
</div>
|
||||
|
||||
@foreach($q->children as $child)
|
||||
@php $qNum++ @endphp
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">
|
||||
{{ $qNum }}. {{ $child->question_text }}
|
||||
@if($child->is_required)<span class="text-danger">*</span>@endif
|
||||
</label>
|
||||
<div class="d-flex gap-3 flex-wrap">
|
||||
@for($i = 1; $i <= 5; $i++)
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio"
|
||||
name="q_{{ $child->id }}" value="{{ $i }}">
|
||||
<label class="form-check-label">
|
||||
{{ $i }}
|
||||
@php $label = $q->rating_labels[$i] ?? $q->rating_labels[strval($i)] ?? ''; @endphp
|
||||
@if($label)
|
||||
<small class="text-muted d-block" style="font-size:.7rem;">({{ $label }})</small>
|
||||
@endif
|
||||
</label>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@else
|
||||
{{-- ── Standalone question ─────────────────────────── --}}
|
||||
@php $qNum++ @endphp
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">
|
||||
{{ $qNum }}. {{ $q->question_text }}
|
||||
@if($q->is_required)<span class="text-danger">*</span>@endif
|
||||
</label>
|
||||
|
||||
@if($q->question_type === 'rating')
|
||||
<div class="d-flex gap-3 flex-wrap">
|
||||
@for($i = 1; $i <= 5; $i++)
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="q_{{ $q->id }}" value="{{ $i }}">
|
||||
<label class="form-check-label">
|
||||
{{ $i }}
|
||||
@if($i === 1)<small class="text-muted">(Sangat Tidak Setuju)</small>
|
||||
@elseif($i === 5)<small class="text-muted">(Sangat Setuju)</small>
|
||||
@endif
|
||||
</label>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
|
||||
@elseif($q->question_type === 'single_choice')
|
||||
@foreach($q->options_json ?? [] as $opt)
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="q_{{ $q->id }}" value="{{ $opt }}">
|
||||
<label class="form-check-label">{{ $opt }}</label>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@elseif($q->question_type === 'multiple_choice')
|
||||
@foreach($q->options_json ?? [] as $opt)
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="q_{{ $q->id }}[]" value="{{ $opt }}">
|
||||
<label class="form-check-label">{{ $opt }}</label>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@elseif($q->question_type === 'short_text')
|
||||
<input type="text" class="form-control" placeholder="Jawapan anda...">
|
||||
|
||||
@elseif($q->question_type === 'long_text')
|
||||
<textarea class="form-control" rows="4" placeholder="Jawapan anda..."></textarea>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endforeach
|
||||
|
||||
</fieldset>
|
||||
|
||||
<div class="alert alert-warning d-flex align-items-center gap-2 mb-0 mt-2">
|
||||
<i class="bi bi-eye-fill flex-shrink-0"></i>
|
||||
<span class="small">Ini adalah <strong>pratonton admin</strong>. Borang ini tidak boleh dihantar.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
202
src/resources/views/admin/programs/questionnaire/show.blade.php
Normal file
202
src/resources/views/admin/programs/questionnaire/show.blade.php
Normal file
@@ -0,0 +1,202 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Soalselidik — ' . $program->title)
|
||||
@section('header', 'Urus Soalselidik Program')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">Soalselidik</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<div class="d-flex gap-2">
|
||||
@if($pq && $pq->questionnaireSet)
|
||||
<a href="{{ route('admin.programs.questionnaire.preview', $program) }}" target="_blank"
|
||||
class="btn btn-sm btn-outline-primary">
|
||||
<i class="bi bi-eye me-1"></i> Pratonton
|
||||
</a>
|
||||
@endif
|
||||
<a href="{{ route('admin.programs.show', $program) }}#tab-questionnaire" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-1"></i> Kembali
|
||||
</a>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row g-4">
|
||||
{{-- Current Questionnaire --}}
|
||||
<div class="col-md-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-clipboard2-check me-2 text-primary"></i>Soalselidik Semasa</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
@if($pq && $pq->questionnaireSet)
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<div>
|
||||
<div class="fw-semibold">{{ $pq->questionnaireSet->title }}</div>
|
||||
<div class="text-muted small">{{ $pq->questionnaireSet->questions->count() }} soalan</div>
|
||||
@if($pq->questionnaireSet->description)
|
||||
<div class="text-muted small mt-1">{{ $pq->questionnaireSet->description }}</div>
|
||||
@endif
|
||||
</div>
|
||||
@if($pq->is_confirmed)
|
||||
<span class="badge bg-success fs-6 px-3 py-2">
|
||||
<i class="bi bi-check-circle me-1"></i> Disahkan
|
||||
</span>
|
||||
@else
|
||||
<span class="badge bg-warning text-dark fs-6 px-3 py-2">
|
||||
<i class="bi bi-exclamation-circle me-1"></i> Belum Disahkan
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if($pq->is_confirmed)
|
||||
<div class="alert alert-success small mb-3">
|
||||
<i class="bi bi-info-circle me-1"></i>
|
||||
Disahkan oleh <strong>{{ $pq->confirmedBy?->name ?? '—' }}</strong>
|
||||
pada {{ $pq->confirmed_at?->format('d M Y, H:i') }}.
|
||||
</div>
|
||||
@else
|
||||
<div class="alert alert-warning small mb-3">
|
||||
<i class="bi bi-exclamation-triangle me-1"></i>
|
||||
Soalselidik perlu <strong>disahkan</strong> sebelum peserta boleh menjawab.
|
||||
</div>
|
||||
<form method="POST" action="{{ route('admin.programs.questionnaire.confirm', $program) }}" class="mb-3">
|
||||
@csrf
|
||||
<button class="btn btn-success w-100" onclick="return confirm('Sahkan soalselidik ini untuk program?')">
|
||||
<i class="bi bi-check-circle me-2"></i> Sahkan Soalselidik
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
|
||||
{{-- List Questions --}}
|
||||
<div class="border rounded p-3 bg-light">
|
||||
<div class="small fw-medium text-muted mb-2">Senarai Soalan:</div>
|
||||
@php
|
||||
$allQs = $pq->questionnaireSet->questions->sortBy('sort_order');
|
||||
$topQs = $allQs->whereNull('parent_id');
|
||||
$qNum = 0;
|
||||
@endphp
|
||||
@foreach($topQs as $q)
|
||||
@if($q->question_type === 'tajuk')
|
||||
<div class="d-flex align-items-center gap-2 mt-2 mb-1">
|
||||
<span class="badge bg-dark" style="font-size:0.6rem;">Tajuk</span>
|
||||
<div class="small fw-semibold text-dark">{{ $q->question_text }}</div>
|
||||
</div>
|
||||
@foreach($allQs->where('parent_id', $q->id)->sortBy('sort_order') as $child)
|
||||
@php $qNum++ @endphp
|
||||
<div class="d-flex align-items-start gap-2 mb-1 ps-3">
|
||||
<span class="badge bg-secondary flex-shrink-0" style="min-width:22px;font-size:0.65rem;">{{ $qNum }}</span>
|
||||
<div>
|
||||
<div class="small">{{ $child->question_text }}</div>
|
||||
<span class="badge bg-light text-dark border" style="font-size:0.6rem;">Rating 1–5</span>
|
||||
@if($child->is_required)<span class="badge bg-danger bg-opacity-10 text-danger" style="font-size:0.6rem;">Wajib</span>@endif
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
@php $qNum++ @endphp
|
||||
<div class="d-flex align-items-start gap-2 mb-2">
|
||||
<span class="badge bg-secondary flex-shrink-0" style="min-width:22px;font-size:0.65rem;">{{ $qNum }}</span>
|
||||
<div>
|
||||
<div class="small">{{ $q->question_text }}</div>
|
||||
<span class="badge bg-light text-dark border" style="font-size:0.65rem;">
|
||||
{{ match($q->question_type) {
|
||||
'rating' => 'Rating 1–5',
|
||||
'single_choice' => 'Pilihan Tunggal',
|
||||
'multiple_choice' => 'Pilihan Berganda',
|
||||
'short_text' => 'Teks Pendek',
|
||||
'long_text' => 'Teks Panjang',
|
||||
default => $q->question_type,
|
||||
} }}
|
||||
</span>
|
||||
@if($q->is_required)<span class="badge bg-danger bg-opacity-10 text-danger" style="font-size:0.65rem;">Wajib</span>@endif
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
{{-- Detach --}}
|
||||
<div class="mt-3">
|
||||
<form method="POST" action="{{ route('admin.programs.questionnaire.detach', $program) }}"
|
||||
onsubmit="return confirm('Tanggalkan soalselidik dari program ini?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger">
|
||||
<i class="bi bi-x-circle me-1"></i> Tanggalkan Soalselidik
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@else
|
||||
<div class="text-center py-4 text-muted">
|
||||
<i class="bi bi-clipboard2-x d-block fs-1 mb-3 opacity-25"></i>
|
||||
<p class="mb-0">Belum ada soalselidik dilampirkan untuk program ini.</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Right: Attach New --}}
|
||||
@if(! $pq)
|
||||
<div class="col-md-5">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-clipboard2-plus me-2 text-success"></i>Lampir Soalselidik</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
@if($availableSets->isEmpty())
|
||||
<div class="alert alert-info small">
|
||||
<i class="bi bi-info-circle me-1"></i>
|
||||
Tiada set soalselidik yang diterbitkan.
|
||||
<a href="{{ route('admin.questionnaires.create') }}">Buat set baru.</a>
|
||||
</div>
|
||||
@else
|
||||
<form method="POST" action="{{ route('admin.programs.questionnaire.attach', $program) }}">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium small">Pilih Set Soalselidik <span class="text-danger">*</span></label>
|
||||
<select name="questionnaire_set_id"
|
||||
class="form-select @error('questionnaire_set_id') is-invalid @enderror">
|
||||
<option value="">— Pilih —</option>
|
||||
@foreach($availableSets as $qs)
|
||||
<option value="{{ $qs->id }}" {{ old('questionnaire_set_id') == $qs->id ? 'selected' : '' }}>
|
||||
{{ $qs->title }} ({{ $qs->questions_count }} soalan)
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
@error('questionnaire_set_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="alert alert-info small">
|
||||
<i class="bi bi-lightbulb me-1"></i>
|
||||
Selepas lampir, anda perlu <strong>sahkan</strong> soalselidik sebelum peserta boleh menjawab.
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-success w-100">
|
||||
<i class="bi bi-clipboard2-plus me-2"></i> Lampir & Teruskan
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ route('admin.questionnaires.index') }}" class="small text-muted">
|
||||
<i class="bi bi-gear me-1"></i> Urus Set Soalselidik
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
285
src/resources/views/admin/programs/show.blade.php
Normal file
285
src/resources/views/admin/programs/show.blade.php
Normal file
@@ -0,0 +1,285 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', $program->title)
|
||||
@section('header', $program->title)
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item active">{{ Str::limit($program->title, 35) }}</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<div class="d-flex gap-2">
|
||||
@if($program->status === 'draft')
|
||||
<a href="{{ route('admin.programs.edit', $program) }}" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-pencil me-1"></i> Edit
|
||||
</a>
|
||||
<form method="POST" action="{{ route('admin.programs.publish', $program) }}" class="d-inline">
|
||||
@csrf
|
||||
<button class="btn btn-sm btn-success" onclick="return confirm('Terbitkan program ini sekarang?')">
|
||||
<i class="bi bi-send me-1"></i> Terbitkan
|
||||
</button>
|
||||
</form>
|
||||
@elseif($program->status === 'published')
|
||||
<form method="POST" action="{{ route('admin.programs.close', $program) }}" class="d-inline">
|
||||
@csrf
|
||||
<button class="btn btn-sm btn-outline-danger" onclick="return confirm('Tutup program ini?')">
|
||||
<i class="bi bi-lock me-1"></i> Tutup Program
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Program Info Card --}}
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-8">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<div>
|
||||
<h6 class="mb-1 fw-semibold">{{ $program->title }}</h6>
|
||||
<small class="text-muted">{{ $program->organizer }}</small>
|
||||
</div>
|
||||
@include('admin.partials.program-status-badge', ['status' => $program->status])
|
||||
</div>
|
||||
|
||||
<div class="row g-2 text-sm">
|
||||
<div class="col-6">
|
||||
<div class="text-muted small">Tarikh</div>
|
||||
<div>{{ $program->start_date->format('d M Y') }}
|
||||
@if($program->start_date->ne($program->end_date))
|
||||
— {{ $program->end_date->format('d M Y') }}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="text-muted small">Lokasi</div>
|
||||
<div>{{ $program->location }}</div>
|
||||
</div>
|
||||
@if($program->checkin_start_at)
|
||||
<div class="col-6">
|
||||
<div class="text-muted small">Tempoh Check-In</div>
|
||||
<div class="small">{{ $program->checkin_start_at->format('d/m H:i') }} — {{ $program->checkin_end_at?->format('d/m H:i') ?? '—' }}</div>
|
||||
</div>
|
||||
@endif
|
||||
@if($program->ecert_download_start_at)
|
||||
<div class="col-6">
|
||||
<div class="text-muted small">Mula Download Sijil</div>
|
||||
<div class="small">{{ $program->ecert_download_start_at->format('d M Y, H:i') }}</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Stat Cards --}}
|
||||
<div class="col-md-4">
|
||||
<div class="row g-2">
|
||||
<div class="col-6">
|
||||
<div class="card border-0 bg-primary bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-primary">{{ $stats['total_attendances'] }}</div>
|
||||
<div class="small text-muted">Hadir</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="card border-0 bg-success bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-success">{{ $stats['total_participants'] }}</div>
|
||||
<div class="small text-muted">Peserta</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="card border-0 bg-warning bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-warning">{{ $stats['total_certificates'] }}</div>
|
||||
<div class="small text-muted">Sijil</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="card border-0 bg-info bg-opacity-10 text-center p-3">
|
||||
<div class="fs-3 fw-bold text-info">{{ $stats['generated_certificates'] }}</div>
|
||||
<div class="small text-muted">Dijana</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Tab Navigation --}}
|
||||
<ul class="nav nav-tabs mb-0" id="programTabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-bs-toggle="tab" href="#tab-participants">
|
||||
<i class="bi bi-people me-1"></i> Peserta
|
||||
<span class="badge bg-secondary ms-1">{{ $stats['total_participants'] }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#tab-qr">
|
||||
<i class="bi bi-qr-code me-1"></i> QR Code
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#tab-template">
|
||||
<i class="bi bi-image me-1"></i> Template Sijil
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#tab-questionnaire">
|
||||
<i class="bi bi-clipboard2-check me-1"></i> Soalselidik
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#tab-statistics">
|
||||
<i class="bi bi-bar-chart me-1"></i> Statistik
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content border border-top-0 rounded-bottom bg-white p-4 shadow-sm">
|
||||
|
||||
{{-- Tab: Peserta --}}
|
||||
<div class="tab-pane fade show active" id="tab-participants">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<div>
|
||||
<span class="text-muted small">
|
||||
{{ $stats['pre_registered'] }} pra-daftar ·
|
||||
{{ $stats['walk_in'] }} walk-in
|
||||
</span>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{{ route('admin.programs.participants.import.form', $program) }}" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-upload me-1"></i> Import CSV
|
||||
</a>
|
||||
<a href="{{ route('admin.programs.participants.create', $program) }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-person-plus me-1"></i> Tambah Peserta
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center py-4 text-muted">
|
||||
<a href="{{ route('admin.programs.participants.index', $program) }}" class="btn btn-outline-primary">
|
||||
<i class="bi bi-list-ul me-2"></i> Lihat Senarai Penuh Peserta
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Tab: QR Code --}}
|
||||
<div class="tab-pane fade" id="tab-qr">
|
||||
@if($program->qrCode)
|
||||
<div class="text-center py-3">
|
||||
<img src="{{ Storage::disk('public')->url($program->qrCode->qr_image_path) }}"
|
||||
alt="QR Code" class="img-fluid mb-3" style="max-width:220px;">
|
||||
<div class="d-flex justify-content-center gap-2">
|
||||
<a href="{{ route('admin.programs.qr.download', $program) }}" class="btn btn-sm btn-outline-primary">
|
||||
<i class="bi bi-download me-1"></i> Muat Turun PNG
|
||||
</a>
|
||||
<form method="POST" action="{{ route('admin.programs.qr.generate', $program) }}">
|
||||
@csrf
|
||||
<button class="btn btn-sm btn-outline-warning" onclick="return confirm('Jana semula QR Code?')">
|
||||
<i class="bi bi-arrow-repeat me-1"></i> Jana Semula
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<small class="text-muted">URL Check-in:</small><br>
|
||||
<code class="small">{{ route('public.checkin.show', $program->qrCode->token) }}</code>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="text-center py-4">
|
||||
<i class="bi bi-qr-code fs-1 text-muted opacity-25 d-block mb-3"></i>
|
||||
<p class="text-muted mb-3">QR Code belum dijana untuk program ini.</p>
|
||||
<form method="POST" action="{{ route('admin.programs.qr.generate', $program) }}">
|
||||
@csrf
|
||||
<button class="btn btn-primary">
|
||||
<i class="bi bi-qr-code me-2"></i> Jana QR Code
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Tab: Template Sijil --}}
|
||||
<div class="tab-pane fade" id="tab-template">
|
||||
@if($program->certificateTemplate)
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<span class="small text-muted">Template aktif: <strong>{{ $program->certificateTemplate->original_filename }}</strong></span>
|
||||
<a href="{{ route('admin.programs.template.show', $program) }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-pencil-square me-1"></i> Urus Template
|
||||
</a>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="{{ route('admin.programs.template.preview', $program) }}"
|
||||
alt="Template" class="img-fluid rounded border" style="max-height:300px;">
|
||||
</div>
|
||||
@else
|
||||
<div class="text-center py-4">
|
||||
<i class="bi bi-image fs-1 text-muted opacity-25 d-block mb-3"></i>
|
||||
<p class="text-muted mb-3">Belum ada template sijil untuk program ini.</p>
|
||||
<a href="{{ route('admin.programs.template.show', $program) }}" class="btn btn-primary">
|
||||
<i class="bi bi-upload me-2"></i> Upload Template
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Tab: Soalselidik --}}
|
||||
<div class="tab-pane fade" id="tab-questionnaire">
|
||||
@if($program->questionnaire && $program->questionnaire->questionnaireSet)
|
||||
@php $qs = $program->questionnaire->questionnaireSet; @endphp
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<div>
|
||||
<span class="fw-medium">{{ $qs->title }}</span>
|
||||
@if($program->questionnaire->is_confirmed)
|
||||
<span class="badge bg-success ms-2">Disahkan</span>
|
||||
@else
|
||||
<span class="badge bg-warning ms-2">Belum Disahkan</span>
|
||||
@endif
|
||||
</div>
|
||||
<a href="{{ route('admin.programs.questionnaire.show', $program) }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-gear me-1"></i> Urus Soalselidik
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-muted small">{{ $qs->questions->count() }} soalan · {{ $qs->description }}</p>
|
||||
@else
|
||||
<div class="text-center py-4">
|
||||
<i class="bi bi-clipboard2-x fs-1 text-muted opacity-25 d-block mb-3"></i>
|
||||
<p class="text-muted mb-3">Belum ada soalselidik dilampirkan untuk program ini.</p>
|
||||
<a href="{{ route('admin.programs.questionnaire.show', $program) }}" class="btn btn-primary">
|
||||
<i class="bi bi-clipboard2-plus me-2"></i> Lampir Soalselidik
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Tab: Statistik --}}
|
||||
<div class="tab-pane fade" id="tab-statistics">
|
||||
<div class="text-center py-4">
|
||||
<a href="{{ route('admin.programs.statistics.show', $program) }}" class="btn btn-outline-primary">
|
||||
<i class="bi bi-bar-chart-line me-2"></i> Lihat Statistik Penuh
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
// Persist active tab in URL hash
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const hash = window.location.hash;
|
||||
if (hash) {
|
||||
const tab = document.querySelector('[href="' + hash + '"]');
|
||||
if (tab) bootstrap.Tab.getOrCreateInstance(tab).show();
|
||||
}
|
||||
document.querySelectorAll('#programTabs .nav-link').forEach(el => {
|
||||
el.addEventListener('shown.bs.tab', () => {
|
||||
history.replaceState(null, null, el.getAttribute('href'));
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
218
src/resources/views/admin/programs/statistics/show.blade.php
Normal file
218
src/resources/views/admin/programs/statistics/show.blade.php
Normal file
@@ -0,0 +1,218 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Statistik — ' . $program->title)
|
||||
@section('header', 'Statistik Program')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">Statistik</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{{ route('admin.programs.statistics.export', $program) }}" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-download me-1"></i> Export CSV
|
||||
</a>
|
||||
<a href="{{ route('admin.programs.show', $program) }}#tab-statistics" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-1"></i> Kembali
|
||||
</a>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Summary Cards --}}
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-primary bg-opacity-10 text-center p-3">
|
||||
<div class="fs-2 fw-bold text-primary">{{ $summary['total_attendances'] }}</div>
|
||||
<div class="small text-muted">Jumlah Hadir</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-success bg-opacity-10 text-center p-3">
|
||||
<div class="fs-2 fw-bold text-success">{{ $summary['generated_certs'] }}</div>
|
||||
<div class="small text-muted">Sijil Dijana</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-warning bg-opacity-10 text-center p-3">
|
||||
<div class="fs-2 fw-bold text-warning">{{ $summary['downloaded_certs'] }}</div>
|
||||
<div class="small text-muted">Sijil Dimuat Turun</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 bg-info bg-opacity-10 text-center p-3">
|
||||
<div class="fs-2 fw-bold text-info">{{ $summary['total_responses'] }}</div>
|
||||
<div class="small text-muted">Respons Soalselidik</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
{{-- Attendance by Session --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-bar-chart me-2 text-primary"></i>Kehadiran Mengikut Sesi</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if(! empty($bySession))
|
||||
<canvas id="sessionChart" height="200"></canvas>
|
||||
@else
|
||||
<div class="text-center py-4 text-muted small">Tiada data kehadiran.</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Attendance by Source --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-pie-chart me-2 text-success"></i>Kehadiran Mengikut Jenis</h6>
|
||||
</div>
|
||||
<div class="card-body d-flex align-items-center justify-content-center">
|
||||
@if(! empty($bySource))
|
||||
<canvas id="sourceChart" height="200"></canvas>
|
||||
@else
|
||||
<div class="text-center py-4 text-muted small">Tiada data kehadiran.</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Certificate Status --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-award me-2 text-warning"></i>Status Sijil</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if(! empty($certStats))
|
||||
<table class="table table-sm">
|
||||
@php
|
||||
$labels = ['pending' => 'Menunggu', 'generating' => 'Sedang Jana', 'generated' => 'Dijana', 'emailed' => 'Diemailkan', 'downloaded' => 'Dimuat Turun', 'failed' => 'Gagal'];
|
||||
$colors = ['pending' => 'warning', 'generating' => 'secondary', 'generated' => 'success', 'emailed' => 'info', 'downloaded' => 'primary', 'failed' => 'danger'];
|
||||
@endphp
|
||||
@foreach($certStats as $status => $count)
|
||||
<tr>
|
||||
<td><span class="badge bg-{{ $colors[$status] ?? 'secondary' }}">{{ $labels[$status] ?? $status }}</span></td>
|
||||
<td class="fw-bold">{{ $count }}</td>
|
||||
<td class="w-50">
|
||||
<div class="progress" style="height:8px;">
|
||||
<div class="progress-bar bg-{{ $colors[$status] ?? 'secondary' }}"
|
||||
style="width:{{ $summary['total_certificates'] > 0 ? round($count / $summary['total_certificates'] * 100) : 0 }}%"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
@else
|
||||
<div class="text-center py-4 text-muted small">Tiada sijil dijana lagi.</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Response Rate --}}
|
||||
@if($responseRate !== null)
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-clipboard2-check me-2 text-info"></i>Kadar Respons Soalselidik</h6>
|
||||
</div>
|
||||
<div class="card-body text-center py-4">
|
||||
<div class="display-4 fw-bold text-primary mb-1">{{ $responseRate }}%</div>
|
||||
<div class="text-muted small">{{ $summary['total_responses'] }} daripada {{ $summary['total_attendances'] }} peserta hadir</div>
|
||||
<div class="progress mt-3" style="height:12px;">
|
||||
<div class="progress-bar bg-primary" style="width:{{ $responseRate }}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- Question Stats --}}
|
||||
@foreach($questionStats as $qs)
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold small">{{ $qs['text'] }}</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if($qs['type'] === 'rating')
|
||||
<div class="text-center">
|
||||
<div class="display-6 fw-bold text-warning">{{ $qs['average'] ?? '—' }}</div>
|
||||
<div class="text-muted small">Purata daripada {{ $qs['count'] }} respons</div>
|
||||
@php $pct = $qs['average'] ? round($qs['average'] / 5 * 100) : 0; @endphp
|
||||
<div class="progress mt-2" style="height:10px;">
|
||||
<div class="progress-bar bg-warning" style="width:{{ $pct }}%"></div>
|
||||
</div>
|
||||
<div class="text-muted" style="font-size:0.75rem;">{{ $pct }}% daripada 5</div>
|
||||
</div>
|
||||
@elseif(in_array($qs['type'], ['single_choice', 'multiple_choice']))
|
||||
<table class="table table-sm mb-0">
|
||||
@foreach($qs['options'] as $opt)
|
||||
@php $c = $qs['counts'][$opt] ?? 0; $pct = $qs['total'] > 0 ? round($c / $qs['total'] * 100) : 0; @endphp
|
||||
<tr>
|
||||
<td class="small text-truncate" style="max-width:180px;">{{ $opt }}</td>
|
||||
<td class="text-end fw-bold small">{{ $c }}</td>
|
||||
<td class="w-40">
|
||||
<div class="progress" style="height:8px;">
|
||||
<div class="progress-bar bg-info" style="width:{{ $pct }}%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end small text-muted">{{ $pct }}%</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
@if(! empty($bySession))
|
||||
new Chart(document.getElementById('sessionChart'), {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: @json(array_map('ucfirst', array_keys($bySession))),
|
||||
datasets: [{
|
||||
label: 'Kehadiran',
|
||||
data: @json(array_values($bySession)),
|
||||
backgroundColor: 'rgba(26,86,160,0.7)',
|
||||
borderRadius: 4,
|
||||
}]
|
||||
},
|
||||
options: { responsive: true, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, ticks: { stepSize: 1 } } } }
|
||||
});
|
||||
@endif
|
||||
|
||||
@if(! empty($bySource))
|
||||
const sourceLabels = {
|
||||
'pre_registered_staff': 'Kakitangan',
|
||||
'walk_in_external': 'Orang Luar',
|
||||
};
|
||||
new Chart(document.getElementById('sourceChart'), {
|
||||
type: 'doughnut',
|
||||
data: {
|
||||
labels: @json(array_map(fn($k) => $sourceLabels[$k] ?? $k, array_keys($bySource))),
|
||||
datasets: [{
|
||||
data: @json(array_values($bySource)),
|
||||
backgroundColor: ['rgba(26,86,160,0.7)', 'rgba(34,197,94,0.7)'],
|
||||
}]
|
||||
},
|
||||
options: { responsive: true, plugins: { legend: { position: 'bottom' } } }
|
||||
});
|
||||
@endif
|
||||
</script>
|
||||
@endpush
|
||||
418
src/resources/views/admin/programs/template/show.blade.php
Normal file
418
src/resources/views/admin/programs/template/show.blade.php
Normal file
@@ -0,0 +1,418 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Template Sijil — ' . $program->title)
|
||||
@section('header', 'Template Sijil')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">Template Sijil</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<a href="{{ route('admin.programs.show', $program) }}#tab-template" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-arrow-left me-1"></i> Kembali
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
@php
|
||||
$config = $template?->config_json ?? [];
|
||||
$fields = $config['fields'] ?? [];
|
||||
$imgWidth = $config['width'] ?? 0;
|
||||
$imgHeight = $config['height'] ?? 0;
|
||||
$isPortrait = $imgHeight > $imgWidth && $imgWidth > 0;
|
||||
@endphp
|
||||
|
||||
{{-- ── Panduan Template (atas, boleh lipat) ────────────────────────────── --}}
|
||||
<div class="card border-0 bg-light mb-4">
|
||||
<div class="card-header bg-transparent border-0 py-2 d-flex justify-content-between align-items-center"
|
||||
role="button" data-bs-toggle="collapse" data-bs-target="#guidePanel" aria-expanded="false">
|
||||
<span class="fw-semibold small"><i class="bi bi-info-circle me-2 text-primary"></i>Panduan Template</span>
|
||||
<i class="bi bi-chevron-down small text-muted" id="guideChevron"></i>
|
||||
</div>
|
||||
<div class="collapse" id="guidePanel">
|
||||
<div class="card-body pt-0 pb-3">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<div class="d-flex gap-2">
|
||||
<i class="bi bi-aspect-ratio text-primary mt-1 flex-shrink-0"></i>
|
||||
<div class="small text-muted">
|
||||
Resolusi disyorkan <strong>1754 × 1240px</strong> (A4 landscape 150dpi)
|
||||
atau <strong>1240 × 1754px</strong> (portrait).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="d-flex gap-2">
|
||||
<i class="bi bi-cursor text-primary mt-1 flex-shrink-0"></i>
|
||||
<div class="small text-muted">
|
||||
Koordinat <strong>(0, 0)</strong> adalah sudut kiri atas imej.
|
||||
X bertambah ke kanan, Y bertambah ke bawah.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="d-flex gap-2">
|
||||
<i class="bi bi-eye text-primary mt-1 flex-shrink-0"></i>
|
||||
<div class="small text-muted">
|
||||
Guna butang <strong>Pratonton</strong> untuk semak kedudukan teks
|
||||
sebelum jana sijil sebenar.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if($template)
|
||||
|
||||
{{-- ── Template Aktif (kiri) + Konfigurasi (kanan) ─────────────────────── --}}
|
||||
<div class="row g-4">
|
||||
|
||||
{{-- Kiri: Template Aktif --}}
|
||||
<div class="col-lg-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-image me-2 text-primary"></i>Template Aktif</h6>
|
||||
<span id="orientationBadge" class="badge bg-secondary" style="font-size:.7rem;">
|
||||
{{ $isPortrait ? 'Portrait' : ($imgWidth > 0 ? 'Landscape' : '—') }}
|
||||
</span>
|
||||
</div>
|
||||
<form method="POST" action="{{ route('admin.programs.template.destroy', $program) }}"
|
||||
onsubmit="return confirm('Padam template sijil ini? Tindakan ini tidak boleh diundur.')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger">
|
||||
<i class="bi bi-trash me-1"></i> Padam
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
|
||||
{{-- Image viewer — tinggi berubah ikut orientasi --}}
|
||||
<div id="previewWrapper"
|
||||
class="border rounded overflow-hidden mb-2 d-flex align-items-center justify-content-center bg-light"
|
||||
style="max-height:{{ $isPortrait ? '520px' : '340px' }}; transition: max-height .3s ease;">
|
||||
<img src="{{ route('admin.programs.template.preview', $program) }}"
|
||||
id="templatePreview"
|
||||
alt="Template Preview"
|
||||
class="img-fluid"
|
||||
style="max-width:100%; max-height:{{ $isPortrait ? '520px' : '340px' }}; object-fit:contain;">
|
||||
</div>
|
||||
<div class="text-muted small text-center mb-3">
|
||||
{{ $template->original_filename }}
|
||||
@if($imgWidth > 0)
|
||||
· <span id="dimensionLabel">{{ $imgWidth }} × {{ $imgHeight }} px</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Jana Pratonton --}}
|
||||
<div class="border rounded p-3 bg-light mt-auto">
|
||||
<label class="form-label small fw-medium mb-2">Jana Pratonton</label>
|
||||
<div class="row g-2">
|
||||
<div class="col-8">
|
||||
<input type="text" id="sampleName" class="form-control form-control-sm"
|
||||
value="NAMA PESERTA CONTOH" placeholder="Nama untuk pratonton">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<button type="button" id="previewBtn" class="btn btn-sm btn-primary w-100"
|
||||
onclick="loadPreview()">
|
||||
<i class="bi bi-eye me-1"></i> Pratonton
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Kanan: Konfigurasi Kedudukan Teks --}}
|
||||
<div class="col-lg-6">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-sliders me-2 text-warning"></i>Konfigurasi Kedudukan Teks</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted small mb-3">
|
||||
Koordinat X dan Y dikira dari sudut kiri atas imej (piksel).
|
||||
@if($imgWidth > 0)
|
||||
Saiz imej: <strong>{{ $imgWidth }} × {{ $imgHeight }} px</strong>.
|
||||
@endif
|
||||
</p>
|
||||
|
||||
<form method="POST" action="{{ route('admin.programs.template.config', $program) }}">
|
||||
@csrf @method('PUT')
|
||||
|
||||
{{-- Nama Peserta --}}
|
||||
<div class="card border mb-3">
|
||||
<div class="card-header py-2 bg-light">
|
||||
<span class="fw-medium small">Nama Peserta</span>
|
||||
</div>
|
||||
<div class="card-body py-3">
|
||||
<div class="row g-2">
|
||||
<div class="col-4">
|
||||
<label class="form-label small">X (px)</label>
|
||||
<input type="number" name="fields[name][x]" class="form-control form-control-sm"
|
||||
value="{{ $fields['name']['x'] ?? 800 }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Y (px)</label>
|
||||
<input type="number" name="fields[name][y]" class="form-control form-control-sm"
|
||||
value="{{ $fields['name']['y'] ?? 400 }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Saiz Font</label>
|
||||
<input type="number" name="fields[name][font_size]" class="form-control form-control-sm"
|
||||
value="{{ $fields['name']['font_size'] ?? 52 }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Warna</label>
|
||||
<input type="color" name="fields[name][font_color]"
|
||||
class="form-control form-control-color form-control-sm"
|
||||
value="{{ $fields['name']['font_color'] ?? '#1a3a6b' }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Saiz Font No IC</label>
|
||||
<input type="number" name="fields[name][ic_font_size]"
|
||||
class="form-control form-control-sm" min="8" max="200"
|
||||
value="{{ $fields['name']['ic_font_size'] ?? (int) round(($fields['name']['font_size'] ?? 52) * 0.7) }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Align</label>
|
||||
<select name="fields[name][align]" class="form-select form-select-sm">
|
||||
<option value="left" {{ ($fields['name']['align'] ?? 'center') === 'left' ? 'selected' : '' }}>Kiri</option>
|
||||
<option value="center" {{ ($fields['name']['align'] ?? 'center') === 'center' ? 'selected' : '' }}>Tengah</option>
|
||||
<option value="right" {{ ($fields['name']['align'] ?? 'center') === 'right' ? 'selected' : '' }}>Kanan</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- No. Sijil (pilihan) --}}
|
||||
<div class="card border mb-4">
|
||||
<div class="card-header py-2 bg-light d-flex justify-content-between align-items-center">
|
||||
<span class="fw-medium small">No. Sijil <span class="text-muted">(Pilihan)</span></span>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input" type="checkbox" id="showCertNo"
|
||||
onchange="toggleCertNo(this)"
|
||||
{{ isset($fields['certificate_no']) ? 'checked' : '' }}>
|
||||
<label class="form-check-label small" for="showCertNo">Papar</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body py-3" id="certNoFields"
|
||||
{{ isset($fields['certificate_no']) ? '' : 'style=display:none' }}>
|
||||
<div class="row g-2">
|
||||
<div class="col-4">
|
||||
<label class="form-label small">X (px)</label>
|
||||
<input type="number" name="fields[certificate_no][x]" class="form-control form-control-sm"
|
||||
value="{{ $fields['certificate_no']['x'] ?? 800 }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Y (px)</label>
|
||||
<input type="number" name="fields[certificate_no][y]" class="form-control form-control-sm"
|
||||
value="{{ $fields['certificate_no']['y'] ?? 460 }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Saiz Font</label>
|
||||
<input type="number" name="fields[certificate_no][font_size]" class="form-control form-control-sm"
|
||||
value="{{ $fields['certificate_no']['font_size'] ?? 28 }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Warna</label>
|
||||
<input type="color" name="fields[certificate_no][font_color]"
|
||||
class="form-control form-control-color form-control-sm"
|
||||
value="{{ $fields['certificate_no']['font_color'] ?? '#555555' }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label class="form-label small">Align</label>
|
||||
<select name="fields[certificate_no][align]" class="form-select form-select-sm">
|
||||
<option value="left" {{ ($fields['certificate_no']['align'] ?? 'center') === 'left' ? 'selected' : '' }}>Kiri</option>
|
||||
<option value="center" {{ ($fields['certificate_no']['align'] ?? 'center') === 'center' ? 'selected' : '' }}>Tengah</option>
|
||||
<option value="right" {{ ($fields['certificate_no']['align'] ?? 'center') === 'right' ? 'selected' : '' }}>Kanan</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-save me-1"></i> Simpan Konfigurasi
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.row -->
|
||||
|
||||
@else
|
||||
|
||||
{{-- Tiada template — form upload --}}
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-upload me-2 text-primary"></i>Muat Naik Template Sijil</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-info small mb-4">
|
||||
<i class="bi bi-lightbulb me-1"></i>
|
||||
Format <strong>JPG atau PNG</strong>, maksimum <strong>10MB</strong>.
|
||||
Resolusi disyorkan: <strong>1754 × 1240px</strong> (A4 landscape) atau
|
||||
<strong>1240 × 1754px</strong> (portrait).
|
||||
</div>
|
||||
|
||||
<form method="POST" action="{{ route('admin.programs.template.store', $program) }}"
|
||||
enctype="multipart/form-data">
|
||||
@csrf
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">Fail Template <span class="text-danger">*</span></label>
|
||||
<input type="file" name="template_image" accept="image/jpeg,image/png"
|
||||
class="form-control @error('template_image') is-invalid @enderror"
|
||||
onchange="previewImage(this)">
|
||||
@error('template_image')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
<div class="form-text">Format: JPG, PNG — Maksimum 10MB</div>
|
||||
</div>
|
||||
|
||||
<div id="imagePreviewBox" class="mb-4 d-none">
|
||||
<label class="form-label small text-muted">Pratonton:</label>
|
||||
<div id="uploadPreviewWrapper" class="border rounded overflow-hidden">
|
||||
<img id="imagePreviewEl" src="" alt="preview" class="img-fluid w-100">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-upload me-1"></i> Muat Naik
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
// ── Auto-detect orientasi dan laras tinggi viewer ─────────────────────────────
|
||||
function applyOrientation(naturalW, naturalH) {
|
||||
const wrapper = document.getElementById('previewWrapper');
|
||||
const img = document.getElementById('templatePreview');
|
||||
const badge = document.getElementById('orientationBadge');
|
||||
if (!wrapper || !img) return;
|
||||
|
||||
const isPortrait = naturalH > naturalW;
|
||||
const maxH = isPortrait ? '520px' : '340px';
|
||||
|
||||
wrapper.style.maxHeight = maxH;
|
||||
img.style.maxHeight = maxH;
|
||||
|
||||
if (badge) {
|
||||
badge.textContent = isPortrait ? 'Portrait' : 'Landscape';
|
||||
badge.className = 'badge ' + (isPortrait ? 'bg-info' : 'bg-success');
|
||||
}
|
||||
}
|
||||
|
||||
// Jalankan sekali apabila imej template dimuatkan
|
||||
const templateImg = document.getElementById('templatePreview');
|
||||
if (templateImg) {
|
||||
if (templateImg.complete && templateImg.naturalWidth) {
|
||||
applyOrientation(templateImg.naturalWidth, templateImg.naturalHeight);
|
||||
} else {
|
||||
templateImg.addEventListener('load', function () {
|
||||
applyOrientation(this.naturalWidth, this.naturalHeight);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// ── Upload pratonton (form muat naik) ─────────────────────────────────────────
|
||||
function previewImage(input) {
|
||||
if (!input.files || !input.files[0]) return;
|
||||
const reader = new FileReader();
|
||||
reader.onload = e => {
|
||||
const el = document.getElementById('imagePreviewEl');
|
||||
const box = document.getElementById('imagePreviewBox');
|
||||
el.src = e.target.result;
|
||||
box.classList.remove('d-none');
|
||||
|
||||
// Laras pratonton upload ikut orientasi
|
||||
el.onload = function () {
|
||||
const wrap = document.getElementById('uploadPreviewWrapper');
|
||||
if (wrap) wrap.style.maxHeight = this.naturalHeight > this.naturalWidth ? '520px' : '340px';
|
||||
};
|
||||
};
|
||||
reader.readAsDataURL(input.files[0]);
|
||||
}
|
||||
|
||||
// ── Toggle No. Sijil ──────────────────────────────────────────────────────────
|
||||
function toggleCertNo(cb) {
|
||||
document.getElementById('certNoFields').style.display = cb.checked ? '' : 'none';
|
||||
}
|
||||
|
||||
// ── Toggle panduan (ikon chevron) ─────────────────────────────────────────────
|
||||
document.getElementById('guidePanel')?.addEventListener('show.bs.collapse', () => {
|
||||
document.getElementById('guideChevron').className = 'bi bi-chevron-up small text-muted';
|
||||
});
|
||||
document.getElementById('guidePanel')?.addEventListener('hide.bs.collapse', () => {
|
||||
document.getElementById('guideChevron').className = 'bi bi-chevron-down small text-muted';
|
||||
});
|
||||
|
||||
// ── Jana Pratonton ────────────────────────────────────────────────────────────
|
||||
function loadPreview() {
|
||||
const name = document.getElementById('sampleName').value.trim() || 'NAMA PESERTA CONTOH';
|
||||
const img = document.getElementById('templatePreview');
|
||||
const btn = document.getElementById('previewBtn');
|
||||
const url = "{{ route('admin.programs.template.test', $program) }}";
|
||||
|
||||
btn.disabled = true;
|
||||
btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status"></span> Memuatkan...';
|
||||
|
||||
const fd = new FormData();
|
||||
fd.append('_token', '{{ csrf_token() }}');
|
||||
fd.append('sample_name', name);
|
||||
|
||||
// Hantar nilai form semasa — preview guna koordinat terkini walaupun belum simpan
|
||||
const read = (sel) => document.querySelector(sel)?.value ?? '';
|
||||
fd.append('fields[name][x]', read('[name="fields[name][x]"]'));
|
||||
fd.append('fields[name][y]', read('[name="fields[name][y]"]'));
|
||||
fd.append('fields[name][font_size]', read('[name="fields[name][font_size]"]'));
|
||||
fd.append('fields[name][font_color]', read('[name="fields[name][font_color]"]'));
|
||||
fd.append('fields[name][ic_font_size]', read('[name="fields[name][ic_font_size]"]'));
|
||||
fd.append('fields[name][align]', read('[name="fields[name][align]"]'));
|
||||
|
||||
// Sertakan No. Sijil hanya jika toggle aktif
|
||||
if (document.getElementById('showCertNo')?.checked) {
|
||||
fd.append('fields[certificate_no][x]', read('[name="fields[certificate_no][x]"]'));
|
||||
fd.append('fields[certificate_no][y]', read('[name="fields[certificate_no][y]"]'));
|
||||
fd.append('fields[certificate_no][font_size]', read('[name="fields[certificate_no][font_size]"]'));
|
||||
fd.append('fields[certificate_no][font_color]', read('[name="fields[certificate_no][font_color]"]'));
|
||||
fd.append('fields[certificate_no][align]', read('[name="fields[certificate_no][align]"]'));
|
||||
}
|
||||
|
||||
fetch(url, { method: 'POST', body: fd })
|
||||
.then(r => {
|
||||
if (!r.ok) return r.json().then(j => { throw new Error(j.error || 'Ralat pelayan (' + r.status + ')'); });
|
||||
return r.blob();
|
||||
})
|
||||
.then(blob => {
|
||||
const prevSrc = img.src;
|
||||
img.src = URL.createObjectURL(blob);
|
||||
if (prevSrc.startsWith('blob:')) URL.revokeObjectURL(prevSrc);
|
||||
})
|
||||
.catch(err => {
|
||||
alert('Gagal jana pratonton: ' + err.message);
|
||||
})
|
||||
.finally(() => {
|
||||
btn.disabled = false;
|
||||
btn.innerHTML = '<i class="bi bi-eye me-1"></i> Pratonton';
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
50
src/resources/views/admin/questionnaires/create.blade.php
Normal file
50
src/resources/views/admin/questionnaires/create.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Buat Set Soalselidik Baru')
|
||||
@section('header', 'Buat Set Soalselidik')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.questionnaires.index') }}">Soalselidik</a></li>
|
||||
<li class="breadcrumb-item active">Buat Baru</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<form method="POST" action="{{ route('admin.questionnaires.store') }}">
|
||||
@csrf
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Tajuk Set <span class="text-danger">*</span></label>
|
||||
<input type="text" name="title" value="{{ old('title') }}"
|
||||
class="form-control @error('title') is-invalid @enderror"
|
||||
placeholder="cth: Borang Penilaian Program 2025">
|
||||
@error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">Keterangan</label>
|
||||
<textarea name="description" rows="3"
|
||||
class="form-control @error('description') is-invalid @enderror"
|
||||
placeholder="Keterangan ringkas tentang soalselidik ini (pilihan)">{{ old('description') }}</textarea>
|
||||
@error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-lg me-1"></i> Simpan & Tambah Soalan
|
||||
</button>
|
||||
<a href="{{ route('admin.questionnaires.index') }}" class="btn btn-outline-secondary">
|
||||
Batal
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
50
src/resources/views/admin/questionnaires/edit.blade.php
Normal file
50
src/resources/views/admin/questionnaires/edit.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Edit Set Soalselidik')
|
||||
@section('header', 'Edit Set Soalselidik')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.questionnaires.index') }}">Soalselidik</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.questionnaires.show', $set) }}">{{ Str::limit($set->title, 30) }}</a></li>
|
||||
<li class="breadcrumb-item active">Edit</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<form method="POST" action="{{ route('admin.questionnaires.update', $set) }}">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Tajuk Set <span class="text-danger">*</span></label>
|
||||
<input type="text" name="title" value="{{ old('title', $set->title) }}"
|
||||
class="form-control @error('title') is-invalid @enderror">
|
||||
@error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">Keterangan</label>
|
||||
<textarea name="description" rows="3"
|
||||
class="form-control @error('description') is-invalid @enderror">{{ old('description', $set->description) }}</textarea>
|
||||
@error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-lg me-1"></i> Kemaskini
|
||||
</button>
|
||||
<a href="{{ route('admin.questionnaires.show', $set) }}" class="btn btn-outline-secondary">
|
||||
Batal
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
107
src/resources/views/admin/questionnaires/index.blade.php
Normal file
107
src/resources/views/admin/questionnaires/index.blade.php
Normal file
@@ -0,0 +1,107 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Set Soalselidik')
|
||||
@section('header', 'Set Soalselidik')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item active">Soalselidik</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<a href="{{ route('admin.questionnaires.create') }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-plus-lg me-1"></i> Buat Set Baru
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white py-3">
|
||||
<form method="GET" class="row g-2 align-items-end">
|
||||
<div class="col-md-5">
|
||||
<input type="text" name="q" value="{{ request('q') }}"
|
||||
class="form-control form-control-sm" placeholder="Cari tajuk soalselidik...">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<select name="status" class="form-select form-select-sm">
|
||||
<option value="">Semua Status</option>
|
||||
<option value="draft" {{ request('status') === 'draft' ? 'selected' : '' }}>Draf</option>
|
||||
<option value="published" {{ request('status') === 'published' ? 'selected' : '' }}>Diterbitkan</option>
|
||||
<option value="archived" {{ request('status') === 'archived' ? 'selected' : '' }}>Diarkib</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-search"></i> Cari
|
||||
</button>
|
||||
@if(request()->hasAny(['q', 'status']))
|
||||
<a href="{{ route('admin.questionnaires.index') }}" class="btn btn-sm btn-link text-muted">Set Semula</a>
|
||||
@endif
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Tajuk</th>
|
||||
<th class="text-center">Soalan</th>
|
||||
<th>Status</th>
|
||||
<th>Dicipta Oleh</th>
|
||||
<th>Tarikh Cipta</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($sets as $set)
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ route('admin.questionnaires.show', $set) }}" class="fw-medium text-decoration-none">
|
||||
{{ $set->title }}
|
||||
</a>
|
||||
@if($set->description)
|
||||
<div class="text-muted small text-truncate" style="max-width:300px;">{{ $set->description }}</div>
|
||||
@endif
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-secondary">{{ $set->questions_count }}</span>
|
||||
</td>
|
||||
<td>
|
||||
@if($set->status === 'published')
|
||||
<span class="badge bg-success">Diterbitkan</span>
|
||||
@elseif($set->status === 'archived')
|
||||
<span class="badge bg-secondary">Diarkib</span>
|
||||
@else
|
||||
<span class="badge bg-warning text-dark">Draf</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="small text-muted">{{ $set->creator?->name ?? '—' }}</td>
|
||||
<td class="small text-muted">{{ $set->created_at->format('d/m/Y') }}</td>
|
||||
<td class="text-end">
|
||||
<a href="{{ route('admin.questionnaires.show', $set) }}"
|
||||
class="btn btn-sm btn-outline-primary">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="6" class="text-center py-4 text-muted">
|
||||
<i class="bi bi-clipboard2-x d-block fs-2 mb-2 opacity-25"></i>
|
||||
Tiada set soalselidik dijumpai.
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if($sets->hasPages())
|
||||
<div class="card-footer bg-white">
|
||||
{{ $sets->links() }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
523
src/resources/views/admin/questionnaires/show.blade.php
Normal file
523
src/resources/views/admin/questionnaires/show.blade.php
Normal file
@@ -0,0 +1,523 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', $set->title)
|
||||
@section('header', $set->title)
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.questionnaires.index') }}">Soalselidik</a></li>
|
||||
<li class="breadcrumb-item active">{{ Str::limit($set->title, 35) }}</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{{ route('admin.questionnaires.edit', $set) }}" class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-pencil me-1"></i> Edit
|
||||
</a>
|
||||
@if($set->status === 'draft')
|
||||
<form method="POST" action="{{ route('admin.questionnaires.publish', $set) }}">
|
||||
@csrf
|
||||
<button class="btn btn-sm btn-success" onclick="return confirm('Terbitkan set soalselidik ini?')">
|
||||
<i class="bi bi-send me-1"></i> Terbitkan
|
||||
</button>
|
||||
</form>
|
||||
@elseif($set->status === 'published')
|
||||
<form method="POST" action="{{ route('admin.questionnaires.archive', $set) }}">
|
||||
@csrf
|
||||
<button class="btn btn-sm btn-outline-secondary" onclick="return confirm('Arkibkan set soalselidik ini?')">
|
||||
<i class="bi bi-archive me-1"></i> Arkib
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
.tajuk-block { border-left: 3px solid #6c757d; }
|
||||
.tajuk-header { background: #f8f9fa; }
|
||||
.children-list { border-top: 1px solid #dee2e6; }
|
||||
.children-list .list-group-item { background: #fff; }
|
||||
.children-list .list-group-item:last-child { border-bottom: 0; }
|
||||
.drag-handle { cursor: grab; color: #adb5bd; }
|
||||
.drag-handle:active { cursor: grabbing; }
|
||||
.sortable-ghost { opacity: .4; background: #e9f0ff !important; }
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row g-4">
|
||||
{{-- Left: Questions --}}
|
||||
<div class="col-md-8">
|
||||
|
||||
@if($set->status === 'draft')
|
||||
<div class="alert alert-warning mb-3 small">
|
||||
<i class="bi bi-exclamation-triangle me-2"></i>
|
||||
Set ini masih dalam status <strong>Draf</strong>. Terbitkan setelah siap untuk dilampirkan ke program.
|
||||
</div>
|
||||
@elseif($set->status === 'archived')
|
||||
<div class="alert alert-secondary mb-3 small">
|
||||
<i class="bi bi-archive me-2"></i>
|
||||
Set ini telah <strong>diarkibkan</strong> dan tidak boleh dilampirkan ke program baru.
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- Question List --}}
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-header bg-white d-flex justify-content-between align-items-center py-3">
|
||||
<h6 class="mb-0 fw-semibold">
|
||||
<i class="bi bi-list-ul me-2 text-primary"></i>Senarai Soalan
|
||||
<span class="badge bg-secondary ms-2">{{ $totalCount }}</span>
|
||||
</h6>
|
||||
<small class="text-muted"><i class="bi bi-grip-vertical me-1"></i>Seret untuk susun semula</small>
|
||||
</div>
|
||||
|
||||
@if($totalCount === 0)
|
||||
<div class="card-body text-center py-5 text-muted">
|
||||
<i class="bi bi-question-circle d-block fs-1 mb-3 opacity-25"></i>
|
||||
Belum ada soalan. Tambah soalan menggunakan borang di sebelah kanan.
|
||||
</div>
|
||||
@else
|
||||
<ul class="list-group list-group-flush" id="questionList">
|
||||
@foreach($topLevel as $q)
|
||||
|
||||
@if($q->question_type === 'tajuk')
|
||||
{{-- ── TAJUK BLOCK ── --}}
|
||||
<li class="list-group-item p-0 tajuk-block" data-id="{{ $q->id }}">
|
||||
{{-- Tajuk header row --}}
|
||||
<div class="tajuk-header d-flex align-items-center gap-2 px-3 py-2">
|
||||
<i class="bi bi-grip-vertical drag-handle drag-handle-top fs-5"></i>
|
||||
<span class="badge bg-dark small">Tajuk</span>
|
||||
<div class="flex-grow-1 fw-semibold">{{ $q->question_text }}</div>
|
||||
@if($q->rating_labels)
|
||||
<div class="small text-muted text-nowrap d-none d-md-block">
|
||||
@php $labels = array_filter($q->rating_labels); @endphp
|
||||
@if(!empty($labels))
|
||||
<i class="bi bi-tag me-1"></i>{{ implode(' · ', $labels) }}
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
<div class="d-flex gap-1 flex-shrink-0">
|
||||
<button class="btn btn-sm btn-outline-secondary"
|
||||
onclick="editQuestion({{ $q->id }}, @json($q->question_text), 'tajuk', false, [], null, @json($q->rating_labels ?? []))">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<form method="POST" action="{{ route('admin.questions.destroy', $q) }}"
|
||||
onsubmit="return confirm('Padam bahagian '{{ addslashes($q->question_text) }}' dan semua soalan di dalamnya?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Rating labels pills --}}
|
||||
@if($q->rating_labels && array_filter($q->rating_labels))
|
||||
<div class="px-3 py-1 bg-light border-bottom d-flex gap-2 flex-wrap d-md-none">
|
||||
@foreach(array_filter($q->rating_labels) as $val => $lbl)
|
||||
<span class="badge bg-light text-dark border small">{{ $val }}: {{ $lbl }}</span>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
{{-- Children list --}}
|
||||
<ul class="children-list list-group list-group-flush" data-parent-id="{{ $q->id }}">
|
||||
@foreach($q->children as $child)
|
||||
<li class="list-group-item d-flex align-items-start gap-2 py-2 ps-4" data-id="{{ $child->id }}">
|
||||
<i class="bi bi-grip-vertical drag-handle drag-handle-child fs-5 mt-1"></i>
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center gap-2 mb-1">
|
||||
<span class="badge bg-light text-dark border small">{{ $loop->iteration }}</span>
|
||||
<span class="badge bg-primary bg-opacity-10 text-primary small">Rating 1–5</span>
|
||||
@if($child->is_required)
|
||||
<span class="badge bg-danger bg-opacity-10 text-danger small">Wajib</span>
|
||||
@endif
|
||||
</div>
|
||||
<div class="small">{{ $child->question_text }}</div>
|
||||
</div>
|
||||
<div class="d-flex gap-1 flex-shrink-0">
|
||||
<button class="btn btn-sm btn-outline-secondary"
|
||||
onclick="editQuestion({{ $child->id }}, @json($child->question_text), 'rating', {{ $child->is_required ? 'true' : 'false' }}, [], {{ $child->parent_id ?? 'null' }}, [])">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<form method="POST" action="{{ route('admin.questions.destroy', $child) }}"
|
||||
onsubmit="return confirm('Padam soalan ini?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@if($q->children->isEmpty())
|
||||
<li class="list-group-item text-muted small text-center py-2 fst-italic ps-4">
|
||||
<i class="bi bi-arrow-down-short me-1"></i>Tiada soalan dalam bahagian ini
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@else
|
||||
{{-- ── STANDALONE QUESTION ── --}}
|
||||
<li class="list-group-item py-3" data-id="{{ $q->id }}">
|
||||
<div class="d-flex justify-content-between align-items-start gap-2">
|
||||
<div class="d-flex align-items-start gap-2 flex-grow-1">
|
||||
<i class="bi bi-grip-vertical drag-handle drag-handle-top fs-5 mt-1"></i>
|
||||
<div>
|
||||
<div class="d-flex align-items-center gap-2 mb-1">
|
||||
<span class="badge bg-light text-dark border small">{{ $loop->iteration }}</span>
|
||||
<span class="badge bg-primary bg-opacity-10 text-primary small">
|
||||
{{ match($q->question_type) {
|
||||
'rating' => 'Rating 1–5',
|
||||
'single_choice' => 'Pilihan Tunggal',
|
||||
'multiple_choice' => 'Pilihan Berganda',
|
||||
'short_text' => 'Teks Pendek',
|
||||
'long_text' => 'Teks Panjang',
|
||||
default => $q->question_type,
|
||||
} }}
|
||||
</span>
|
||||
@if($q->is_required)
|
||||
<span class="badge bg-danger bg-opacity-10 text-danger small">Wajib</span>
|
||||
@endif
|
||||
</div>
|
||||
<div class="fw-medium">{{ $q->question_text }}</div>
|
||||
@if($q->options_json)
|
||||
<div class="mt-1">
|
||||
@foreach($q->options_json as $opt)
|
||||
<span class="badge bg-light text-dark border me-1 small">{{ $opt }}</span>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-1 flex-shrink-0">
|
||||
<button class="btn btn-sm btn-outline-secondary"
|
||||
onclick="editQuestion({{ $q->id }}, @json($q->question_text), '{{ $q->question_type }}', {{ $q->is_required ? 'true' : 'false' }}, @json($q->options_json ?? []), null, [])">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<form method="POST" action="{{ route('admin.questions.destroy', $q) }}"
|
||||
onsubmit="return confirm('Padam soalan ini?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Used In Programs --}}
|
||||
@if($usedInPrograms->count())
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold"><i class="bi bi-diagram-3 me-2 text-secondary"></i>Digunakan Dalam Program</h6>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
@foreach($usedInPrograms as $program)
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center py-2">
|
||||
<a href="{{ route('admin.programs.show', $program) }}" class="text-decoration-none small">
|
||||
{{ $program->title }}
|
||||
</a>
|
||||
@if($program->pivot->is_confirmed ?? false)
|
||||
<span class="badge bg-success">Disahkan</span>
|
||||
@else
|
||||
<span class="badge bg-warning text-dark">Belum Disahkan</span>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Right: Add / Edit Question Form --}}
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm sticky-top" style="top:80px;">
|
||||
<div class="card-header bg-white py-3">
|
||||
<h6 class="mb-0 fw-semibold" id="formTitle">
|
||||
<i class="bi bi-plus-circle me-2 text-primary"></i>Tambah Soalan
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<form method="POST" id="questionForm" action="{{ route('admin.questions.store', $set) }}">
|
||||
@csrf
|
||||
<input type="hidden" name="_method" id="formMethod" value="POST">
|
||||
<input type="hidden" name="_question_id" id="questionId" value="">
|
||||
|
||||
{{-- Question text --}}
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Teks Soalan / Tajuk <span class="text-danger">*</span></label>
|
||||
<textarea name="question_text" id="questionText" rows="3"
|
||||
class="form-control form-control-sm @error('question_text') is-invalid @enderror"
|
||||
placeholder="Taip soalan atau nama bahagian..."></textarea>
|
||||
@error('question_text')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
{{-- Question type --}}
|
||||
<div class="mb-3">
|
||||
<label class="form-label small fw-medium">Jenis <span class="text-danger">*</span></label>
|
||||
<select name="question_type" id="questionType" class="form-select form-select-sm" onchange="onTypeChange()">
|
||||
<option value="tajuk">Tajuk Bahagian</option>
|
||||
<option value="rating">Rating (1–5)</option>
|
||||
<option value="single_choice">Pilihan Tunggal</option>
|
||||
<option value="multiple_choice">Pilihan Berganda</option>
|
||||
<option value="short_text">Teks Pendek</option>
|
||||
<option value="long_text">Teks Panjang</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{{-- Required (hidden for tajuk) --}}
|
||||
<div class="mb-3 form-check d-none" id="requiredSection">
|
||||
<input type="checkbox" name="is_required" id="isRequired"
|
||||
class="form-check-input" value="1" checked>
|
||||
<label class="form-check-label small" for="isRequired">Wajib dijawab</label>
|
||||
</div>
|
||||
|
||||
{{-- Parent selector (rating only) --}}
|
||||
<div id="parentSection" class="mb-3 d-none">
|
||||
<label class="form-label small fw-medium">Bahagian (Tajuk) <span class="text-danger">*</span></label>
|
||||
<select name="parent_id" id="parentId" class="form-select form-select-sm">
|
||||
<option value="">— Pilih Tajuk —</option>
|
||||
</select>
|
||||
@error('parent_id')
|
||||
<div class="text-danger small mt-1">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
{{-- Rating labels (tajuk only) --}}
|
||||
<div id="ratingLabelsSection" class="mb-3">
|
||||
<label class="form-label small fw-medium">Label Skala Rating</label>
|
||||
<div class="d-flex flex-column gap-1">
|
||||
@for ($i = 1; $i <= 5; $i++)
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-text fw-bold" style="width:32px;justify-content:center;">{{ $i }}</span>
|
||||
<input type="text" name="rating_labels[{{ $i }}]" id="ratingLabel{{ $i }}"
|
||||
class="form-control"
|
||||
placeholder="{{ $i === 1 ? 'cth: Sangat Tidak Setuju' : ($i === 5 ? 'cth: Sangat Setuju' : '') }}">
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
<div class="form-text">Kosongkan jika tiada label untuk nilai tersebut.</div>
|
||||
</div>
|
||||
|
||||
{{-- Options (choice types) --}}
|
||||
<div id="optionsSection" class="mb-3 d-none">
|
||||
<label class="form-label small fw-medium">Pilihan Jawapan</label>
|
||||
<div id="optionsList">
|
||||
<div class="input-group input-group-sm mb-2">
|
||||
<input type="text" name="options[]" class="form-control" placeholder="Pilihan 1">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-2">
|
||||
<input type="text" name="options[]" class="form-control" placeholder="Pilihan 2">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary w-100" onclick="addOption()">
|
||||
<i class="bi bi-plus me-1"></i> Tambah Pilihan
|
||||
</button>
|
||||
@error('options')
|
||||
<div class="text-danger small mt-1">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary btn-sm w-100">
|
||||
<i class="bi bi-check-lg me-1"></i> <span id="submitLabel">Tambah</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm" id="cancelEdit"
|
||||
style="display:none;" onclick="resetForm()">
|
||||
Batal
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.3/Sortable.min.js"></script>
|
||||
<script>
|
||||
const setId = {{ $set->id }};
|
||||
const storeUrl = "{{ route('admin.questions.store', $set) }}";
|
||||
const updateBase = "{{ url('admin/questions') }}/";
|
||||
const reorderUrl = "{{ route('admin.questions.reorder') }}";
|
||||
const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
|
||||
|
||||
// Tajuk questions available as parents for rating questions
|
||||
const tajukList = @json($topLevel->where('question_type', 'tajuk')->map(fn($q) => ['id' => $q->id, 'text' => $q->question_text])->values());
|
||||
|
||||
// ── UI helpers ──────────────────────────────────────────────────────────────
|
||||
|
||||
function populateParentDropdown(selectedId) {
|
||||
const sel = document.getElementById('parentId');
|
||||
sel.innerHTML = '<option value="">— Pilih Tajuk —</option>';
|
||||
tajukList.forEach(function(t) {
|
||||
const opt = document.createElement('option');
|
||||
opt.value = t.id;
|
||||
opt.textContent = t.text;
|
||||
if (selectedId && t.id == selectedId) opt.selected = true;
|
||||
sel.appendChild(opt);
|
||||
});
|
||||
}
|
||||
|
||||
function onTypeChange() {
|
||||
const type = document.getElementById('questionType').value;
|
||||
const isTajuk = type === 'tajuk';
|
||||
const isRating = type === 'rating';
|
||||
const isChoice = ['single_choice', 'multiple_choice'].includes(type);
|
||||
|
||||
document.getElementById('requiredSection').classList.toggle('d-none', isTajuk);
|
||||
document.getElementById('ratingLabelsSection').classList.toggle('d-none', !isTajuk);
|
||||
document.getElementById('parentSection').classList.toggle('d-none', !isRating);
|
||||
document.getElementById('optionsSection').classList.toggle('d-none', !isChoice);
|
||||
|
||||
if (isRating) populateParentDropdown(null);
|
||||
}
|
||||
|
||||
function addOption() {
|
||||
const list = document.getElementById('optionsList');
|
||||
const count = list.querySelectorAll('input').length + 1;
|
||||
const div = document.createElement('div');
|
||||
div.className = 'input-group input-group-sm mb-2';
|
||||
div.innerHTML = `<input type="text" name="options[]" class="form-control" placeholder="Pilihan ${count}">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>`;
|
||||
list.appendChild(div);
|
||||
}
|
||||
|
||||
function removeOption(btn) {
|
||||
const list = document.getElementById('optionsList');
|
||||
if (list.querySelectorAll('.input-group').length > 1) {
|
||||
btn.closest('.input-group').remove();
|
||||
}
|
||||
}
|
||||
|
||||
function editQuestion(id, text, type, required, options, parentId, ratingLabels) {
|
||||
document.getElementById('formTitle').innerHTML = '<i class="bi bi-pencil me-2 text-warning"></i>Edit Soalan';
|
||||
document.getElementById('submitLabel').textContent = 'Kemaskini';
|
||||
document.getElementById('cancelEdit').style.display = '';
|
||||
document.getElementById('questionId').value = id;
|
||||
document.getElementById('questionText').value = text;
|
||||
document.getElementById('questionType').value = type;
|
||||
document.getElementById('isRequired').checked = required;
|
||||
|
||||
const form = document.getElementById('questionForm');
|
||||
form.action = updateBase + id;
|
||||
document.getElementById('formMethod').value = 'PUT';
|
||||
|
||||
onTypeChange(); // show/hide sections
|
||||
|
||||
// Set parent if rating
|
||||
if (type === 'rating' && parentId) {
|
||||
populateParentDropdown(parentId);
|
||||
}
|
||||
|
||||
// Set rating labels if tajuk
|
||||
if (type === 'tajuk') {
|
||||
for (let i = 1; i <= 5; i++) {
|
||||
const el = document.getElementById('ratingLabel' + i);
|
||||
if (el) el.value = (ratingLabels && (ratingLabels[i] || ratingLabels[String(i)])) || '';
|
||||
}
|
||||
}
|
||||
|
||||
// Options list
|
||||
const list = document.getElementById('optionsList');
|
||||
list.innerHTML = '';
|
||||
if (options && options.length) {
|
||||
options.forEach(function(opt, i) {
|
||||
const div = document.createElement('div');
|
||||
div.className = 'input-group input-group-sm mb-2';
|
||||
div.innerHTML = `<input type="text" name="options[]" class="form-control" value="${opt}" placeholder="Pilihan ${i+1}">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>`;
|
||||
list.appendChild(div);
|
||||
});
|
||||
} else {
|
||||
// Restore default empty options for choice types
|
||||
list.innerHTML = `<div class="input-group input-group-sm mb-2">
|
||||
<input type="text" name="options[]" class="form-control" placeholder="Pilihan 1">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-2">
|
||||
<input type="text" name="options[]" class="form-control" placeholder="Pilihan 2">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
form.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
|
||||
function resetForm() {
|
||||
document.getElementById('formTitle').innerHTML = '<i class="bi bi-plus-circle me-2 text-primary"></i>Tambah Soalan';
|
||||
document.getElementById('submitLabel').textContent = 'Tambah';
|
||||
document.getElementById('cancelEdit').style.display = 'none';
|
||||
document.getElementById('questionForm').reset();
|
||||
document.getElementById('questionForm').action = storeUrl;
|
||||
document.getElementById('formMethod').value = 'POST';
|
||||
document.getElementById('questionId').value = '';
|
||||
// Clear rating labels
|
||||
for (let i = 1; i <= 5; i++) {
|
||||
const el = document.getElementById('ratingLabel' + i);
|
||||
if (el) el.value = '';
|
||||
}
|
||||
document.getElementById('parentId').value = '';
|
||||
onTypeChange();
|
||||
document.getElementById('optionsList').innerHTML = `
|
||||
<div class="input-group input-group-sm mb-2">
|
||||
<input type="text" name="options[]" class="form-control" placeholder="Pilihan 1">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-2">
|
||||
<input type="text" name="options[]" class="form-control" placeholder="Pilihan 2">
|
||||
<button type="button" class="btn btn-outline-danger" onclick="removeOption(this)"><i class="bi bi-x"></i></button>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
// ── Drag & Drop ──────────────────────────────────────────────────────────────
|
||||
|
||||
function sendReorder(order, parentId) {
|
||||
fetch(reorderUrl, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrfToken },
|
||||
body: JSON.stringify({ order: order, parent_id: parentId }),
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Init: show sections for default type (tajuk)
|
||||
onTypeChange();
|
||||
|
||||
// Top-level sortable — sorts tajuk blocks + standalone questions
|
||||
const topList = document.getElementById('questionList');
|
||||
if (topList) {
|
||||
Sortable.create(topList, {
|
||||
animation: 150,
|
||||
handle: '.drag-handle-top',
|
||||
ghostClass: 'sortable-ghost',
|
||||
onEnd: function() {
|
||||
const order = [...topList.querySelectorAll(':scope > [data-id]')].map(el => +el.dataset.id);
|
||||
sendReorder(order, null);
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// Per-tajuk sortable — sorts rating children within a group
|
||||
document.querySelectorAll('.children-list').forEach(function(list) {
|
||||
Sortable.create(list, {
|
||||
animation: 150,
|
||||
handle: '.drag-handle-child',
|
||||
ghostClass: 'sortable-ghost',
|
||||
onEnd: function() {
|
||||
const parentId = +list.dataset.parentId;
|
||||
const order = [...list.querySelectorAll(':scope > [data-id]')].map(el => +el.dataset.id);
|
||||
sendReorder(order, parentId);
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
76
src/resources/views/admin/users/create.blade.php
Normal file
76
src/resources/views/admin/users/create.blade.php
Normal file
@@ -0,0 +1,76 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Tambah Pengguna')
|
||||
@section('header', 'Tambah Pengguna Baru')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}">Pengguna</a></li>
|
||||
<li class="breadcrumb-item active">Tambah Baru</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<form method="POST" action="{{ route('admin.users.store') }}">
|
||||
@csrf
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Nama Penuh <span class="text-danger">*</span></label>
|
||||
<input type="text" name="name" value="{{ old('name') }}"
|
||||
class="form-control @error('name') is-invalid @enderror"
|
||||
placeholder="Nama penuh pengguna">
|
||||
@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Emel <span class="text-danger">*</span></label>
|
||||
<input type="email" name="email" value="{{ old('email') }}"
|
||||
class="form-control @error('email') is-invalid @enderror"
|
||||
placeholder="pengguna@mbip.gov.my">
|
||||
@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Peranan <span class="text-danger">*</span></label>
|
||||
<select name="role" class="form-select @error('role') is-invalid @enderror">
|
||||
<option value="admin" {{ old('role') === 'admin' ? 'selected' : '' }}>
|
||||
Admin Program — Boleh urus program sendiri sahaja
|
||||
</option>
|
||||
<option value="super_admin" {{ old('role') === 'super_admin' ? 'selected' : '' }}>
|
||||
Super Admin — Boleh urus semua program & pengguna
|
||||
</option>
|
||||
</select>
|
||||
@error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Kata Laluan <span class="text-danger">*</span></label>
|
||||
<input type="password" name="password"
|
||||
class="form-control @error('password') is-invalid @enderror"
|
||||
placeholder="Minimum 8 aksara, huruf besar, huruf kecil, nombor">
|
||||
@error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">Sahkan Kata Laluan <span class="text-danger">*</span></label>
|
||||
<input type="password" name="password_confirmation"
|
||||
class="form-control"
|
||||
placeholder="Ulang kata laluan">
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-person-check me-1"></i> Tambah Pengguna
|
||||
</button>
|
||||
<a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">Batal</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
77
src/resources/views/admin/users/edit.blade.php
Normal file
77
src/resources/views/admin/users/edit.blade.php
Normal file
@@ -0,0 +1,77 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Edit Pengguna — ' . $user->name)
|
||||
@section('header', 'Edit Pengguna')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}">Pengguna</a></li>
|
||||
<li class="breadcrumb-item active">{{ Str::limit($user->name, 30) }}</li>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<form method="POST" action="{{ route('admin.users.update', $user) }}">
|
||||
@csrf @method('PUT')
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Nama Penuh <span class="text-danger">*</span></label>
|
||||
<input type="text" name="name" value="{{ old('name', $user->name) }}"
|
||||
class="form-control @error('name') is-invalid @enderror">
|
||||
@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Emel <span class="text-danger">*</span></label>
|
||||
<input type="email" name="email" value="{{ old('email', $user->email) }}"
|
||||
class="form-control @error('email') is-invalid @enderror">
|
||||
@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Peranan <span class="text-danger">*</span></label>
|
||||
<select name="role" class="form-select @error('role') is-invalid @enderror"
|
||||
{{ $user->id === auth()->id() ? 'disabled' : '' }}>
|
||||
<option value="admin" {{ old('role', $user->role) === 'admin' ? 'selected' : '' }}>
|
||||
Admin Program
|
||||
</option>
|
||||
<option value="super_admin" {{ old('role', $user->role) === 'super_admin' ? 'selected' : '' }}>
|
||||
Super Admin
|
||||
</option>
|
||||
</select>
|
||||
@if($user->id === auth()->id())
|
||||
<input type="hidden" name="role" value="{{ $user->role }}">
|
||||
<div class="form-text text-warning"><i class="bi bi-exclamation-circle me-1"></i>Anda tidak boleh tukar peranan akaun sendiri.</div>
|
||||
@endif
|
||||
@error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-medium">Kata Laluan Baru <span class="text-muted small">(kosongkan jika tidak tukar)</span></label>
|
||||
<input type="password" name="password"
|
||||
class="form-control @error('password') is-invalid @enderror"
|
||||
placeholder="Minimum 8 aksara, huruf besar, huruf kecil, nombor">
|
||||
@error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="form-label fw-medium">Sahkan Kata Laluan Baru</label>
|
||||
<input type="password" name="password_confirmation" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-lg me-1"></i> Simpan Perubahan
|
||||
</button>
|
||||
<a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">Batal</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
83
src/resources/views/admin/users/index.blade.php
Normal file
83
src/resources/views/admin/users/index.blade.php
Normal file
@@ -0,0 +1,83 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Pengurusan Pengguna')
|
||||
@section('header', 'Pengurusan Pengguna')
|
||||
|
||||
@section('breadcrumb')
|
||||
<li class="breadcrumb-item active">Pengguna</li>
|
||||
@endsection
|
||||
|
||||
@section('header-actions')
|
||||
<a href="{{ route('admin.users.create') }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-person-plus me-1"></i> Tambah Pengguna
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Nama</th>
|
||||
<th>Emel</th>
|
||||
<th>Peranan</th>
|
||||
<th class="text-center">Program</th>
|
||||
<th>Tarikh Daftar</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($users as $user)
|
||||
<tr>
|
||||
<td>
|
||||
<div class="fw-medium">{{ $user->name }}</div>
|
||||
@if($user->id === auth()->id())
|
||||
<span class="badge bg-light text-muted border" style="font-size:.65rem;">Anda</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="small text-muted">{{ $user->email }}</td>
|
||||
<td>
|
||||
@if($user->role === 'super_admin')
|
||||
<span class="badge bg-danger">Super Admin</span>
|
||||
@else
|
||||
<span class="badge bg-primary">Admin Program</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-secondary">{{ $user->programs_count }}</span>
|
||||
</td>
|
||||
<td class="small text-muted">{{ $user->created_at->format('d/m/Y') }}</td>
|
||||
<td class="text-end">
|
||||
<a href="{{ route('admin.users.edit', $user) }}"
|
||||
class="btn btn-sm btn-outline-secondary">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
@if($user->id !== auth()->id())
|
||||
<form method="POST" action="{{ route('admin.users.destroy', $user) }}"
|
||||
class="d-inline"
|
||||
onsubmit="return confirm('Padam pengguna {{ addslashes($user->name) }}? Program mereka tidak akan terjejas.')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-sm btn-outline-danger">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="6" class="text-center py-4 text-muted">Tiada pengguna dijumpai.</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if($users->hasPages())
|
||||
<div class="card-footer bg-white">{{ $users->links() }}</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user