@extends('admin.sidebar')
@section('content')
{{-- TABLE --}}
<div class="card">
<div class="card-header center">
<h5 class="card-title">
Data Wasit
</h5>
</div>
@include('message')
<div class="card-body" style="overflow-x:auto;min-height:100vh;">
<div class="row">
<div class="col">
<a href="{{ route('wasits.create') }}" class="btn btn-success mb-3"><i class="bi bi-plus"></i>
Tambahkan Wasit</a>
<a href="{{ route('exportWasit') }}" class="btn btn-info mb-3"><i
class="bi bi-file-earmark-spreadsheet-fill"></i>
Export Data Wasit</a>
<form class="row" id="filterForm" method="post" action="{{ route('filterWasit') }}"
style="margin-right:50px">
@csrf
<div class="form-group col">
<input type="text" class="form-control" id="nama" name="nama"
placeholder='Nama Wasit'@if (isset($request->nama)) value="{{ $request->nama }}" @endif>
</div>
<div class="form-group col">
<select class="form-control selectpicker" name="cabor" id="cabor"data-show-subtext="true"
onchange="submitFilter()" data-live-search="true">
<option selected disabled>--Pilih Cabang Olah Raga--</option>
@foreach ($cabor as $item)
<option value="{{ $item->nama }}">{{ $item->nama }}</option>
@endforeach
</select>
</div>
<div class="col-1 ">
<button type="button" onclick="submitFilter()" class="btn m-auto"><i
class="bi bi-funnel-fill"></i></button>
</div>
</form>
</div>
<table class="table" id="table1">
<thead>
<tr>
<th>Photo</th>
<th>Nama Wasit</th>
<th>Cabang Olahraga</th>
<th colspan="2">Action</th>
<th>Setifikat</th>
<th>deskripsi</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($wasit as $item)
<tr>
<td ROWSPAN="{{ $item->sertifikatWasit->count() + 1 }}">
<img src="{{ asset('images/wasit') . '/' . $item->user->photo }}" alt="profile image"
style="width: 150px" class="rounded">
</td>
<td ROWSPAN="{{ $item->sertifikatWasit->count() + 1 }}">{{ $item->nama_lengkap }}</td>
<td ROWSPAN="{{ $item->sertifikatWasit->count() + 1 }}">{{ $item->cabor }}</td>
<td ROWSPAN="{{ $item->sertifikatWasit->count() + 1 }}">
<a class="open-AddBookDialog btn btn-primary m-1"
href="{{ route('wasits.show', Crypt::encryptString($item->user->id)) }}"><i
class="bi bi-pencil-square"></i></a>
<a href="" class="btn btn-danger m-1"data-bs-toggle="modal"
data-bs-target="#modalDelete"
onclick="$('#modalDelete #formDelete').attr('action', '{{ route('wasits.destroy', Crypt::encryptString($item->user->id)) }}')"><i
class="bi bi-trash-fill"></i></a>
</td>
<td ROWSPAN="{{ $item->sertifikatWasit->count() + 1 }}"><a data-bs-toggle="modal"
data-bs-target="#modalAdd-sertifikatWasit" id="sertifikatWasit-add"
data-id="{{ $item->id }}"class="open-AddBookDialog btn btn-success edit"
href=""><i class="bi bi-envelope-paper-fill m-3"></i>Tambahkan Sertifikat</a>
</td>
</tr>
@foreach ($item->sertifikatWasit as $item)
<tr>
<td>{{ $item->sertifikat }}</td>
<td>{{ $item->capaian_prestasi }}</td>
<td>
<a class="btn btn-info" href="{{ asset('documents/wasit/' . $item->sertifikat) }}"
download>Download</a>
<div class="d-flex flex-row">
<a href="" class="btn btn-primary m-1"data-bs-toggle="modal"
id="edit" data-nama_kejuaraan="{{ $item->nama_kejuaraan }}"
data-pengalaman_melatih="{{ $item->pengalaman_melatih }}"
data-capaian_prestasi="{{ $item->capaian_prestasi }}"
data-tahun="{{ $item->tahun }}"
data-bs-target="#modalEdit-sertifikatPelatih"
onclick="$('#modalEdit-sertifikatPelatih #formEdit-sertifikatPelatih').attr('action', '{{ route('sertifikatWasits.update', Crypt::encryptString($item->id)) }}')"><i
class="bi bi-pencil-square"></i>
</a>
<a href="" class="btn btn-danger m-1"data-bs-toggle="modal"
data-bs-target="#modalDelete-sertifikatWasit"
onclick="$('#modalDelete-sertifikatWasit #formDelete-sertifikatWasit').attr('action', '{{ route('sertifikatWasits.destroy', Crypt::encryptString($item->id)) }}')"><i
class="bi bi-trash-fill"></i></a>
</div>
</td>
</tr>
@endforeach
@endforeach
</tbody>
</table>
<div class="center">
{{ $wasit->links('pagination::bootstrap-4') }}
</div>
</div>
</div>
{{-- TABLE --}}
{{-- Modal STORE||START|| --}}
{{-- <div class="modal fade text-left modal-borderless" id="modalAdd" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Tambahkan Wasit</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="{{ route('wasits.store') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label for="photo">Foto Wasit</label>
<input type="file" class="form-control" id="photo" name="photo" required>
<i>*Foto yang dimasukan tidak boleh lebih dari 2mb!</i>
</div>
<div class="form-group">
<label for="nama_lengkap">Nama Lengkap</label>
<input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap" required>
</div>
<div class="form-group">
<label for="umur">Usia Wasit</label>
<input type="number" class="form-control" id="umur" name="umur" required>
</div>
<div class="form-group">
<label for="jenis_kelamin">Jenis Kelamin</label>
<select class="form-control" name="jenis_kelamin" id="jenis_kelamin">
<option selected disabled>--Jenis Kelamin--</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
<div class="form-group">
<label for="alamat">Alamat</label>
<input type="text" class="form-control" id="alamat" name="alamat" required>
</div>
<div class="form-group">
<label for="pendidikan_terakhir">Pendidikan Terakhir</label>
<select class="form-control" name="pendidikan_terakhir" id="pendidikan_terakhir">
<option selected disabled>--pendidikan terakhir--</option>
<option value="SD/Sederajat">SD/Sederajat</option>
<option value="SMP/Sederajat">SMP/Sederajat</option>
<option value="SMA/Sederajat">SMA/Sederajat</option>
<option value="D3">D3</option>
<option value="Sarjana">Sarjana</option>
<option value="S2/Magister">S2/Magister</option>
</select>
</div>
<div class="form-group">
<label for="cabor">Cabang Olahraga</label>
<input type="text" class="form-control" id="cabor" name="cabor" required>
</div>
<div class="form-group">
<label for="program_lathan">Program Latihan</label>
<input type="text" class="form-control" id="program_latihan" name="program_latihan"
required>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-primary ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Submit</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div> --}}
{{-- Modal STORE||END|| --}}
{{-- Modal UPDATE||START|| --}}
{{-- <div class="modal fade text-left modal-borderless" id="modalEdit" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Data Wasit</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" method="POST" id="formEdit" enctype="multipart/form-data">
@csrf
@method('put')
<div class="form-group">
<label for="photo-edit">Foto Wasit</label>
<input type="file" class="form-control" id="photo-edit" name="photo">
<i>*Foto yang dimasukan tidak boleh lebih dari 2mb!</i>
</div>
<div class="form-group">
<label for="nama_lengkap-edit">Nama Lengkap</label>
<input type="text" class="form-control" id="nama_lengkap-edit" name="nama_lengkap"
required>
</div>
<div class="form-group">
<label for="umur-edit">Usia Wasit</label>
<input type="number" class="form-control" id="umur-edit" name="umur" required>
</div>
<div class="form-group">
<label for="jenis_kelamin-edit">Jenis Kelamin</label>
<select class="form-control" name="jenis_kelamin" id="jenis_kelamin-edit">
<option selected disabled>--Jenis Kelamin--</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
<div class="form-group">
<label for="alamat-edit">Alamat</label>
<input type="text" class="form-control" id="alamat-edit" name="alamat" required>
</div>
<div class="form-group">
<label for="pendidikan_terakhir-edit">Pendidikan Terakhir</label>
<select class="form-control" name="pendidikan_terakhir" id="pendidikan_terakhir-edit">
<option selected disabled>--pendidikan terakhir--</option>
<option value="SD/Sederajat">SD/Sederajat</option>
<option value="SMP/Sederajat">SMP/Sederajat</option>
<option value="SMA/Sederajat">SMA/Sederajat</option>
<option value="D3">D3</option>
<option value="Sarjana">Sarjana</option>
<option value="S2/Magister">S2/Magister</option>
</select>
</div>
<div class="form-group">
<label for="cabor-edit">Cabang Olahraga</label>
<input type="text" class="form-control" id="cabor-edit" name="cabor" required>
</div>
<input type="hidden" class="form-control" id="page" name="page" value="1">
<div class="form-group">
<label for="program_lathan-edit">Program Latihan</label>
<input type="text" class="form-control" id="program_latihan-edit" name="program_latihan"
required>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="center">Close</span>
</button>
<button type="submit" class="btn btn-warning ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class="center">Edit</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div> --}}
{{-- Modal UPDATE||END|| --}}
{{-- Modal DESTROY||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalDelete" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Hapus Wasit</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form id="formDelete" action="" method="post">
@csrf
@method('delete')
<div class="form-group" id="pass">
<h5>Apakah anda yakin ingin menghapus item?</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-danger ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Delete</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal DESTROY||END|| --}}
{{-- Modal STORE Sertifikat||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalAdd-sertifikatWasit" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Tambahkan Sertifikat</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="{{ route('sertifikatWasits.store') }}" method="POST"
enctype="multipart/form-data">
@csrf
<div class="form-group">
<input type="hidden" class="form-control" id="wasit_id-edit" name="wasit_id" required>
</div>
<div class="form-group">
<label for="nama_kejuaraan">Nama Kejuaraan</label>
<input type="text" class="form-control" id="nama_kejuaraan" name="nama_kejuaraan"
placeholder="Masukan nama kejuaraan " required>
</div>
<div class="form-group">
<label for="pengalaman_melatih">Pengalaman Menjadi Wasit</label>
<input type="text" class="form-control" id="pengalaman_melatih"
name="pengalaman_melatih" placeholder="Jelaskan pengalaman secara singkat!" required>
</div>
<div class="form-group">
<label for="tahun">Tahun</label>
<input type="number" class="form-control" id="tahun" name="tahun"
placeholder="masukan Tahun" required>
</div>
<div class="form-group">
<label for="sertifikat">File Sertifikat (optional)</label>
<input type="file" class="form-control" id="sertifikat" name="sertifikat">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-primary ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Submit</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal STORE Sertifikat||END|| --}}
{{-- Modal UPDATE Sertifikat||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalEdit-sertifikatPelatih" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit Sertifikat</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" id="formEdit-sertifikatPelatih" method="POST"
enctype="multipart/form-data">
@csrf
@method('put')
<div class="form-group">
<label for="nama_kejuaraan-edit">Nama Kejuaraan</label>
<input type="text" class="form-control" id="nama_kejuaraan-edit"
name="nama_kejuaraan" placeholder="Masukan nama kejuaraan " required>
</div>
<div class="form-group">
<label for="pengalaman_melatih-edit">Pengalaman Menjadi wasit</label>
<input type="text" class="form-control" id="pengalaman_melatih-edit"
name="pengalaman_melatih" placeholder="Jelaskan pengalaman secara singkat!" required>
</div>
<div class="form-group">
<label for="tahun-edit">Tahun</label>
<input type="number" class="form-control" id="tahun-edit" name="tahun"
placeholder="masukan Tahun" required>
</div>
<div class="form-group">
<label for="sertifikat-edit">File Sertifikat (optional)</label>
<input type="file" class="form-control" id="sertifikat-edit" name="sertifikat">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-warning ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Edit</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal UPDATE Sertifikat||END|| --}}
{{-- Modal DESTROY sertifikatWasit||START|| --}}
<div class="modal fade text-left modal-borderless" id="modalDelete-sertifikatWasit" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Hapus sertifikatWasit</h5>
<button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form id="formDelete-sertifikatWasit" action="" method="post">
@csrf
@method('delete')
<div class="form-group" id="pass">
<h5>Apakah anda yakin ingin menghapus item?</h5>
<input type="hidden" class="form-control" id="page" name="page"
value="1">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class=" center">Close</span>
</button>
<button type="submit" class="btn btn-danger ml-1">
<i class="bx bx-check d-block d-sm-none"></i>
<span class=" center">Delete</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{{-- Modal DESTROY sertifikatWasit||END|| --}}
{{-- script --}}
<script>
function submitFilter() {
var cabor = document.getElementById("cabor").value;
if (cabor !== "") {
document.getElementById("filterForm").submit();
}
}
</script>
@push('script-modal')
<script>
$(document).on('click', '#edit', function() {
let nama_kejuaraan = $(this).data('nama_kejuaraan')
let pengalaman_melatih = $(this).data('pengalaman_melatih')
let capaian_prestasi = $(this).data('capaian_prestasi')
let tahun = $(this).data('tahun')
$('.form-group #nama_kejuaraan-edit').val(nama_kejuaraan)
$('.form-group #pengalaman_melatih-edit').val(pengalaman_melatih)
$('.form-group #capaian_prestasi-edit').val(capaian_prestasi)
$('.form-group #tahun-edit').val(tahun)
});
</script>
<script>
$(document).on('click', '#sertifikatWasit-add', function() {
let id = $(this).data('id')
$('.form-group #wasit_id-edit').val(id)
});
</script>
@endpush
{{-- script --}}
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell