@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?' notifications':'الاشعارات'}}
@endsection


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



                <!-- openions -->
                <div class=" m-2 p-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 ">
                                    <h6 class="bold font14">
                                        @if(isset($notification->data['order_id']))
                                            <a href="{{route('stores_dashboard.get_order_details',$notification->data['order_id'])}}">
                                                {{$notification->data['message_'.app()->getLocale()]}}
                                            </a>
                                        @else
                                            {{$notification->data['message_'.app()->getLocale()]}}
                                        @endif
                                    </h6>
                                    <p class="mb-0">
                                        <i class="far fa-clock"></i>
                                       {{$notification->created_at->format('d.m.Y')}}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach




                </div>
@endsection