129 lines
5.3 KiB
PHP
129 lines
5.3 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</h6>
|
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addSiswaModal">Tambah
|
|
Siswa</button>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
@foreach ($kelas as $k)
|
|
<div class="col-xl-4 col-md-6 mb-4">
|
|
<a href="{{ route('siswa.show', $k->id_kelas) }}">
|
|
<div class="card shadow h-100 py-2 text-center">
|
|
<div class="card-body">
|
|
<div class="text-md font-weight-bold text-gray-900 text-uppercase mb-1">
|
|
{{ $k->nama_kelas }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
@endforeach
|
|
</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>
|
|
<select class="form-control" name="id_kelas" required>
|
|
<option value="" selected disabled>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
|