@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Notice')
@push('css')
    <link href="{{ asset('assets/plugins/summernote/summernote-bs4.css') }}" rel="stylesheet"/>
@endpush



@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">
                    <div class="row w-100">
                        <div class="col-12 col-md-6 col-lg-6">
                            <h5>Notice Board</h5>
                        </div>
                        <div class="col-12 col-md-6 col-lg-6 text-right">
                            @can('Notice-create')
                                <button class="btn btn-primary" id="Notice_add"><i class="fas fa-plus"></i>Add
                                    New
                                </button>
                            @endcan
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table">
                        <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">@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>
                                    @can('Notice-edit')
                                        <a href="javascript:void(0)"
                                           onclick="Notice_show({{$notice->id}})"
                                           class="btn btn-primary btn-sm">
                                            <i class="fas fa-edit"></i></a>
                                    @endcan
                                    @can('Notice-delete')
                                        <a href="javascript:void(0)" data-href="{{route('notice.destroy',$notice->id)}}"
                                           class="btn  btn-danger btn-sm delete_modal"><i class="fas fa-trash"></i></a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    {{$notices->links()}}
                </div>
            </div>
        </div>
    </div>

@endsection

@section('modal')
    <div class="modal fade" id="notice_add">
        <form action="{{route('Notice.store')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Add New Notice')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group row">
                            <label for="branch" class="col-sm-4 col-form-label">Branch/Warehouse</label>
                            <div class="col-sm-8">
                                <select class="form-control" name="branch" id="branch">
                                    <option value="all">{{__("All Branch/Warehouse")}}</option>
                                    @foreach(\App\Models\warehouse::all() as $branch)
                                        <option value="{{$branch->id}}">{{$branch->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="branch" class="col-sm-4 col-form-label">Notice Title</label>
                            <div class="col-sm-8">
                                <input class="form-control" placeholder="Enter Notice Title" type="text" name="title"
                                       id="">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="branch" class="col-sm-4 col-form-label">Notice Content</label>
                            <div class="col-sm-8">
                                <textarea class="form-control summernote" name="contents" id=""></textarea>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="branch" class="col-sm-4 col-form-label">Notice Attach File</label>
                            <div class="col-sm-8">
                                <input class="form-control" placeholder="Enter Notice content" type="file"
                                       name="attach" id="">
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button data-toggle="tooltip" data-placement="top" type="submit" id="saveBtn"
                                class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="notice_show">
        <form action="{{route('Notice.store')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Edit 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>
                        <button data-toggle="tooltip" data-placement="top" type="submit" id=""
                                class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('script')
    <script src="{{asset('assets/plugins/summernote/summernote-bs4.min.js')}}"></script>
    <script src="{{asset('assets/pages/form-summernote.js')}}"></script>
    <script !src="">
        const Notice_add = document.getElementById('Notice_add');

        function add_notice() {

            $('#notice_add').modal('show');
        }

        Notice_add.addEventListener('click', add_notice);

        function Notice_show(id) {
            $.ajax({
                url: '{{route('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