@extends('layouts.app')
@section('title', $title = $notification->name)
@section('content')
    <x-page-header>
        <x-slot name="left">
            <x-breadcrumbs :items="[
                ['label' => __('sidebar.dashboard'), 'url' => route('home.dashboard')],
                ['label' => __('notification.index'), 'url' => route('notifications.index')],
                ['label' => $title, 'url' => '']
            ]" />
        </x-slot>

        <x-slot name="right">
            @include('shared.button', ['type' => 'edit', 'url' => route('notifications.edit', $notification)])
            @include('shared.button', ['type' => 'delete', 'url' => route('notifications.destroy', $notification)])
        </x-slot>
    </x-page-header>

    <x-hr/>

    <ul class="space-y-5">
        <li>
            {{ __('forms.user') }} : {{ $notification->User->name }}
        </li>
        <li>
            {{ __('forms.name') }} : {{ $notification->name }}
        </li>
        <li>
            {{ __('forms.description') }} : {{ $notification->description }}
        </li>
        <li>
            {{ __('forms.type') }} : {{ $notification->type }}
        </li>
        <li>
            {{ __('forms.title') }} : {{ $notification->title }}
        </li>
        <li>
            {{ __('forms.body') }} : {{ $notification->body }}
        </li>
        <li>
            {{ __('forms.CreatedAt') . ' : ' . CheckDateTime($notification->created_at, 'show', 'FullDateTime') }}
        </li>
        <li>
            {{ __('forms.UpdatedAt') . ' : ' . CheckDateTime($notification->updated_at, 'show', 'FullDateTime') }}
        </li>
    </ul>

    <x-hr/>

    <h3 class="text-2xl font-semibold">
        {{ __('forms.users') }}
    </h3>
    <ul class="mt-5">
        @foreach($notification->Users as $key => $user)
            <li>
                {{ $key + 1 . ' - ' . $user->name }}
            </li>
        @endforeach
    </ul>
@endsection