239 lines
12 KiB
PHP
239 lines
12 KiB
PHP
@extends('admin.layouts.app')
|
|
|
|
@section('title', 'Master Hari')
|
|
|
|
@push('style')
|
|
<style>
|
|
tbody td {
|
|
vertical-align: middle!important;
|
|
}
|
|
</style>
|
|
@endpush
|
|
|
|
@section('main')
|
|
{{-- Modal Delete --}}
|
|
<div class="modal fade" id="Delete" tabindex="-1" role="dialog"
|
|
aria-labelledby="deleteModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="deleteModalLabel">
|
|
<i class="fa-solid fa-bolt p-1 bg-danger text-white" style="border-radius: 4px;"></i> Peringatan Hapus Data
|
|
</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Apakah Anda yakin ingin menghapus master hari ini?</p>
|
|
<form id="FormDelete" method="POST" action="">
|
|
@csrf
|
|
@method('DELETE')
|
|
<input type="hidden" name="id" id="delete_id">
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer d-flex justify-content-between">
|
|
<button type="button" class="btn btn-secondary text-dark" data-dismiss="modal">Batal</button>
|
|
<button type="button" class="btn btn-danger delete-btn"><i class='bx bx-loader bx-spin d-none'></i> Hapus</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Create -->
|
|
<div class="modal fade" id="Create" tabindex="-1" role="dialog" aria-labelledby="createModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="createModalLabel">Tambah Master Hari</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true" class="font-weight-normal">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="FormCreate" method="POST" action="/admin/settings/master-hari">
|
|
@csrf
|
|
@method('POST')
|
|
<div class="form-group">
|
|
<label for="add_nama_hari" class="form-label">Nama Hari <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control @error('nama_hari') is-invalid @enderror" id="add_nama_hari" placeholder="Contoh: Senin" name="nama_hari" value="{{ old('nama_hari') }}" required>
|
|
@error('nama_hari')
|
|
<div class="invalid-feedback">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary text-dark" data-dismiss="modal">Tutup</button>
|
|
<button type="button" class="btn btn-primary tambah-btn" form="FormCreate"><i class='bx bx-loader bx-spin d-none'></i> Simpan</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Edit -->
|
|
<div class="modal fade" id="Edit" tabindex="-1" role="dialog" aria-labelledby="editModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="editModalLabel">Edit Master Hari</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true" class="font-weight-normal">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="FormEdit" method="POST" action="">
|
|
@csrf
|
|
@method('PUT')
|
|
<div class="form-group">
|
|
<label for="edit_nama_hari" class="form-label">Nama Hari <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control @error('nama_hari') is-invalid @enderror" id="edit_nama_hari" placeholder="Contoh: Senin" name="nama_hari" value="" required>
|
|
@error('nama_hari')
|
|
<div class="invalid-feedback">
|
|
{{ $message }}
|
|
</div>
|
|
@enderror
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary text-dark" data-dismiss="modal">Tutup</button>
|
|
<button type="button" class="btn btn-primary edit-btn" form="FormEdit"><i class='bx bx-loader bx-spin d-none'></i> Simpan</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<section class="section">
|
|
<div class="section-header" style="display: flex; justify-content: space-between; align-items: center">
|
|
<h1>Master Hari</h1>
|
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Create">
|
|
<i class="fa-solid fa-plus mr-1"></i> Tambah Hari
|
|
</button>
|
|
</div>
|
|
|
|
<div class="section-body">
|
|
@if(session('success'))
|
|
<div class="alert alert-success alert-dismissible show fade mb-4">
|
|
<div class="alert-body">
|
|
<button class="close" data-dismiss="alert"><span>×</span></button>
|
|
{{ session('success') }}
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card" id="id-table">
|
|
<div class="card-header">
|
|
<h4>Daftar Master Hari</h4>
|
|
<div class="card-header-form">
|
|
<form>
|
|
<div class="input-group">
|
|
<input type="search" class="search form-control" placeholder="Search">
|
|
<div class="input-group-btn">
|
|
<span class="btn bg-primary text-white" style="cursor: text"><i class="fas fa-search"></i></span>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive table-hover">
|
|
<table class="table table-striped table-md" id="hariTable">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" class="sort asc" data-sort="no" style="width: 60px">#</th>
|
|
<th scope="col" class="sort" data-sort="nama">Nama Hari</th>
|
|
<th scope="col" style="text-align: center; width: 120px">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="list">
|
|
@foreach($data as $item)
|
|
<tr>
|
|
<td valign="middle" scope="row" class="no">{{ $loop->iteration }}</td>
|
|
<td valign="middle" class="nama font-weight-600" scope="row">{{ $item->nama_hari }}</td>
|
|
<td scope="row">
|
|
<div class="action d-flex justify-content-center align-items-center gap-1">
|
|
<button type="button" class="btn edit-data"
|
|
data-id="{{ $item->id }}"
|
|
data-nama="{{ $item->nama_hari }}"
|
|
data-toggle="modal" data-target="#Edit">
|
|
<i class="fa-regular fa-pen-to-square"></i>
|
|
</button>
|
|
<button type="button" class="btn delete-data" data-id="{{ $item->id }}" data-toggle="modal"
|
|
data-target="#Delete">
|
|
<i class="fa-regular fa-trash-can"></i>
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<ul class="pagination"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script src="{{ asset('library/listjs/list.min.js') }}"></script>
|
|
<script>
|
|
const options = {
|
|
valueNames: ['no', 'nama'],
|
|
page: 10,
|
|
pagination: true
|
|
};
|
|
|
|
const tableList = new List('id-table', options);
|
|
|
|
$(document).on('click', '.edit-data', function(e) {
|
|
e.preventDefault();
|
|
let id = $(this).data('id');
|
|
let nama = $(this).data('nama');
|
|
|
|
$('#edit_nama_hari').val(nama);
|
|
|
|
$("#FormEdit").attr('action', `/admin/settings/master-hari-update/${id}`);
|
|
});
|
|
|
|
$(".tambah-btn").on("click", function () {
|
|
let $this = $(this);
|
|
let loader = $this.find(".bx-loader");
|
|
loader.removeClass("d-none");
|
|
$this.prop("disabled", true);
|
|
$("#FormCreate").submit();
|
|
});
|
|
|
|
$(".edit-btn").on("click", function () {
|
|
let $this = $(this);
|
|
let loader = $this.find(".bx-loader");
|
|
loader.removeClass("d-none");
|
|
$this.prop("disabled", true);
|
|
$("#FormEdit").submit();
|
|
});
|
|
|
|
$(document).on('click', '.delete-data', function(e) {
|
|
let id = $(this).data('id');
|
|
$('#delete_id').val(id);
|
|
$("#FormDelete").attr('action', `/admin/settings/master-hari/${id}`);
|
|
});
|
|
|
|
$(".delete-btn").on("click", function () {
|
|
let $this = $(this);
|
|
let loader = $this.find(".bx-loader");
|
|
loader.removeClass("d-none");
|
|
$this.prop("disabled", true);
|
|
$("#FormDelete").submit();
|
|
});
|
|
</script>
|
|
@endpush
|