@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"> </h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Circular</div>
                <div class="card-body">
                    <div class='text-right'>
                        <button type="button" onclick='openModal()' class="btn btn-primary btn-sm">
                            Add Circular
                        </button>
                    </div>
                    <table class="display datatable table table-stripped table-bordered mt-3">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Head</th>
                                <th>Visibility</th>
                                <th>Department</th>
                                <th>Details</th>
                                <th>Link</th>
                                <th>File</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php($i = 1)
                                @foreach ($notices as $notice)
                                                                        <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $notice->head }}</td>
                                        <td>
                                            @if ($notice->visibility == 1)
                                                <p style="color:green">All</p>
                                            @elseif($notice->visibility ==2)
                                                <p style="color:red">Custom</p>
                                            @endif
                                        </td>
                                        <td>
                                                                                        <p style="color: red">Not Found</p>
                                            
                                        </td>
                                        <td>{!! Str::limit($notice->details, 200) !!}</td>
                                        <td>
                                            @if (!empty($notice->link))
                                                <a href="{{ $notice->link }}" target="_blank" class="btn btn-warning btn-sm">Click</a>
                                            @else
                                                <p style="color: red">Not Found</p>
                                            @endif
                                        </td>
                                        <td>
                                            @if($notice->attachment)
                                            <iframe src="{{ $notice->attachment }}" height="20%" width="100%"></iframe>
                                            @else
                                            <p style="color: red">Not Found </p>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($notice->status == 1)
                                                <p style="color: green">Active</p>
                                            @elseif($notice->status ==2)
                                                <p style="color: red">Pending </p>
                                            @endif
                                        </td>
                                        <td>
                                            <button class="btn btn-danger btn-sm"
                                                onclick="edit({{ $notice->id }})">Edit</button>
                                                @if($notice->attachment)
                                                <a href="{{ route('circular.download',['id'=>$notice->id]) }}" class="btn btn-success btn-sm">download</a>
                                                @endif
                                            </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="d-flex justify-content-end">
                    {{ $notices->links() }}
                </div>
            </div>
        </div>
        {{-- <script src="https://cdn.ckeditor.com/4.16.1/standard/ckeditor.js"></script> --}}
        <script src="{{ asset('/') }}payroll_assets/notice_circular/circular.js"></script>
        @include('payroll.notice_circular.circular.store')
        <script>
            $(document).ready(function() {
                $('.depts').select2();
            });

        </script>
    @endsection