224 lines
12 KiB
PHP
224 lines
12 KiB
PHP
<!-- resources/views/siswa/index.blade.php -->
|
||
@extends('layout.app')
|
||
|
||
@section('title', 'Siswa')
|
||
|
||
@section('content')
|
||
|
||
<div class="card shadow mb-4">
|
||
<div class="card-header py-3 d-flex justify-content-between">
|
||
<h6 class="m-0 font-weight-bold text-primary">Daftar Kelas Siswa {{ $kelas->nama_kelas }}</h6>
|
||
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#addSiswaModal">Tambah
|
||
Siswa</button>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
|
||
<thead>
|
||
<tr>
|
||
<th>#</th>
|
||
<th>NISN</th>
|
||
<th>Nama Siswa</th>
|
||
<th>Tempat Lahir</th>
|
||
<th>Tanggal Lahir</th>
|
||
<th>Nomor HP</th>
|
||
<th>Alamat</th>
|
||
<th>Kelas</th>
|
||
<th>Aksi</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
@foreach ($siswa as $s)
|
||
<tr class="text-nowrap">
|
||
<td>{{ $loop->iteration }}</td>
|
||
<td>{{ $s->nisn }}</td>
|
||
<td>{{ $s->nama_siswa }}</td>
|
||
<td>{{ $s->tempat_lahir }}</td>
|
||
<td>{{ $s->tanggal_lahir }}</td>
|
||
<td>{{ $s->nomor_hp }}</td>
|
||
<td>{{ $s->alamat }}</td>
|
||
<td>{{ $s->kelas->nama_kelas }}</td>
|
||
<td>
|
||
<button class="btn btn-primary btn-sm" data-toggle="modal"
|
||
data-target="#editSiswaModal{{ $s->nisn }}">Edit</button>
|
||
<form action="{{ route('siswa.destroy', $s->nisn) }}" method="POST"
|
||
style="display:inline;">
|
||
@csrf
|
||
@method('DELETE')
|
||
<button type="submit" class="btn btn-danger btn-sm">Delete</button>
|
||
</form>
|
||
</td>
|
||
</tr>
|
||
<!-- Edit Modal -->
|
||
<div class="modal fade" id="editSiswaModal{{ $s->nisn }}" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<form action="{{ route('siswa.update', $s->nisn) }}" method="POST">
|
||
@csrf
|
||
@method('PUT')
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">Edit Siswa</h5>
|
||
<button type="button" class="close" data-dismiss="modal">
|
||
<span>×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label for="nisn">NISN</label>
|
||
<input type="text" id="nisn" name="nisn" maxlength="10" pattern="\d{10}" inputmode="numeric" title="Harap masukkan 10 digit angka"
|
||
value="{{ $s->nisn }}" readonly>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="nama_siswa">Nama Siswa</label>
|
||
<input type="text" class="form-control" name="nama_siswa"
|
||
value="{{ $s->nama_siswa }}" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="tempat_lahir">Tempat Lahir</label>
|
||
<input type="text" class="form-control" name="tempat_lahir"
|
||
value="{{ $s->tempat_lahir }}" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="tanggal_lahir">Tanggal Lahir</label>
|
||
<input type="date" class="form-control" name="tanggal_lahir"
|
||
value="{{ $s->tanggal_lahir }}" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="nomor_hp">Nomor HP</label>
|
||
<input type="text" id="phone" name="phone" maxlength="12" pattern="\d{12}" inputmode="numeric" title="Harap masukkan 12 digit angka"
|
||
value="{{ $s->nomor_hp }}" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="alamat">Alamat</label>
|
||
<textarea class="form-control" name="alamat" required>{{ $s->alamat }}</textarea>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="id_kelas">Kelas</label>
|
||
<input type="text" readonly class="form-control"
|
||
value="{{ $kelas->nama_kelas }}">
|
||
<input type="hidden" class="form-control" name="id_kelas"
|
||
value="{{ $kelas->id_kelas }}" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="password">Password (Optional)</label>
|
||
<input type="password" class="form-control" name="password"
|
||
minlength="8">
|
||
<small class="text-danger">Leave blank if you don't want to update the
|
||
password.</small>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary"
|
||
data-dismiss="modal">Close</button>
|
||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Add Modal -->
|
||
<div class="modal fade" id="addSiswaModal" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<form action="{{ route('siswa.store') }}" method="POST">
|
||
@csrf
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">Tambah Siswa</h5>
|
||
<button type="btn btn-primary" class="close" data-dismiss="modal">
|
||
<span>×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label for="nisn">NISN</label>
|
||
<input type="text" class="form-control" name="nisn" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="nama_siswa">Nama Siswa</label>
|
||
<input type="text" class="form-control" name="nama_siswa" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="tempat_lahir">Tempat Lahir</label>
|
||
<input type="text" class="form-control" name="tempat_lahir" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="tanggal_lahir">Tanggal Lahir</label>
|
||
<input type="date" class="form-control" name="tanggal_lahir" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="nomor_hp">Nomor HP</label>
|
||
<input type="number" class="form-control" name="nomor_hp" min="0" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="alamat">Alamat</label>
|
||
<textarea class="form-control" name="alamat" required></textarea>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="id_kelas">Kelas</label>
|
||
<input type="text" readonly class="form-control" value="{{ $kelas->nama_kelas }}">
|
||
<input type="hidden" class="form-control" name="id_kelas" value="{{ $kelas->id_kelas }}"
|
||
required>
|
||
{{-- <select class="form-control" name="id_kelas" @readonly(true)>
|
||
<option value="">Pilih Kelas</option>
|
||
@foreach ($kelas as $k)
|
||
<option value="{{ $k->id_kelas }}">{{ $k->nama_kelas }}</option>
|
||
@endforeach
|
||
</select> --}}
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="password">Password</label>
|
||
<input type="password" class="form-control" name="password" minlength="8" required>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
@if (session('success'))
|
||
<script>
|
||
Swal.fire({
|
||
icon: 'success',
|
||
title: 'Berhasil',
|
||
text: '{{ session('success') }}'
|
||
});
|
||
</script>
|
||
@endif
|
||
@if ($errors->any())
|
||
<script>
|
||
Swal.fire({
|
||
icon: 'warning',
|
||
title: 'Oopss...',
|
||
text: '{{ $errors->first() }}'
|
||
});
|
||
</script>
|
||
@endif
|
||
|
||
@endsection
|
||
|
||
@push('css')
|
||
<link href="{{ asset('vendor/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
|
||
@endpush
|
||
|
||
@push('js')
|
||
<script src="{{ asset('vendor/datatables/jquery.dataTables.min.js') }}"></script>
|
||
<script src="{{ asset('vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>
|
||
|
||
<script>
|
||
$(document).ready(function() {
|
||
$('#dataTable').DataTable();
|
||
});
|
||
</script>
|
||
@endpush
|