Anons79 Mini Shell

@extends('app')
@push('styles')
    <link rel="stylesheet" crossorigin href="{{ asset('assets/extensions/simple-datatables/style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/extensions/choices.js/public/assets/styles/choices.css') }}">
@endpush
@section('content')
    <div class="page-heading">
        <a href="{{ route('paket.index') }}" class="btn btn-secondary btn-sm icon-left"><i class="bi bi-arrow-left"></i>
            kembali</a>
    </div>
    <div class="page-content " style="height:100vh">
        <div class="row">
            <div class="col-md-3 ">

            </div>
            <div class="col-md-6">
                <div class="pricing">
                    <div class="card">
                        <div class="card-header text-center">
                            <h4 class="card-title">{{ $paket->nama_paket }}</h4>
                            <input type="hidden" id="paket_id" value="{{ $paket->id }}">
                        </div>

                        <h4 class="text-center" id="getTotal">Rp. {{ number_format($paket->getTotal()) }}</h4>
                        <ul>
                            <table class="table table-responsive" id="mainTable">
                                <tbody>

                                </tbody>
                            </table>
                        </ul>
                        <div class="card-footer">
                            <button data-bs-toggle="modal" data-bs-target="#modal"
                                class="btn btn-primary btn-block">Tambahkan Item</button>

                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-3 ">

            </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" style="min-height: 300px;">
                    <form action="" id="addForm">

                        <select class="choices form-select" id="itemPaketSelect" name="itemPaketSelect">
                            <option value="">-pilih item-</option>
                            @foreach ($itemPaket as $item)
                                <option value="{{ $item->id }}">{{ $item->nama_item }}</option>
                            @endforeach

                        </select>

                    </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">Pilih</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('DetailPaket.script')
    @include('Component.sweetalert')
@endsection
@push('scripts')
    <script src="{{ asset('assets/extensions/choices.js/public/assets/scripts/choices.js') }}"></script>
    <script src="{{ asset('assets/static/js/pages/form-element-select.js') }}"></script>

    {{-- get paket --}}


    {{-- get paket --}}
@endpush