@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Circular Board</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>Head</th>
                                <th>Details</th>
                                <th>Link</th>
                                <th>Attachment</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php($i = 1)
                                @foreach ($notice as $v_notice)
                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $v_notice->head }}</td>
                                        <td>{!! Str::limit($v_notice->details, 200) !!}</td>
                                        <td>
                                            @if (!empty($v_notice->link))
                                                <a href="{{ $v_notice->link }}" target="_blank"
                                                    class="btn btn-warning btn-sm">Click</a>
                                            @else
                                                <p style="color: red">Not Found</p>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($v_notice->attachment)
                                                <iframe src="{{ asset($v_notice->attachment) }}" height="10%"
                                                    width="100%"></iframe>
                                            @else
                                                <p style="color: red">Not Found </p>
                                            @endif

                                        </td>
                                        <td>
                                            <button class="btn btn-danger btn-sm"
                                                onclick="edit({{ $v_notice->id }})">View</button>
                                            @if ($v_notice->attachment)
                                                <a href="{{ route('circular.download', ['id' => $v_notice->id]) }}"
                                                    class="btn btn-success btn-sm">download</a>
                                            @endif

                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end">
                            {{ $notice->links() }}
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <script src="{{ asset('/') }}payroll_assets/emp_management/js/notice.js"></script>
        @include("payroll.employee_frontend.notice_circular.details_modal")
    @endsection