@section('title', '- Your notifications')

@extends('layouts.user-profile')

@section('breadcumb')
    @include('layouts.partials.breadcumb', ['page' => 'Notifications'])
@endsection


@section('section-body')
    <table class="table table-hover">
        <thead class="table-dark">
            <tr>
                <th scope="col">#</th>
                <th scope="col" colspan="2" class="text-center text-uppercase">@lang('ebit.notifications_unread')</th>
            </tr>
        </thead>
        <tbody>
            @if (count($notifications) >= 1)
                @php($count = 1)

                @foreach ($notifications as $notification)
                    <tr>
                        <th scope="row">{{ $count }}</th>
                        <td>
                            <span class="fw-bold">{{ $notification->data->title }}</span>
                            <br>
                            {{ $notification->data->message }}
                            @if (!empty($notification->data->url_type))
                                <a href="{{ url('/account/' . $notification->data->url_type . '#' . $notification->data->_id) }}" >see
                                    details.</a>
                            @endif
                        </td>
                        <td class="fst-italic fs-6 fw-light">
                            {{ $notification->time_humans }}
                        </td>
                    </tr>
                    @php($count++)
                @endforeach
            @else
                <tr>
                    <td colspan="3">@lang('ebit.no_notifications')</td>
                </tr>
            @endif
        </tbody>
    </table>
@endsection

@push('js')
<script>
    $(document).ready(function() {
        markUnread();
    })
</script>
@endpush