@php(
$headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
$title ?? '',
$subTitle ?? '',
isset($filters) ? $filters : [],
isset($advancedFilters) ? $advancedFilters : [],
)
)

@php($headingOptions = [
($selectedTab != 'settings') ? '<div class="search-field"><input type="text" class="form-control pr-45 module-search" placeholder="Search" value="'. e(request()->input('search_text')) .'">'. ((request()->has('search_text') && request()->input('search_text')) ? '<i class="'. \Config::get('settings.icon_cross') .' search-clear-icon"></i>' : '<i class="'. \Config::get('settings.icon_search') .'"></i>') .'</div>' : '',
(function() use ($selectedTab, $routePrefix) {
    $map = [
        'types' => [
            'export' => 'ticket-types.export',
            'modal'  => 'show-modal-xl',
            'label'  => 'Ticket Type',
        ],
        'categories' => [
            'export' => 'ticket-categories.export',
            'modal'  => 'show-modal-lg',
            'label'  => 'Ticket Category',
        ],
        'outcomes' => [
            'export' => 'ticket-outcomes.export',
            'modal'  => 'show-modal-lg',
            'label'  => 'Ticket Outcome',
        ],
    ];

    if (!isset($map[$selectedTab])) {
        return '';
    }

    $cfg        = $map[$selectedTab];
    $exportRoute= route('manages.helpdesk-ticket-settings.' . $cfg['export'], '__FMT__');
    $createRoute= route($routePrefix . '.create-' . $selectedTab);
    $btnClass   = \Config::get('view.buttons.primary');
    $addIcon    = \Config::get('settings.icon_add');

    return '<div class="d-inline-block position-relative me-2 hw-export-wrapper" data-export-wrapper data-route="' . $exportRoute . '">
        <button type="button" class="' . $btnClass . ' hw-export-btn" data-export-btn>
            <i class="bx bx-download"></i> <span>Export</span>
        </button>
        <div class="hw-export-menu shadow" data-export-menu>
            <button type="button" class="hw-export-item" data-format="csv">CSV</button>
            <button type="button" class="hw-export-item" data-format="xlsx">XLS</button>
        </div>
    </div><a href="' . $createRoute . '" class="' . $btnClass . ' ' . $cfg['modal'] . '"><i class="' . $addIcon . '"></i> Add ' . $cfg['label'] . '</a>';
})(),

])


@extends('admin.layouts.layout', $headerOption)
@section('content')
<div>
    <div class="col-12 mt-4">
        <div class="project-box">
            <x-heading-sec :module="$module" :options="$headingOptions" />

            <div class="inner-tab mt-4">

                <ul class="nav nav-tabs project-tab mb-30" id="myTab" role="tablist">

                    <li class="nav-item" role="presentation">
                        <a href="{{route($routePrefix.'.index', ['tab' => 'types'] )}}">
                            <button class="nav-link {{ $selectedTab == 'types' ? 'active' : '' }} waves-effect">Ticket Types</button>
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{route($routePrefix.'.index', ['tab' => 'categories'] )}}">
                            <button class="nav-link {{ $selectedTab == 'categories' ? 'active' : '' }} waves-effect">Ticket Categories</button>
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{route($routePrefix.'.index', ['tab' => 'outcomes'] )}}">
                            <button class="nav-link {{ $selectedTab == 'outcomes' ? 'active' : '' }} waves-effect">Ticket Outcomes</button>
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{route($routePrefix.'.index', ['tab' => 'settings'] )}}">
                            <button class="nav-link {{ $selectedTab == 'settings' ? 'active' : '' }} waves-effect">Settings</button>
                        </a>
                    </li>
                </ul>

                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="{{ $selectedTab }}-tab-pane" role="tabpanel" aria-labelledby="{{ $selectedTab }}-tab" tabindex="0">
                        <div class="row px-2">
                            @if($selectedTab == 'settings')
                                @include('admin.manages.helpdesk-ticket-settings.partials.settings')
                            @else
                                <div class="table-responsive project-table">
                                    @if($selectedTab == 'types')
                                        @include('admin.manages.helpdesk-ticket-settings.partials.types')
                                    @elseif($selectedTab == 'categories')
                                        @include('admin.manages.helpdesk-ticket-settings.partials.categories')
                                    @elseif($selectedTab == 'outcomes')
                                        @include('admin.manages.helpdesk-ticket-settings.partials.outcomes')
                                    @endif
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endsection


        @push('page_script')
        <script src="{{ asset('assets/js/common.js') }}"></script>
        <script src="{{ asset('assets/js/helpdesk-ticket-settings.js') }}"></script>
        @endpush