@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>
            <x-tab :href="route('invoices.show', $invoice->id)" :text="__('modules.projects.overview')" class="overview" />

            <x-tab :href="route('invoices.show', $invoice->id).'?tab=files'" :count="$invoice->file ? 1 : 0" ajax="false" :text="__('modules.projects.files')" class="files" />

            <x-tab :href="route('invoices.show', $invoice->id).'?tab=follow-up'" :count="$invoice->followup()->count()" ajax="false" :text="__('modules.lead.followUp')" class="follow-up" />

            {{-- <x-tab :href="route('invoice.show', $invoice->id). '?tab=history'" ajax="false" :text="__('purchase::modules.vendorPayment.history')" class="history" /> --}}
        </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">
        @include('invoices.ajax.files')
    </div>
    <!-- CONTENT WRAPPER END -->

@endsection

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

    </script>
@endpush