MIF_31230115/manajemen_mp/resources/views/jadwal/editjadwal.blade.php

176 lines
9.3 KiB
PHP

@extends('layout.app')
@section('content')
<div class="container-fluid py-4">
<div class="page-header mb-4 text-start">
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-transparent p-0 mb-2">
<li class="breadcrumb-item"><a href="{{ route('jadwal.index') }}"
class="text-muted text-decoration-none small">Daftar Jadwal</a></li>
<li class="breadcrumb-item active text-primary fw-bold small" aria-current="page">Edit Jadwal</li>
</ol>
</nav>
<h3 class="fw-bold text-dark">Edit Agenda Latihan</h3>
<p class="text-muted small">Perbarui detail waktu, lokasi, atau pelatih yang bertugas untuk agenda ini.</p>
</div>
<div class="row">
<div class="col-md-12">
<form action="{{ route('jadwal.update', $jadwal->id) }}" method="POST">
@csrf
@method('PUT')
<div class="card border-0 shadow-sm mb-4" style="border-radius: 20px;">
<div class="card-header bg-white border-0 pt-4 px-4">
<h5 class="fw-bold text-primary mb-0"><i class="bi bi-calendar-check me-2"></i>Informasi Agenda
</h5>
</div>
<div class="card-body p-4">
<div class="row g-3">
<div class="col-md-12">
<label class="form-label fw-bold">Judul Kegiatan / Materi Latihan <span
class="text-danger">*</span></label>
<input type="text" name="judul_kegiatan" class="form-control"
value="{{ old('judul_kegiatan', $jadwal->judul_kegiatan) }}" required>
</div>
<div class="col-md-6">
<label class="form-label fw-bold">Kelompok Latihan (Kolat) <span
class="text-danger">*</span></label>
<select name="kolat_id" class="form-select" required>
<option value="" disabled>-- Pilih Kolat --</option>
@foreach ($data_kolat as $kolat)
<option value="{{ $kolat->id }}"
{{ $jadwal->kolat_id == $kolat->id ? 'selected' : '' }}>
{{ $kolat->nama_kolat }}
</option>
@endforeach
</select>
</div>
<div class="col-md-6">
<label class="form-label fw-bold">Pelatih Bertugas <span
class="text-danger">*</span></label>
<select name="pelatih_id" class="form-select" required>
<option value="" disabled>-- Pilih Pelatih --</option>
@foreach ($data_pelatih as $pelatih)
<option value="{{ $pelatih->id }}"
{{ $jadwal->pelatih_id == $pelatih->id ? 'selected' : '' }}>
{{ $pelatih->nama_lengkap }}
</option>
@endforeach
</select>
</div>
<div class="col-md-4">
<label class="form-label fw-bold">Tanggal <span class="text-danger">*</span></label>
<input type="date" name="tanggal" class="form-control"
value="{{ old('tanggal', $jadwal->tanggal) }}" required>
</div>
<div class="col-md-4">
<label class="form-label fw-bold">Jam Mulai <span class="text-danger">*</span></label>
<input type="time" name="jam_mulai" class="form-control"
value="{{ old('jam_mulai', substr($jadwal->jam_mulai, 0, 5)) }}" required>
</div>
<div class="col-md-4">
<label class="form-label fw-bold">Jam Selesai (Opsional)</label>
<input type="time" name="jam_selesai" class="form-control"
value="{{ old('jam_selesai', $jadwal->jam_selesai ? substr($jadwal->jam_selesai, 0, 5) : '') }}">
</div>
<div class="col-md-6">
<label class="form-label fw-bold">Lokasi / Tempat Latihan <span
class="text-danger">*</span></label>
<input type="text" name="lokasi" class="form-control"
value="{{ old('lokasi', $jadwal->lokasi) }}" placeholder="Contoh: GOR Perjuangan"
required>
</div>
<div class="col-md-6">
<label class="form-label fw-bold">Tipe Agenda <span class="text-danger">*</span></label>
<select name="jenis" class="form-select" required>
<option value="Rutin" {{ $jadwal->jenis == 'Rutin' ? 'selected' : '' }}>Rutin
</option>
<option value="Tambahan" {{ $jadwal->jenis == 'Tambahan' ? 'selected' : '' }}>
Tambahan</option>
<option value="Pengumuman" {{ $jadwal->jenis == 'Pengumuman' ? 'selected' : '' }}>
Pengumuman</option>
</select>
</div>
<div class="col-md-12">
<label class="form-label fw-bold">Deskripsi / Catatan Tambahan</label>
<textarea name="deskripsi" class="form-control" rows="3"
placeholder="Tuliskan peralatan yang harus dibawa, atau informasi penting lainnya...">{{ old('deskripsi', $jadwal->deskripsi) }}</textarea>
</div>
</div>
</div>
<div class="card-footer bg-light border-0 p-4" style="border-radius: 0 0 20px 20px;">
<div class="d-flex justify-content-between align-items-center">
<div class="small text-muted">
Status saat ini:
@php
$badgeColor = 'secondary';
if ($jadwal->status == 'selesai') {
$badgeColor = 'success';
}
@endphp
<span class="badge bg-{{ $badgeColor }}">{{ strtoupper($jadwal->status) }}</span>
</div>
<div class="d-flex gap-3">
<a href="{{ route('jadwal.index') }}"
class="btn btn-outline-secondary px-4 fw-bold btn-cancel">
Batal
</a>
<button type="submit" class="btn btn-primary px-5 fw-bold btn-save shadow">
Simpan Perubahan
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<style>
.form-control,
.form-select {
border-radius: 10px;
padding: 10px 15px;
border: 1px solid #dee2e6;
}
.form-control:focus,
.form-select:focus {
border-color: #0d6efd;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}
.btn-cancel {
border-radius: 12px;
transition: 0.3s;
border: 2px solid #6c757d;
}
.btn-cancel:hover {
background-color: #6c757d;
color: white;
}
.btn-save {
border-radius: 12px;
background: linear-gradient(45deg, #0d6efd, #004fb1);
border: none;
transition: 0.3s;
}
.btn-save:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(13, 110, 253, 0.4) !important;
}
</style>
@endsection