@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>ICON</th>
<th>NAMA ITEM</th>
<th>HARGA</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_item_paket">Nama Item Paket</label>
<input type="text" class="form-control" id="nama_item_paket" name="nama_item_paket"
placeholder="Masukan Nama Item" autocomplete="nama_item_paket" required>
</div>
<div>
<label for="icon_item__paket_1">Pilih Icon</label>
<div>
<input type="radio" name="icon_item_paket" id="icon_item_paket_1"
class="check-form form-check-primary" value="check-lg">
<label for="icon_item_paket_1"><i class="bi bi-check-lg"></i></label>
<input type="radio" name="icon_item_paket" id="icon_item_paket_2"
class="check-form form-check-primary" value="x-lg">
<label for="icon_item_paket_2"><i class="bi bi-x-lg"></i></label>
<input type="radio" name="icon_item_paket" id="icon_item_paket_3"
class="check-form form-check-primary" value="star-fill">
<label for="icon_item_paket_3"><i class="bi bi-star-fill"></i></label>
</div>
</div>
<div class="form-group">
<label for="harga_item">Harga Item</label>
<input type="number" class="form-control" id="harga_item_paket" name="harga_item_paket"
placeholder="Masukan harga Item (Rp.)" autocomplete="harga_item_paket" required>
</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">Edit Data 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">
<input type="hidden" class="form-control" id="edit_id" name="id" autocomplete="id">
<div class="form-group">
<label for="edit_nama_item_paket">Nama Item Paket</label>
<input type="text" class="form-control" id="edit_nama_item_paket" name="nama_item_paket"
placeholder="Masukan Nama Item" autocomplete="nama_item_paket" required>
</div>
<div>
<label for="icon_item__paket_1">Pilih Icon</label>
<div>
<input type="radio" name="edit_icon_item_paket" id="edit_icon_item_paket_1"
class="check-form form-check-primary" value="check-lg">
<label for="edit_icon_item_paket_1"><i class="bi bi-check-lg"></i></label>
<input type="radio" name="edit_icon_item_paket" id="edit_icon_item_paket_2"
class="check-form form-check-primary" value="x-lg">
<label for="edit_icon_item_paket_2"><i class="bi bi-x-lg"></i></label>
<input type="radio" name="edit_icon_item_paket" id="edit_icon_item_paket_3"
class="check-form form-check-primary" value="star-fill">
<label for="edit_icon_item_paket_3"><i class="bi bi-star-fill"></i></label>
</div>
</div>
<div class="form-group">
<label for="edit_harga_item_paket">Harga Item</label>
<input type="number" class="form-control" id="edit_harga_item_paket"
name="harga_item_paket" placeholder="Masukan harga Item (Rp.)"
autocomplete="harga_item_paket" required>
</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('ItemPaket.script')
@include('Component.sweetalert')
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell