@extends('layouts.app')

@push('css')
    <link rel="stylesheet" href="{{ asset('/assets/css/budget.css') }}">
@endpush

@section('content')
    <div class="spinner-layer d-none customBackgroundColore">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </div>
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-cards-variant menu-icon"></i>
                </span> {{ __('Budget Report') }}
            </h3>
            <div>
                <button id="print" class="btn btn-primary">{{__("Print")}}</button>
            </div>
        </div>

        <div id="content" class="mt-4 bg-white">
            <div class="tabs-buttons no-print">
                <ul class="nav nav-tabs" id="budget-tabs" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button data-print="{{__("Financial Center List")}}" class="nav-link active  " id="budget-tab" data-bs-toggle="tab" data-bs-target="#budget"
                                type="button" role="tab" aria-controls="home"
                                aria-selected="true">{{__("Budget")}}</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button data-print="{{__("Comprehensive income statement")}}" class="nav-link " id="profit_and_loss_statement-tab" data-bs-toggle="tab"
                                data-bs-target="#profit_and_loss_statement"
                                type="button" role="tab" aria-controls="profit_and_loss_statement"
                                aria-selected="false">{{__("Profit And Loss Statement")}}</button>
                    </li>
{{--                    <li class="nav-item" role="presentation">--}}
{{--                        <button class="nav-link " id="cash_flows-tab" data-bs-toggle="tab" data-bs-target="#cash_flows"--}}
{{--                                type="button" role="tab" aria-controls="cash_flows"--}}
{{--                                aria-selected="false">{{__("Cash Flows")}}</button>--}}
{{--                    </li>--}}

                    <li class="nav-item" role="presentation">
                        <button data-print="{{__("Statement of changes in equity")}}" class="nav-link " id="current_accounts-tab" data-bs-toggle="tab"
                                data-bs-target="#current_accounts"
                                type="button" role="tab" aria-controls="current_accounts"
                                aria-selected="false">{{__("Current Accounts")}}</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button data-print="{{__("Notes on the financial statements")}}" class="nav-link " id="clarifications-tab" data-bs-toggle="tab"
                                data-bs-target="#clarifications"
                                type="button" role="tab" aria-controls="clarifications"
                                aria-selected="false">{{__("Clarifications")}}</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link " id="fixed_assets_clarification-tab" data-bs-toggle="tab"
                                data-print="{{__("Fixed assets clarification")}}"
                                data-bs-target="#fixed_assets_clarification"
                                type="button" role="tab" aria-controls="fixed_assets_clarification"
                                aria-selected="false">{{__("Fixed Assets Clarification")}}</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button data-print="{{__("Administrative, general and other expenses")}}" class="nav-link " id="general_expenses-tab" data-bs-toggle="tab"
                                data-bs-target="#general_expenses"
                                type="button" role="tab" aria-controls="general_expenses"
                                aria-selected="false">{{__("General Expenses")}}</button>
                    </li>
                </ul>
            </div>
            
            
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade  show active  " id="budget" role="tabpanel" aria-labelledby="budget-tab">
                    @include('dashboard.report.budget.components.budget')
                </div>
                <div class="tab-pane fade" id="profit_and_loss_statement" role="tabpanel"
                     aria-labelledby="profit_and_loss_statement-tab">
                    @include('dashboard.report.budget.components.profits_and_loses')
                </div>

{{--                <div class="tab-pane fade" id="cash_flows" role="tabpanel" aria-labelledby="cash_flows-tab">--}}
{{--                    @include('dashboard.report.budget.components.cash_flows')--}}
{{--                </div>--}}
                <div class="tab-pane fade" id="current_accounts" role="tabpanel" aria-labelledby="current_accounts-tab">
                    @include('dashboard.report.budget.components.current_accounts')
                </div>
                <div class="tab-pane fade " id="clarifications" role="tabpanel" aria-labelledby="clarifications-tab">
                    @include('dashboard.report.budget.components.clarifications')
                </div>
                <div class="tab-pane fade  " id="fixed_assets_clarification" role="tabpanel"
                     aria-labelledby="fixed_assets_clarification-tab">
                    @include('dashboard.report.budget.components.fixed_assets_clarification')
                </div>
                <div class="tab-pane fade " id="general_expenses" role="tabpanel"
                     aria-labelledby="general_expenses-tab">
                    @include('dashboard.report.budget.components.general_expenses')
                </div>
            </div>
        </div>
    </div>
    <div class="spinner-layer d-none ">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </div>
    <input type="hidden" value="{{__("For the fiscal year ending December 31")}} {{now()->subYear()->year}}" id="title_of_fiscal_year">
    <input type="hidden" value="{{__("Al Naam Food Marketing Company")}}" id="company_name">
@endsection

@section('scripts')
<script >
const authenticatedUserName = `<span id="authenticated-user-id" style="font-size: 8px;"> 
    {{ Auth::user()->id ?? __('Guest') }}
</span>`;
</script>
<script src="{{asset("/assets/js/pages/report/budget.js")}}"></script>
@endsection