@extends('employee.layouts.app')
@section('title',get_setting('site_name').' Notice')
@section('content')

    <div class="row mt-3 mb-3">
        <div class="col--12 col-md-12 col-lg-12 col-xl-10 mx-auto">
            <div class="card">
                <div class="card-header">
                    <h5>Notice Board</h5>
                </div>
                <div class="card-body">
                    <table class="table table-responsive-lg">
                        <thead>
                        <tr>
                            <th>S.L</th>
                            <th>Title</th>
                            <th>Content</th>
                            <th class="text-center">Attach File</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($notices as $key=>$notice)
                            <tr>
                                <td>{{$key+1}}</td>
                                <td>{{$notice->title}}</td>
                                <td>
                                    <textarea class="form-control" name="" id="" cols="30"
                                              rows="5"
                                              readonly>@php echo htmlspecialchars_decode(strip_tags($notice->content)); @endphp</textarea>
                                </td>
                                <td class="text-center"> @if($notice->attach!=null)
                                        <a class="btn btn-primary btn-sm"
                                           href="{{asset('storage/'.$notice->attach)}}" target="_blank"><i
                                                class="fas fa-file-download"></i></a>
                                    @endif</td>
                                <td>
                                    <a href="javascript:void(0)"
                                       onclick="Notice_show({{$notice->id}})"
                                       class="btn btn-primary btn-sm">
                                        <i class="fas fa-eye"></i></a>

                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    {{$notices->links()}}
                </div>
            </div>
        </div>
    </div>

@endsection

@section('modal')

    <div class="modal fade" id="notice_show">

        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{__('Notice')}}</h5>
                    <button type="button" class="close" data-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="div" id="data_show"></div>
                    <!-- Loading spinner -->
                    @include('spiner')


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                </div>
            </div>
        </div>

    </div>
@endsection
@section('script')

    <script !src="">
        Notice_add.addEventListener('click', add_notice);

        function Notice_show(id) {
            $.ajax({
                url: '{{route('employee.notice.show')}}',
                method: 'GET',
                data: {id: id},
                success: function (res) {
                    if (res) {
                        $('#loadingOverlay').hide();
                        $('#data_show').html(res);

                    }
                }
            });

            $('#data_show').html('');
            $('#loadingOverlay').show();
            $('#notice_show').modal('show');
        }
    </script>

@endsection