@extends('layouts.app')
@section('content')
<div class="main-content">
    <section class="section">
        <div class="section-header">
            <h1>Settings</h1>
        </div>

        <div class="section-body">
            <div class="card pt-3">
                <form class="row" style="width: 100%; margin-left: 0;">
                    <div class="col-lg-12">
                                                <table class="table" border="1">
                            <tr>
                                <th colspan="2" class="text-center">
                                    Isian JSON Encounter
                                </th>
                            </tr>
                            <tr>
                                <td>Encounter</td>
                                <td class="text-center">
                                    <input type="checkbox" checked onclick="return false">
                                </td>
                            </tr>
                            <tr>
                                <td>Conditon</td>
                                <td class="text-center">
                                    <input type="checkbox" value="condition" id="condition" {{ in_array('condition', $value) ? 'checked' : 'checked' }} onclick="return false">
                                </td>
                            </tr>
                            <tr>
                                <td>Observation</td>
                                <td class="text-center">
                                    <input type="checkbox" value="observation" id="observation" {{ in_array('observation', $value) ? 'checked' : '' }} onclick="update_setting(this.value)">
                                </td>
                            </tr>
                            <tr>
                                <td>Medication</td>
                                <td class="text-center">
                                    <input type="checkbox" value="medication" id="medication" {{ in_array('medication', $value) ? 'checked' : '' }} onclick="update_setting(this.value)">
                                </td>
                            </tr>
                            <tr>
                                <td>Laboratorium</td>
                                <td class="text-center">
                                    <input type="checkbox" value="laboratorium" id="laboratorium" {{ in_array('laboratorium', $value) ? 'checked' : '' }} onclick="update_setting(this.value)">
                                </td>
                            </tr>
                            <tr>
                                <td>Radiologi</td>
                                <td class="text-center">
                                    <input type="checkbox" value="radiologi" id="radiologi" {{ in_array('radiologi', $value) ? 'checked' : '' }} onclick="update_setting(this.value)">
                                </td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>
        </div>
    </section>
</div>
@endsection
@push('scripts')
    <script>
        let arr_value = [];

        function update_setting(value)
        {
            if ($(`#${value}`).is(':checked')) {
                let cek = false;
                for (let i = 0; i < arr_value.length; i++) {
                    if (arr_value[i] == value) {
                        cek = true;
                        break;
                    }
                }

                if (!cek) {
                    arr_value.push(value)
                }
            }else{
                for (let i = 0; i < arr_value.length; i++) {
                    if (arr_value[i] == value) {
                        arr_value.splice(i, 1);
                        break;
                    }
                }
            }

            toastr.warning('Sedang mengupdate setting, harap tunggu.')

            $.ajax({
                url : "{{ url('satu_sehat/settings/store') }}",
                data : {
                    _token : '{{ csrf_token() }}',
                    value : JSON.stringify(arr_value)
                },
                method : 'post',
                success : function(response)
                {
                    if (!response.status) {
                        toastr.error(response.message);
                        return;
                    }
                    toastr.success(response.message);
                }
            })
        }
    </script>
@endpush