{{ View::make('layout.header') }}

<div class="app-content content ">

    <div class="content-overlay"></div>

    <div class="header-navbar-shadow"></div>

    <div class="content-wrapper">

        <div class="content-body">

            <!-- account setting page -->

            <section id="page-account-settings">

                <div class="row">

                    <!-- left menu section -->

                    <div class="col-md-3 mb-2 mb-md-0">

                        <ul class="nav nav-pills flex-column nav-left">

                            <!-- information -->



                            <li class="nav-item">

                                <a class="nav-link  active" id="account-pill-social" data-toggle="pill" href="#approver-settings" aria-expanded="false">

                                    <span class="font-weight-bold">Approver Settings</span>

                                </a>

                            </li>



                        </ul>

                    </div>

                    <!--/ left menu section -->



                    <!-- right content section -->

                    <div class="col-md-9">

                        <div class="card">

                            <div class="card-body">

                                <div class="tab-content">

                                    <!-- general tab -->







































                                    <div class="tab-pane active " id="approver-settings" role="tabpanel" aria-labelledby="account-pill-notifications" aria-expanded="false">

                                        <div class="row">

                                            <div class="col-12 col-sm-12">

                                                <h4 class="card-title">Approver Settings</h4>

                                            </div>

                                            <div class="col-12 col-sm-12">

                                                <div class="form-group">

                                                    <label for="account-website">Type :</label>

                                                    <select class="form-control" id="approver_setting_type" name="approver_setting_type">

                                                        <option value="0" {{ isset($setting->value) && $setting->value == 0 ? 'selected' : '' }}>One Approver</option>
                                                        <option value="1" {{ isset($setting->value) && $setting->value == 1 ? 'selected' : '' }}>Hierarchy</option>
                                                        <option value="4" {{ isset($setting->value) && $setting->value == 4 ? 'selected' : '' }}>Any Approver</option>

                                                    </select>

                                                </div>

                                            </div>

                                            <div class="col-12"><span id="approver_setting_type_message"></span></div>

                                            <div class="col-12">

                                                <button type="buttton" onclick="approver_setting_type_submit()" class="btn btn-info mt-1 mr-1 waves-effect waves-float waves-light">Apply</button>



                                            </div>

                                        </div>

                                    </div>





















                                </div>

                            </div>

                        </div>

                    </div>

                    <!--/ right content section -->

                </div>

            </section>

            <!-- / account setting page -->



        </div>

    </div>

</div>



{{View::make('layout.footer')}}



<script>

    function approver_setting_type_submit() {

        $.ajax({

            url: '{{ route('setEclaimMultipleApprover') }}',

            type: 'POST',

            data: {

                '_token': "{{ csrf_token() }}",

                eclaim_multiple_approver: $("#approver_setting_type").val(),

            },

            success: function(e) {

                if (e == true) {

                    $("#approver_setting_type_message").html("<span style='color:green'>Approver settings changed successfully !</span>");

                } else

                    $('#approver_setting_type_message').html("<span class='text-danger'>Error occured. Please verify the data.</span>")

            },

            error: function(w) {}

        });

    }

</script>