@extends('layouts.admin')

@section('content')
    <div class="row mb-3">
        <div class="col-md-6">
            <h4>Pengaturan</h4>
        </div>
        <div class="col-md-6 text-right">
            <button class="btn btn-primary" type="button" onclick="info_pengaturan()">Tambah</button>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div id="info_pengaturan"></div>
            <div id="table_pengaturan"></div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        let _token = '{{ csrf_token() }}', paginate = 10, selected_page = 1;
        let $info_pengaturan = $('#info_pengaturan'),
            $table_pengaturan = $('#table_pengaturan');

        let search_pengaturan = (page = 1) => {
            if (page.toString() === '+1') selected_page++;
            else if (page.toString() === '-1') selected_page--;
            else selected_page = page;

            $.post("{{ route('admin.pengaturan.search') }}?page=" + selected_page, {
                _token, paginate
            }, (result) => {
                $table_pengaturan.html(result);
            }).fail((xhr) => {
                $table_pengaturan.html(xhr.responseText);
            });
        }

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

        let init_pengaturan = () => {
            search_pengaturan(selected_page);
            $info_pengaturan.html('');
        }

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