@extends('admin.layouts.layout')

@section('content')
    @include('admin.report-templates.template_header')
    @if(session()->has('selected_section_id'))
    @include('admin.report-templates.services.service_header')

    <div class="tamplete_listarea">
        @include('admin.report-templates.services.service_item_type')
        <div class="tab-content" id="myTabContent">
            @php
                $selectedSectionId = session('selected_section_id') ?? ($current_section_id ?? null);
                $dynamicItemTypeTabs = \App\Helpers\Helper::getSectionItemTypeTabs($selectedSectionId);
            @endphp
            @if($dynamicItemTypeTabs->count())
                @foreach($dynamicItemTypeTabs as $idx => $tab)
                    @php $paneId = 'itemtype-'.$tab->item_type_id.'-pane'; @endphp
                    <div class="tab-pane fade {{ $idx===0 ? 'show active' : '' }}" id="{{ $paneId }}" role="tabpanel" aria-labelledby="itemtype-{{ $tab->item_type_id }}-tab" tabindex="0">
                        <div class="section-items-wrapper" data-section="{{ $selectedSectionId }}" data-item-type="{{ $tab->item_type_id }}">
                            <div class="p-3 text-muted">Loading...</div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
    @endif
@endsection

@push('page_script')
<script>
$(document).ready(function() {
    // Clear section selection when navigating away from services page
    $('.template-nav-link').on('click', function(e) {
        // Only clear if not already on services page
        var currentPath = window.location.pathname;
        var targetHref = $(this).attr('href');
        
        // Check if the target is not the services page
        if (targetHref && !targetHref.includes('services')) {
            // Clear section selection before navigation
            $.post("{{ route('report-templates.set-section') }}", {
                section_id: '',
                _token: '{{ csrf_token() }}'
            }).done(function(response) {
                console.log('Section selection cleared before navigation');
            }).fail(function(xhr) {
                console.error('Error clearing section selection:', xhr);
            });
        }
    });
});
</script>
@endpush