@extends('frontend.layouts.app')

@section('title')
    {{ __('job_alert') }}
@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">{{ __('job_alert') }}</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)
                                    <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-4 text-gray-700 rt-mb-4">
                                                                        {{ $noti->data['title'] }}
                                                                    </div>
                                                                    @if(isset($noti->data['company_name']) && isset($noti->data['role_name']))
                                                                        <div class="body-font-2 text-gray-700 rt-mb-4">
                                                                            at <strong>{{ $noti->data['company_name'] }}</strong> as <strong>{{ $noti->data['role_name'] }}</strong>
                                                                        </div>
                                                                    @endif
                                                                    <div class="body-font-4 text-gray-400">
                                                                        {{ $noti->created_at->diffForHumans() }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @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