@extends('layouts.app')

@section('page-title')
    <div class="bg-title d-flex flex-wrap align-items-center justify-content-between">
        <h4 class="page-title">
            <i class="{{ $pageIcon }}"></i> @lang($pageTitle)
        </h4>
    </div>
@endsection

@section('content')
    <div class="dash_panel">
        <div class="customCard">
            <h4>@lang('app.menu.messageSettings')</h4>
            {{-- @include('sections.admin_setting_menu') --}}
            
            <form id="updateProfile" class="ajax-form" method="POST">
                @csrf
                @method('PUT')
                @if(hasAccessOf('message_settings')['is_write'])
                <div class="form-group">
                    <div class="checkbox themeCheckbox">
                        <input id="allow-client-admin" name="allow_client_admin"
                            value="yes"
                            @if ($messageSettings->allow_client_admin == 'yes') checked @endif
                            type="checkbox">
                        <label for="allow-client-admin">@lang('modules.messages.allowClientAdminChat')</label>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="checkbox themeCheckbox">
                        <input id="allow-client-employee" name="allow_client_employee"
                            value="yes"
                            @if ($messageSettings->allow_client_employee == 'yes') checked @endif
                            type="checkbox">
                        <label for="allow-client-employee">@lang('modules.messages.allowClientEmployeeChat')</label>
                    </div>
                </div>
                
                    <div class="form-actions">
                        <button type="submit" id="save-form-2" class="themeBtn"> @lang('app.update')</button>
                    </div>
                @endif
            </form>
        </div>
    </div>
@endsection

@push('footer-script')
    <script>
        $('#save-form-2').click(function() {
            $.easyAjax({
                url: '{{ route('message-settings.update', [1]) }}',
                container: '#updateProfile',
                type: "POST",
                data: $('#updateProfile').serialize()
            })
        });
    </script>
@endpush