@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('home.home') => '/',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'home'])
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('css/home.css') }}?v={{ config('assets.version') }}">

    @if ($data['finished_tour'] == false)
        <link rel="stylesheet" href="{{ asset('css/libraries/tourguide.min.css') }}">
    @endif
@endsection

@section('content')
    <div class="px-4 py-2 home-content-layout">
        <div class="d-flex justify-content-between">
            <h2>
                مرحباً
                {{ Auth::user()['user_name'] }}
            </h2>

            @php $shortcut_items = []; @endphp
            @can('accounting')
                @php
                    $accounting_shortcuts = [
                        [
                            'title' => __('home.add_entry'),
                            'link' => 'entries.create',
                            'icon' => 'fa-clipboard-list',
                            'perm' => 'accounting-entries-add',
                        ],
                        [
                            'title' => __('home.add_receipt_entry'),
                            'link' => 'receipts.create',
                            'icon' => 'fa-money-bill-wave-alt',
                            'perm' => 'accounting-receipts-add',
                        ],
                        [
                            'title' => __('home.add_exchange_entry'),
                            'link' => 'exchanges.create',
                            'icon' => 'fa-money-check-alt',
                            'perm' => 'accounting-exchanges-add',
                        ],
                        [
                            'title' => __('home.add_sales_services_invoice'),
                            'link' => 'services-invoices.create',
                            'icon' => 'fa-file-invoice',
                            'perm' => 'accounting-servicesInvoices-add',
                        ],
                        [
                            'title' => __('home.add_returned_services_bond'),
                            'link' => 'returned-services-bonds.create',
                            'icon' => 'fa-file-invoice',
                            'perm' => 'accounting-returnedServicesBonds-add',
                        ],
                        [
                            'title' => __('home.add_debit_note'),
                            'link' => 'debitNotes.create',
                            'icon' => 'fa-file-import',
                            'perm' => 'accounting-debitNotes-add',
                        ],
                        [
                            'title' => __('home.add_credit_note'),
                            'link' => 'creditNotes.create',
                            'icon' => 'fa-file-export',
                            'perm' => 'accounting-creditNotes-add',
                        ],
                    ];

                    foreach ($accounting_shortcuts as $accounting_shortcut) {
                        if (Permission::where('name', $accounting_shortcut['perm'])->where('guard_name', 'web')->exists()) {
                            if (Auth::check() && Auth::user()->hasPermissionTo($accounting_shortcut['perm'])) {
                                $accounting_shortcut['link'] = 'tenant.accounting.' . $accounting_shortcut['link'];
                                $shortcut_items[] = $accounting_shortcut;
                            }
                        }
                    }

                @endphp
            @endcan

            @can('rentals')
                @php
                    $rentals_shortcuts = [
                        [
                            'title' => __('home.shops'),
                            'link' => 'tenant.rentals.shops.index',
                            'icon' => 'fa-door-open',
                            'perm' => 'rentals-shops-show',
                        ],
                        [
                            'title' => __('home.add_contract'),
                            'link' => 'tenant.rentals.rental-contracts.create',
                            'icon' => 'fa-city',
                            'perm' => 'rentals-contracts-add',
                        ],
                    ];

                    foreach ($rentals_shortcuts as $rentals_shortcut) {
                        if (Auth::user()->hasPermissionTo($rentals_shortcut['perm'])) {
                            $shortcut_items[] = $rentals_shortcut;
                        }
                    }
                @endphp
            @endcan

            <section id="shortcuts">
                <div class="dropdown">
                    <button class="btn orange-btn dropdown-toggle" type="button" id="shortcutsMenuButton"
                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        إضافة سريعة
                    </button>

                    <div class="dropdown-menu" aria-labelledby="shortcutsMenuButton">
                        @foreach ($shortcut_items as $shortcut_item)
                            <a class="dropdown-item text-end" href="{{ route($shortcut_item['link']) }}">
                                {{ $shortcut_item['title'] }}
                            </a>
                        @endforeach
                    </div>
                </div>
            </section>
        </div>

        <div>
            @can('generalSettings-homePage-showTotalsCharts')
                <section id="general-numbers-analytics">
                    <div class="row justify-content-between">
                        <div class="general-number-analytics-item">
                            <div class="d-flex flex-row-reverse justify-content-between gap-3">
                                <div class="icon-layout">
                                    <div class="icon-container"></div>
                                    <img src="{{ asset('images/home-page/net-sales/nested-icon.svg') }}" class="nested-icon" alt="Net Sales">
                                </div>

                                <div class="d-flex flex-column align-items-end mr-3">
                                    <h5 class="mt-4 mb-3">
                                        <img src="{{ asset('images/home-page/net-sales/title-icon.svg') }}" alt="">
                                        @lang('home.net_sales')
                                    </h5>
                                    <h4>{{ dn(abs($data['net_sales_amount'])) }}</h4>
                                </div>
                            </div>
                        </div>

                        <div class="general-number-analytics-item">
                            <div class="d-flex flex-row-reverse justify-content-between gap-3">
                                <div class="icon-layout">
                                    <div class="icon-container"></div>
                                    <img src="{{ asset('images/home-page/net-purchases/nested-icon.svg') }}" class="nested-icon" alt="Net Purchases">
                                </div>

                                <div class="d-flex flex-column align-items-end mr-3">
                                    <h5 class="mt-4 mb-3">
                                        <img src="{{ asset('images/home-page/net-purchases/title-icon.svg') }}" alt="">
                                        @lang('home.net_purchases')
                                    </h5>
                                    <h4>{{ dn($data['net_purchases_amount']) }}</h4>
                                </div>
                            </div>
                        </div>

                        <div class="general-number-analytics-item">
                            <div class="d-flex flex-row-reverse justify-content-between gap-3">
                                <div class="icon-layout">
                                    <div class="icon-container"></div>
                                    <img src="{{ asset('images/home-page/outlays/nested-icon.svg') }}" class="nested-icon" alt="Outlays">
                                </div>

                                <div class="d-flex flex-column align-items-end mr-3">
                                    <h5 class="mt-4 mb-3">
                                        <img src="{{ asset('images/home-page/outlays/title-icon.svg') }}" alt="">
                                        @lang('home.expenses')
                                    </h5>
                                    <h4>{{ dn(abs($data['outlays_amount'])) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            @endcan

            <home-page data="{{ json_encode($data) }}"></home-page>
        </div>
    </div>
@endsection


@push('script')
    @scriptag('build/js/vue-components/home.js')

    {{-- Show Subscription Alert Message --}}
    @if (session()->has('subscription_alert'))
        <script>
            $.alert({
                type: "red",
                title: __('home.subscription_alert').
                ' !',
                content: "{!! session('subscription_alert') !!}",
                buttons: {
                    ok: {
                        text: __('general.ok'),
                        btnClass: 'btn orange-btn',
                        keys: ['enter'],
                    },
                }
            });
        </script>
    @endif

    @if ($data['finished_tour'] == false)
        <script src="{{ asset('js/libraries/tourguide.js') }}" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="{{ asset('js/general/tour-walkthrough.js') }}"></script>
    @endif
@endpush