@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Notification</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="display datatable table table-stripped table-bordered">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Code</th>
                            <th>Subject</th>
                            <th>Body</th>
                            <th>Date</th>
                            <th>Link</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php($i = 1)
                        @foreach ($notification as $v_noti)
                            <tr>
                                <td width="5%">{{ $i++ }}</td>
                                <td width="10%">{{ $v_noti->get_company_info->code }}</td>
                                <td width="20%">{{ $v_noti->get_company_info->subject }}</td>
                                <td  width="40%">{{ $v_noti->get_company_info->body }}</td>
                                <td width="15%">{{ $v_noti->created_at }}</td>
                                <td width="10%">
                                    @if (!empty($v_noti->get_company_info->link))
                                        <a href="{{ $v_noti->link }}" target="_blank"
                                           class="btn btn-warning btn-sm">Click</a>
                                    @else
                                        <p style="color: red">Not Found</p>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-end">
                        {{ $notification->links() }}
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection