@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Urgent Notice</h2>
            <div class="mb-2 heading-border"></div>
        </div>
    </section>
    <section class="px-3  pt-3 pt-lg-5 row">
        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12 col-md-6">
                    <h5 class="mb-3 card-in-h">
                    </h5>
                </div>
                <div class="col-12 col-md-6 text-left text-md-right">
                </div>
                <div class="col-12 table-responsive">
                    <table class="table table-sm table-bordered table-hover table-striped">
                        <thead>
                            <th>#</th>
                            <th>Image</th>
                            <th>Message</th>
                            <th>Publish Date</th>
                        </thead>

                        <tbody>
                            @foreach ($notices as $key => $notification)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>
                                        @if ($notification->image == null)
                                            Not Found
                                        @else
                                            <a href="{{ asset('storage/admin_notifications/' . $notification->image) }}"
                                                target="_blank">
                                                <iframe
                                                    src="{{ asset('storage/admin_notifications/' . $notification->image) }}"
                                                    alt="{{ $notification->image }}"></ifrmae>
                                            </a>
                                        @endif
                                    </td>
                                    <td>{!! $notification->message !!}</td>

                                    <td>
                                        @if ($notification->schedule_start_time)
                                            {{ date('d-m-Y, h:i A', strtotime($notification->schedule_start_time)) }}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>

                        <div class="d-flex justify-content-end">
                            {!! $notices->links() !!}
                        </div>
                    </table>
                </div>
            </div>
        </div>
    </section>
@endsection