@extends('form.app')

@section('styles')
    {{-- dataTables css --}}
    <link href="{{ asset('assets/libs/datatables.net-bs5/css/dataTables.bootstrap5.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/libs/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css') }}" rel="stylesheet" />
    <style>
        #product_list li {
            padding: 10px;
            margin: 5px;
            border-radius: 4px;
            box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
        }

        #product_list {
            padding-left: 0;
            list-style-type: none;
        }
    </style>
@endsection

@section('content')
    {{-- navbar --}}
    @include('product::group.form.navbar')

    <form class="row" id="group_frm" method="POST" enctype="multipart/form-data">
        @csrf
        <input id="id" name="id" type="hidden" value="{{ $data->id ?? '0' }}">
        <div class="col-lg-9">
            <div class="tab-content">
                <div class="tab-pane active" id="info">
                    @include('product::group.form.detail')
                </div>
                <div class="tab-pane" id="product">
                    @include('product::group.form.product')
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            @include('product::group.form.setting')
        </div>
    </form>
@endsection

@section('scripts')
    <!-- third party js -->
    <script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-bs5/js/dataTables.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-select/js/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net-buttons/js/buttons.colVis.min.js') }}"></script>
    <script src="{{ asset('assets/libs/jquery-ui/jquery-ui.min.js') }}"></script>
    <script>
        var $_module = '<br />
<b>Warning</b>:  Undefined variable $module in <b>/newdata/stgdev/public_html/trisak.mwz/Modules/Product/resources/views/group/form.blade.php</b> on line <b>61</b><br />
';
        var $_method = '<br />
<b>Warning</b>:  Undefined variable $method in <b>/newdata/stgdev/public_html/trisak.mwz/Modules/Product/resources/views/group/form.blade.php</b> on line <b>62</b><br />
';
        var $_config = $.parseJSON('<br />
<b>Warning</b>:  Undefined variable $config in <b>/newdata/stgdev/public_html/trisak.mwz/Modules/Product/resources/views/group/form.blade.php</b> on line <b>63</b><br />
null');
    </script>
    {{ module_vite('build-product', 'resources/assets/js/group.js') }}
@endsection