@extends('front.app.master')\
@section('title')
    Orders - jorayalogistics.com
@endsection

@section('content')
<style>
    .btn-1 {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    /* padding: 2.5rem 5.5rem; */
    background-color:#B60000 ;
    color: white;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 1.2rem 1.5rem;
    line-height: 1;
    transition: all 0.5s ease;
}

.notification {
  --notification-font-icon: 'Font Awesome 5 Free';
  --notification-color: #283C5A;
  position: relative;
  background-color: color-mix(in srgb, var(--notification-color) 7%, white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--notification-color);
  padding-block: 1.25rem;
  padding-inline: 3rem 1.25rem;
  border-radius: 4px;
}
.notification:before {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  content: "\f0f3";
  font-family: var(--notification-font-icon);
  font-weight: 700;
  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--notification-color);
}
.notification:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2rem;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background-color: var(--notification-color);
}

.notification.-info {
  --notification-color: #007bff;
}
.notification.-info:before {
  content: "\f05a";
}
.notification.-warning {
  --notification-color: #FFC107;
}
.notification.-warning:before {
  content: '\f06a';
}
.notification.-error {
  --notification-color: #DC3545;
}
.notification.-error:before {
  content: "\f071";
}
.notification.-success {
  --notification-color: #28A745;
}
.notification.-success:before {
  content: "\f058";
}
</style>
  
    
    <div class="px-4 pt-4 container-fluid">
        <div class="p-4 text-center rounded bg-light">
            <div class="mb-4 d-flex align-items-center justify-content-between">
                <h6 class="mb-0">All Notifications</h6>
                {{-- <a href="">Delete All</a> --}}
            </div>
            <div class="container">
            @php
           $not=\DB::table('notifications')->latest('created_at')->where('user_id',auth()->user()->id)->get();
            @endphp
            @foreach ($not as $k=>$v)

         
            <a href="{{ route('not.read',['id'=>$v->id,'orderID'=>$v->data_id]) }}" class="text-muted">
              <div class="notification @if($v->status=='1') -success @endif w-100" style="" >
                
                <strong>{{ $v->title }}</strong>, {{ $v->body }} 
               
                {{-- &nbsp;<b><i class="fa  fa-trash text-danger"></i></b> --}}
            </div>
              <br>
            </a>
            
            @endforeach
            </div>
        </div>
    </div>
    <!-- Recent Sales End -->


@endsection