@extends('layouts.app')

@section('filter-section')
    <!-- FILTER START -->
    <!-- PROJECT HEADER START -->
    <div class="d-flex filter-box project-header bg-white">

        <div class="mobile-close-overlay w-100 h-100" id="close-client-overlay"></div>
        <div class="project-menu d-lg-flex" id="mob-client-detail">
            <a class="d-none close-it" href="javascript:;" id="close-client-detail" >
                <i class="fa fa-times"></i>
            </a>
            @if(isset($expense) && is_object($expense))
    <x-tab :href="route('expenses.show', $expense->id)" :text="__('modules.projects.overview')" class="overview" />

    <x-tab :href="route('expenses.show', $expense->id).'?tab=follow-up'" :count="$expense->followups() ? $expense->followups()->count() : 0" ajax="false" :text="__('modules.lead.followUp')" class="follow-up" />
@endif
        </div>
        <a class="mb-0 d-block d-lg-none text-dark-grey ml-auto mr-2 border-left-grey"
            onclick="openClientDetailSidebar()"><i class="fa fa-ellipsis-v "></i></a>
    </div>
    <!-- FILTER END -->
    <!-- PROJECT HEADER END -->

@endsection

@section('content')

    <!-- CONTENT WRAPPER START -->
    <div class="content-wrapper">
        @if (isset($activeTab) && $activeTab === 'follow-up')
            @include('expenses.ajax.follow-up')
        @else
            @if (isset($view) && $view !== 'expenses.show' && $view !== 'expenses.ajax.show')
                @include($view)
            @else
                @include('expenses.ajax.show')
            @endif
        @endif
    </div>
    <!-- CONTENT WRAPPER END -->

@endsection

@push('scripts')
    <script>
        const activeTab = "{{ isset($activeTab) ? $activeTab : 'overview' }}";
        $('.project-menu  .' + activeTab).addClass('active');
    </script>
@endpush