@extends('admin.include.main')
@section('content')
<div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Notices</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        @if($notice->isEmpty())
                            <h2 class="text-danger text-center">No Any Notice Published</h2>
                        @else
                        <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover dataTables-example" >
                            <thead>
                                <tr>
                                    <th>S.No</th>
                                    <th>Title</th>
                                    <th>Description</th>
                                    <th>Published</th>
                                    <th>Action</th>
                                </tr>
                             </thead>
                            <tbody>
                               @foreach($notice as $not)
                                   <tr class="gradeA">
                                        <td>{{$loop->index+1}}</td>
                                        <td>{{$not->title}}</td>
                                            <td style="max-width: 100px;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                white-space: nowrap;">
                                                {{$not->description}}
                                            </td>

                                        <td class="center">
                                        <a href="{{ route('notice.status', $not->id) }}">
                                            @if ($not->published)
                                                <button type="button" class="btn btn-xs btn-primary">Active</button>
                                            @else
                                                <button type="button" class="btn btn-xs btn-warning">Inactive</button>
                                            @endif
                                        </a>



                                        </td>
                                        <td class="center">
                                            {{-- <button class="btn btn-primary delete actionbtn" data-toggle="modal" data-target="#noticeviewmodal" data-id="{{$not->id}}" data-title="{{$not->title}}" data-description="{{$not->description}}" data-page="{{$not->page}}" data-file="{{$not->upload_file}}" style="padding: 3px 8px;"><i class="fa fa-eye" style="color:white;"></i></button> --}}
                                            <a href="{{route('notice.view',$not->id)}}" class="btn btn-primary"><i class="fa fa-eye" style="color: white"></i></a>
                                            <a href="{{route('notice.edit',$not->id)}}" class="btn btn-success"><i class="fa fa-edit"></i></a>
                                            <button class="btn btn-danger delete actionbtn" data-toggle="modal" data-target="#deletenoticemodal" data-id="{{$not->id}}"  style="padding: 3px 8px;"><i class="fa fa-trash" style="color:white;"></i></button>

                                        </td>
                                     </tr>
                                 @endforeach
                             </tbody>

                         </table>
                       </div>
                       @endif
                    </div>
                </div>
            </div>
            </div>
        </div>
        {{-- //notice view modal --}}
<div class="modal fade" id="noticeviewmodal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header" style="background-color:#f2f2f2">
                     <h4 class="modal-title text-left"> Notice View</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>



                </div>
                <form action="{{route('staff.delete')}}" method="POST" id="frm1">

                    {{csrf_field()}}


                    <div class="modal-body">
                        <input type="text" name="id" id="id"  class="form-control" readonly="" hidden="">
                        <p > Title : <span name="title" id='title'></span></p>
                         <p>Description : <span name="description" id='description'></p>
                         <p ><span name='page' id='page'></span></p>
                            <p><img  id="file" name='file' src=""></p>




                    </div>
                    <div class="modal-footer">
                        {{-- <button type="submit" class="btn btn-success actionbtn" id="dbtn" >Yes </button> --}}
                        <button type="button" class="btn btn-warning actionbtn" data-dismiss="modal">Close </button>


                    </div>

                </form>


            </div>
        </div>
    </div>

            {{-- //notice delete modal --}}
<div class="modal fade" id="deletenoticemodal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header" style="background-color:#f2f2f2">
                     <h4 class="modal-title text-left"> Notice View</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>



                </div>
                <form action="{{route('notice.delete')}}" method="POST" id="frm1">

                    {{csrf_field()}}


                    <div class="modal-body">
                        <input type="text" name="id" id="id"  class="form-control" readonly="" hidden>
                        <p style="font-size: 18px;
                                text-align: center;
                                color: red;">Are you sure to delete !!!</p>



                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success actionbtn" id="dbtn" >Yes </button>
                        <button type="button" class="btn btn-warning actionbtn" data-dismiss="modal">Close </button>


                    </div>

                </form>


            </div>
        </div>
    </div>

@endsection