@extends('layouts.stores_dashboard_layout')

@section('title')
    {{trans('stores_dashboard.notifications')}}
@endsection


@section('content')
{{--    @dd(auth()->user()->id)--}}
            <div class="dash-title p-2">
                <h6 class="bold">{{trans('delegates_dashboard.notification')}}</h6>
                <p class="mb-1">{{trans('delegates_dashboard.notification_desc')}}</p>
            </div>



                <!-- openions -->
                <div class=" m-2 p-0 ">

                @if(count($notifications) > 0)

                    @foreach($notifications as $notification)
                        <div class="white-bg notification active m-2 round7 ">
                        <div class="dash-card-content pl-2 pr-2">
                            <div class="row m-0 pt-1 pb-1  align-items-center justify-content-center ">
                                <div class="col-md p-0 icon-cont p-md-1 text-center ">
                                    <div class="icon">
                                        <i class="fa fa-bell"></i>
                                    </div>
                                </div>
                                <div class="col-11 col-md-10 p-1 ">

                                        @if(isset($notification->data['order_id']))
                                        <h6 class="bold font14">
                                            <a href="{{route('stores_dashboard.get_order_details',$notification->data['order_id'])}}">
                                                {{$notification->data['message_'.app()->getLocale()]}}
                                            </a>
                                        </h6>
                                        <h6 class="bold font14">
                                            <a href="{{route('stores_dashboard.get_order_details',$notification->data['order_id'])}}">
                                                {{ trans('notifications.order number', ['num'=>$notification->data['order_id']]) }}
                                            </a>
                                        </h6>
                                        @else
                                            <h6 class="bold font14">
                                                {{$notification->data['message_'.app()->getLocale()]}}
                                            </h6>
                                        @endif

                                    <p class="mb-0">
                                        <i class="far fa-clock"></i>
                                       {{$notification->created_at->format('d.m.Y')}}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    @else
                        <div class="p-5 text-center ">
                            <img src="{{ url('/') }}/site/imgs/404.png" class="empty_page" alt="">
                            <br>
                            <span class="mt-2" >{{ trans('notifications.There is no data at this time') }}</span>
                        </div>
                    @endif




                </div>
@endsection