@extends('front.pages.account.index')

@section('account_title')
   {{__('Notifications')}}
@endsection

@section('css')
    <link href="{{url('assets/front/css/cart.css')}}" rel="stylesheet">
    <link href="{{url('assets/front/css/checkout.css')}}" rel="stylesheet">
@endsection

@section('account_content')
<main>
    <div class="content">
        <h4 class="pb-3 title_heading">{{__('Latest Notifications')}}</h4> 
        <div class="">
            <div class="row">
                <div class="col-lg-12">
                    <div class="box  rounded bg-white mb-3">
                        <div class="box-body p-0">
                            @if(count($product_user_notification) > 0)
                                @foreach($product_user_notification as $product)
                                <div class="p-3 d-flex align-items-center border-bottom osahan-post-header">
                                    <div class="dropdown-list-image mr-3">
                                        <a href="{{url('product/'.$product->slug)}}">
                                            <img class="rounded-circle" src="{{product_image($product)}}">
                                        </a>
                                        <!-- <img class="rounded-circle" src="https://bootdey.com/img/Content/avatar/avatar3.png" alt="" /> -->
                                    </div>
                                    <div class="font-weight-bold mr-3">
                                        <div class="text-truncate">
                                            <span class="small">{{__('New product has been added')}}</span> : 
                                            <a href="{{url('product/'.$product->slug)}}">{{$product->name}}</a>
                                        </div>
                                        <div class="small">{{$product->description}}</div>
                                    </div>
                                </div>
                                @endforeach
                            @else
                                <br><center><span>{{__('No notifications now')}}</span></center>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection

@section('account_scripts')
<script>
  
</script>
@endsection