@extends('app')
@section('content')
<div class="page-heading">
<h3>Item Paket</h3>
</div>
<div class="page-content ">
<div class="card">
<div class="card-header">
<div>
<button class="btn btn-success my-3" data-bs-toggle="modal" data-bs-target="#modal"><i
class="bi bi-plus-lg"></i> Tambahkan</button>
</div>
<div>
<div class="form-group position-relative has-icon-right col-md-3 col-sm-12">
<input type="text" id="search-bar" name="search" class="form-control"
placeholder="Temukan Pengguna">
<div class="form-control-icon">
<i class="bi bi-search"></i>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered mb-0 " id="mainTable">
<thead>
<tr>
<th>NAMA PAKET</th>
<th>DURASI PAKET</th>
<th>KATEGORI</th>
<th>JENIS</th>
<th>KETERANGAN</th>
<th>ACTION</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
{{-- Modal Add --}}
<div class="modal fade text-left" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel17">Tambah Item Paket</h4>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" id="addForm">
<div class="form-group">
<label for="nama_paket">NamaPaket</label>
<input type="text" class="form-control" id="nama_paket" name="nama_paket"
autocomplete="nama_paket" required>
</div>
<div class="form-group">
<label for="durasi_paket">Durasi Paket </label>
<div class="row">
<div class="col-8">
<input type="number" class="form-control" id="durasi_paket" name="durasi_paket"
placeholder="Masukan Durasi Paket" autocomplete="durasi_paket" required>
</div>
<div class="col-4">
<select class="form-control" name="satuan_durasi_paket"
id="satuan_durasi_paket"required>
<option value="">-Satuan Durasi Paket-</option>
<option value="Hari">Hari</option>
<option value="Bulan">Bulan</option>
<option value="Tahun">Tahun</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label for="kategori">Kategori</label>
<select class="form-control" name="kategori" id="kategori">
<option value="">-pilih kategori-</option>
<option value="Tampil">Tampil</option>
<option value="Disembunyikan">Disembunyikan</option>
</select>
</div>
<div class="form-group">
<label for="kategori">Jenis</label>
<select class="form-control" name="jenis" id="jenis">
<option value="">-pilih kategori-</option>
<option value="Aplikasi">Aplikasi</option>
<option value="Kelas">Kelas</option>
</select>
</div>
<div class="form-group">
<label for="keterangan">keterangan</label>
<textarea class="form-control" name="keteranggan" id="keterangan" cols="30" rows="10"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-secondary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">Batal</span>
</button>
<button type="button" class="btn btn-primary ms-1" id="submit-btn" data-bs-dismiss="modal">
<i class="bx bx-check d-block d-sm-none"></i>
<span class="d-none d-sm-block">Simpan</span>
</button>
</div>
</div>
</div>
</div>
{{-- Modal Edit --}}
<div class="modal fade text-left" id="modalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel17">Tambah Item Paket</h4>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<form action="" id="editForm">
<input type="hidden" class="form-control" id="edit_id" name="id" autocomplete="id">
<div class="form-group">
<label for="edit_nama_paket">NamaPaket</label>
<input type="text" class="form-control" id="edit_nama_paket" name="nama_paket"
autocomplete="nama_paket" required>
</div>
<div class="form-group">
<div class="row">
<label for="edit_durasi_paket">Durasi Paket</label>
<div class="row">
<div class="col-8">
<input type="number" class="form-control" id="edit_durasi_paket"
name="durasi_paket" placeholder="Masukan Durasi Paket"
autocomplete="durasi_paket" required>
</div>
<div class="col-4">
<select class="form-control" name="satuan_durasi_paket"
id="edit_satuan_durasi_paket">
<option value="">-Satuan Durasi Paket-</option>
<option value="Hari">Hari</option>
<option value="Bulan">Bulan</option>
<option value="Tahun">Tahun</option>
</select>
</div>
</div>
</div>
</div>
<div class="form-group">
<label for="edit_kategori">Kategori</label>
<select class="form-control" name="kategori" id="edit_kategori">
<option value="">-pilih kategori-</option>
<option value="Tampil">Tampil</option>
<option value="Disembunyikan">Disembunyikan</option>
</select>
</div>
<div class="form-group">
<label for="edit_jenis">Jenis</label>
<select class="form-control" name="jenis" id="edit_jenis">
<option value="">-pilih kategori-</option>
<option value="Aplikasi">Aplikasi</option>
<option value="Kelas">Kelas</option>
</select>
</div>
<div class="form-group">
<label for="edit_keterangan">keterangan</label>
<textarea class="form-control" name="keteranggan" id="edit_keterangan" cols="30" rows="10"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-secondary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">Close</span>
</button>
<button type="button" class="btn btn-primary ms-1" id="update-btn" data-bs-dismiss="modal">
<i class="bx bx-check d-block d-sm-none"></i>
<span class="d-none d-sm-block">Simpan</span>
</button>
</div>
</div>
</div>
</div>
@include('Paket.script')
@include('Component.sweetalert')
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell