@extends('layouts.admin')

@section('content')
    <div class="row mb-3">
        <div class="col-md-6">
            <h4>Fitur Program</h4>
        </div>
        <div class="col-md-6 text-right">
            <button class="btn btn-primary" type="button" onclick="info_fitur_program()">Tambah</button>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-7">
                    @include('admin.fitur_program.table')
                </div>
                <div class="col-md-5">
                    <div id="info_fitur_program"></div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        let _token = '{{ csrf_token() }}';
        let $info_fitur_program = $('#info_fitur_program');

        let info_fitur_program = (id = '', parent_kode = '#') => {
            $.post("{{ route('admin.fitur_program.info') }}", {
                _token, id, parent_kode
            }, (result) => {
                $info_fitur_program.html(result);
            }).fail((xhr) => {
                $info_fitur_program.html(xhr.responseText);
            });
        }

        let init_fitur_program = () => {
            search_fitur_program();
            $info_fitur_program.html('');
        }

        init_form_element();
        init_fitur_program();
    </script>
@endpush