@extends('base', [
    'scripts' => $scripts ?? []
])

@section('title', 'account')

@section('content')

    @php
        $language = config('app.locale');
        $class = (isset($showMenu) && $showMenu) ? '' : 'hidden';
    @endphp
    
    <div class="ui basic segment" id="applicationBreadcrumbs">
        <div class="ui grid">
            <div class="ten wide column">
                <div class="ui breadcrumb">
                    <a href="{{ route('home') }}" class="section">{{ __('Home') }}</a>
                    <i class="right angle icon divider"></i>
                    <a href="#" class="section">{{ __('My Account') }}</a>
                    <i class="right angle icon divider"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="ui grid">
        <div class="sixteen wide column account-container">
            <div id="myAccountMenuContainer">
                <div class="ui vertical fluid secondary menu" id="myAccountMenu">
                    <a class="item" id="myApplicationMenuItem" href="#">
                        {{ __('My Application') }}
                    </a>
                    <a class="item pushed {{$class}}" id="applicationStatusMenuItem" href="{{ route('applicationStatus') }}">
                        {{ __('Application Status') }} >
                    </a>
                    <a class="item pushed {{$class}}" id="applicationFormMenuItem" href="{{ route('application-form-show') }}">
                        {{ __('Application Form') }} >
                    </a>
                    <a class="item pushed {{$class}}" id="documentsMenuItem" href="{{ route('clientDocument') }}">
                        {{ __('Application Documents') }} >
                    </a>

                    {{--<a class="item" id="messagesMenuItem" href="#">--}}
                        {{--{{ __('Inner Messages') }}--}}
                    {{--</a>--}}
                    {{--<a class="item pushed1" id="menuIndex" href="{{ route('chatIndex') }}">--}}
                        {{--{{ __('Inbox') }}--}}
                    {{--</a>--}}
                    {{--<a class="item pushed1" id="menuOutbox" href="{{ route('chatOutbox') }}">--}}
                        {{--{{ __('Outbox') }}--}}
                    {{--</a>--}}
                    {{--<a class="item pushed1" id="menuDraft" href="{{ route('chatDraft') }}">--}}
                        {{--{{ __('Draft box') }}--}}
                    {{--</a>--}}
                    {{--<a class="item pushed1" id="menuDustbin" href="{{ route('chatDustbin') }}">--}}
                        {{--{{ __('Dustbin') }}--}}
                    {{--</a>--}}

{{--                    @if($language != 'en')--}}
{{--                        <a class="item" id="translationStatusMenuItem" href="{{ Route::has('translationStatus') ? route('translationStatus') : '#' }}">--}}
{{--                            {{ __('Translation Status') }}--}}
{{--                        </a>--}}
{{--                    @endif--}}
                    <a class="item" id="discountCouponsMenuItem" href="{{ route('showDiscountCouponsList') }}">
                        {{__('my-discount-coupon')}}
                    </a>
                    <a class="item" id="orderHistoryMenuItem" href="{{ route('orderHistory') }}">
                        {{ __('Order History') }}
                    </a>
                    <a class="item" id="myConsultantMenuItem" href="{{ route('account-consultant') }}">
                        {{ __('Account Manager') }}
                    </a>
                    {{--<a class="item" id="accountChatMenuItem" href="{{ route('chatIndex') }}">
                        {{ __('Chat') }}
                    </a>--}}
                    <a class="item" id="accountManagementMenuItem" href="{{ route('showAccount') }}">
                        {{ __('Account Management') }}
                    </a>
                    {{--<a class="item" id="myWalletMenuItem" href="{{ route('showWallet') }}">--}}
                        {{--{{ __('My Wallet') }}--}}
                    {{--</a>--}}
                </div>
            </div>

            <div id="account-base">
                @yield('account_content')
            </div>
        </div>
    </div>

    <script>
        $(function() {
            var pushedItem = $('.item.pushed');
            
            pushedItem.removeClass('hidden');

            if ($('.item.pushed.active').length === 0) {
                pushedItem.hide();
            }

            $('#myApplicationMenuItem').click(function (e) {
                e.preventDefault();
                pushedItem.slideToggle();
            });

            if ($('.item.pushed1.active').length === 0) {
                $('.item.pushed1').hide();
            }

            $('#messagesMenuItem').click(function (e) {
                e.preventDefault();
                $('.item.pushed1').slideToggle();
            });
        });
    </script>
@endsection