@extends('website.layouts.app-secondary')

@section('title')
    {{ __('all_notification') }}
@endsection

@section('main')
    <div class="dashboard-wrapper">
        <div class="container">
            <div class="row">
                {{-- Sidebar --}}
                <x-website.candidate.sidebar />
                <div class="col-lg-9">
                    <div class="dashboard-right">
                        <div class="row d-flex justify-content-between p-2">
                            <div class="col-sm-12 col-md-6">
                                <h5 class="rt-mb-32">{{ __('all_notifications') }}</h5>
                            </div>
                            <div class="col-sm-12 col-md-6 d-flex justify-content-end">
                                <div class="sidebar-open-nav ml-3">
                                    <i class="ph-list"></i>
                                </div>
                            </div>
                        </div>
                        <div class="db-job-card-table">
                            @if ($notifications->count() > 0)
                                @foreach ($notifications as $noti)
                                    @if ($noti->type == 'App\Notifications\Website\Candidate\ApplyJobNotification')
                                        <div class="card jobcardStyle1 rt-mb-12">
                                            <div class="card-body">
                                                <div class="rt-single-icon-box">
                                                    <div class="iconbox-content">
                                                        <a href="{{ $noti->data['url2'] }}">
                                                            <li class="d-block">
                                                                <div class="rt-single-icon-box">
                                                                    <div class="icon-thumb rt-mr-16 text-primary-500">
                                                                        <svg width="40" height="40" fill="none"
                                                                            stroke="currentColor" viewBox="0 0 24 24"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <path stroke-linecap="round"
                                                                                stroke-linejoin="round" stroke-width="2"
                                                                                d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                    <div class="iconbox-content">
                                                                        <div class="body-font-3 text-gray-700 rt-mb-4">
                                                                            {{ $noti->data['title2'] }}
                                                                        </div>
                                                                        <div class="body-font-4 text-gray-400">
                                                                            {{ $noti->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($noti->type == 'App\Notifications\Website\Candidate\BookmarkJobNotification')
                                        <div class="card jobcardStyle1 rt-mb-12">
                                            <div class="card-body">
                                                <div class="rt-single-icon-box">
                                                    <div class="iconbox-content">
                                                        <a href="{{ $noti->data['url2'] }}">
                                                            <li class="d-block">
                                                                <div class="rt-single-icon-box">
                                                                    <div class="icon-thumb rt-mr-16 text-primary-500">
                                                                        <x-svg.bookmark-icon width="40" height="40" />
                                                                    </div>
                                                                    <div class="iconbox-content">
                                                                        <div class="body-font-3 text-gray-700 rt-mb-4">
                                                                            {{ $noti->data['title2'] }}
                                                                        </div>
                                                                        <div class="body-font-4 text-gray-400">
                                                                            {{ $noti->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($noti->type == 'App\Notifications\Website\Candidate\RelatedJobNotification')
                                        <div class="card jobcardStyle1 rt-mb-12">
                                            <div class="card-body">
                                                <div class="rt-single-icon-box">
                                                    <div class="iconbox-content">
                                                        <a href="{{ $noti->data['url'] }}">
                                                            <li class="d-block">
                                                                <div class="rt-single-icon-box">
                                                                    <div class="icon-thumb rt-mr-16 text-primary-500">
                                                                        <svg width="40" height="40" fill="none"
                                                                            stroke="currentColor" viewBox="0 0 24 24"
                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                            <path stroke-linecap="round"
                                                                                stroke-linejoin="round" stroke-width="2"
                                                                                d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                    <div class="iconbox-content">
                                                                        <div class="body-font-3 text-gray-700 rt-mb-4">
                                                                            {{ $noti->data['title'] }}
                                                                        </div>
                                                                        <div class="body-font-4 text-gray-400">
                                                                            {{ $noti->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($noti->type == 'App\Notifications\Website\Company\CandidateBookmarkNotification')
                                        <div class="card jobcardStyle1 rt-mb-12">
                                            <div class="card-body">
                                                <div class="rt-single-icon-box">
                                                    <div class="iconbox-content">
                                                        <a href="{{ $noti->data['url'] }}">
                                                            <li class="d-block">
                                                                <div class="rt-single-icon-box">
                                                                    <div class="icon-thumb rt-mr-16 text-primary-500">
                                                                        <x-svg.bookmark-icon width="40" height="40" />
                                                                    </div>
                                                                    <div class="iconbox-content">
                                                                        <div class="body-font-3 text-gray-700 rt-mb-4">
                                                                            {{ $noti->data['title'] }}
                                                                        </div>
                                                                        <div class="body-font-4 text-gray-400">
                                                                            {{ $noti->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                            @else
                                <x-not-found message="{{ __('no_data_found') }}" />
                            @endif
                        </div>
                        <div class="rt-pt-12">
                            @if ($notifications->total() > $notifications->count())
                                <nav>
                                    {{ $notifications->links('vendor.pagination.frontend') }}
                                </nav>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dashboard-footer text-center body-font-4 text-gray-500">
            <x-website.footer-copyright />
        </div>
    </div>
@endsection