@extends('admin.layouts.layout')

@section('container_content')
    @include('admin.layouts.menu')

    <!--Contents-->
    <main class="main">
        <!-- ------------ top nav ------------- -->
        <section class="top-nav d-flex justify-content-between d-print-none">
            <a href="#" class="butn btn_line toggelmenu">
                <i class="fas fa-bars"></i>
            </a>

            <div class="d-inline-flex">
                <!-- Start Notifications Dropdown Menu -->
                <div class="nav-item dropdown header-notification d-none">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <i class="far fa-bell"></i>
                        <span class="badge badge-warning navbar-badge">{{ $adminNotificationsCount }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <span class="dropdown-item dropdown-header text-center">
                            {{ __('dashboard.notifications_count', ['count' => $adminNotificationsCount]) }}
                        </span>
                        <div class="dropdown-divider"></div>
                        @if($adminNotifications->count())
                            @foreach($adminNotifications as $notification)
                                @if($notification->type_key == 'plan')
                                    <a href="{{ route ('plans.show', $notification->item_id) }}"
                                       class="dropdown-item">
                                        <span
                                            class="notification-content">{{ $notification->details['message'] ?? $notification->descriptions[0]->message ?? "" }}</span>
                                        <span
                                            class="float-right text-muted text-sm notification-date">{{ $notification->created_at->diffForHumans() }}</span>
                                    </a>
                                    <div class="dropdown-divider"></div>
                                @elseif($notification->type_key == 'product')
                                    <a href="{{ route ('products.edit', $notification->item_id) }}"
                                       class="dropdown-item">
                                        <span
                                            class="notification-content">{{ $notification->details['message'] ?? $notification->descriptions[0]->message ?? "" }}</span>
                                        <span
                                            class="float-right text-muted text-sm notification-date">{{ $notification->created_at->diffForHumans() }}</span>
                                    </a>
                                    <div class="dropdown-divider"></div>
                                @endif
                            @endforeach
                        @else
                            <div class="dropdown-item text-center">
                                {{ __('dashboard.no_notifications') }}
                            </div>
                            <div class="dropdown-divider"></div>
                        @endif
                        <a href="{{ route('notifications.admin') }}" class="dropdown-item dropdown-footer text-center">
                            {{ __('dashboard.see_all_notifications') }}
                        </a>
                    </div>
                </div>
                <!-- End Notifications Dropdown Menu -->

                <div class="invisible"> <!-- invisible -->
                    @if(getCurrentLocale() == 'ar')
                        <a class="butn btn_line" href="{{LaravelLocalization::getLocalizedURL('en', null, [], true)}}">
                            <span> <i class="fas fa-globe"></i> {{__('main.another_lang')}} </span>
                        </a>
                    @endif
                    @if(getCurrentLocale() == 'en')
                        <a class="butn btn_line" href="{{LaravelLocalization::getLocalizedURL('ar', null, [], true)}}">
                            <span> <i class="fas fa-globe"></i> {{__('main.another_lang')}} </span>
                        </a>
                    @endif
                </div> <!-- end lang container -->
            </div> <!-- end wrapper for lang & notification -->

            <a class="butn btn_line" href="{{ route('admin_logout') }}"
               onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                <span> <i class="fas fa-sign-out-alt"></i> {{ __('dashboard.logout') }} </span>
            </a>
            <form id="logout-form" action="{{ route('admin_logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
        </section>
        @if(count($errors))
            <div class="alert alert-danger">
                @foreach($errors->all() as $error)
                    <li>
                        {{$error}}
                    </li>
                @endforeach
            </div>
        @endif

        @if (session('message'))
            <div class="alert alert-success message_alert">{{session('message')}}</div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger message_alert">{{session('error')}}</div>
        @endif

        <div class="alert alert-danger ajaxErrorResponse" style="display: none"></div>
        <div class="alert alert-success ajaxResponse" style="display: none"></div>

        <!-- Response of ajax requests -->


        @yield('content')
    </main>

    <!--Footer-->
    <footer class="">
        <div class="loading hide">
            <div class="loader"></div>
        </div>
    </footer>
    <!--End-Footer-->

@endsection

@section('container_js')
    {{--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>--}}
    <script src="{{ asset('assets/admin/js/lib/axios.min.js') }}"></script>

    <script>
        axios.defaults.headers.common = {
            'X-Requested-With': 'XMLHttpRequest',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'X-API-TOKEN': '{{ config('services.api.token') }}',
        };
    </script>
    <script src="{{ asset('assets/admin/js/actions.js') }}"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'lang': "{{ app()->getLocale() }}",
                'X-API-TOKEN': '{{ config('services.api.token') }}',
            }
        });
    </script>
    @yield('inner_js')
    @stack('stack_scripts')
@endsection