@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12 mt-4">
    <div class="project-box">
        <x-heading-sec :module="'Manage Chat Settings'" />
        <div class="inner-tab mt-4">
            <ul class="nav nav-tabs project-tab mb-30" id="chatTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <a href="{{ route('configuration.chat.index',['tab'=>'permissions']) }}">
                        <button class="nav-link {{ $selectedTab == 'permissions' ? 'active' : '' }} waves-effect">Permissions</button>
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a href="{{ route('configuration.chat.index',['tab'=>'log']) }}">
                        <button class="nav-link {{ $selectedTab == 'log' ? 'active' : '' }} waves-effect">Log</button>
                    </a>
                </li>
            </ul>
            <div class="tab-content" id="chatTabContent">
                <div class="tab-pane fade show active" id="{{ $selectedTab }}-tab-pane" role="tabpanel" aria-labelledby="{{ $selectedTab }}-tab" tabindex="0">
                    @if($selectedTab == 'permissions')
                        @include('admin.configuration.chat.partials.permissions')
                    @elseif($selectedTab == 'log')
                        @include('admin.configuration.chat.partials.log')
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('page_script')
<script src="{{ asset('assets/js/chat-settings.js') }}"></script>
@endpush