@extends('home.home-template')

@section('css')

@endsection

@section('content')

<!-- ======= Hero Section ======= -->
<section >
  <div class="container" style="margin-top: 70px">
    <div class="row">
      <div class="row justify-content-center">
        <div class="col-lg-10">
          <div class="section-title" style="padding-bottom: 0px">
              <img src="{{app('App\Helpers\Images')->urlImage($user->foto, $user->nama)}}" width="64px" class="mb-3" alt="" srcset="" class="">
              <h2>{{$user->nama}}</h2>
              @auth
                <a href="{{route('user.home')}}" class="btn btn-outline-primary">Profil</a>
              @endauth
              {{-- <a href="{{route('user.profil.foto')}}" class="btn btn-outline-primary">Update Foto Profil</a> --}}
          </div>
        </div>

        <div class="col-lg-10" style="background-color: white;padding: 50px; min-height: 400px">
          <div class="profil-menu"></div>
          <div class="profil-content" >

            <div class="list-group">
              @forelse ($notifications as $notification)
                <a href="{{route('notification.get',['id'=>$notification->id,'auth'=>'user','laporan_id'=>$notification->laporan_id])}}" class="list-group-item list-group-item-action {{$notification->read == 1 ? 'list-group-item-secondary': ''}} ">
                  {{$notification->notitification}} <br>
                  {{-- <small>{{diff($notification->updated_at)}}</small> --}}
                </a>
              @empty
                <p class="text-center">
                  Tidak Ada Notifikasi
                </p>
              @endforelse                  
            </div>
           
            {{$notifications->links()}}
          </div>
        </div>
      </div>
    </div>
  </div>
</section><!-- End Hero -->

@endsection

@section('script')
@endsection