@extends('layouts.master')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{asset('css/dragula.min.css')}}">

@endsection

@section('newsView')


    <div class="container">
         @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

    </div>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">News Views</div>
                    @if (session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                    @endif

                    @foreach ($news as $indexKey => $newsManager)
                    <div class="card-body">
                        <ul>
                            <li class="list-group-item">
                                <button type="button" onclick="deletBlog('{{$newsManager->id}}')" class='pull-right'><span><i class="fa fa-trash" aria-hidden="true"></i></span> </button>
                            <h3>{{$newsManager->title}}</h3>
                                <div class="form-group row">
                                    <div class="col-sm-9">
                                        <img src="{{$newsManager->path}}{{$newsManager->image_name}}" name="" class="btn btn-default btn-move" width="300">
                                    </div>
                                </div>
                                <div>
                                   <p>{{$newsManager->description}}</p>
                                </div>
                             </li>
                        </ul>
                    </div>
                    @endforeach  
                {{ $news->links() }} 

            </div>
        </div>
    </div>
</div>
    @endsection

@section('scripts')


<script>
        

$.ajaxSetup({
    headers: { 'X-CSRF-TOKEN': document.head.querySelector('meta[name="csrf-token"]').content }
});



    function deletFuntion(id) {
         swal({
              title: "Delete Carousel Image?",
              text: "Once deleted, you will not be able to recover this image file!",
              icon: "warning",
              buttons: true,
              dangerMode: true,
        })
        .then((willDelete) => {
              if (willDelete) {
                    $.ajax({
                        type: "POST",
                        url: '/deletfile',
                        data: {id: id},
                        success: function( msg ) {
                            swal("Poof! Carousel image file has been deleted!", {
                                icon: "success",
                            });
                        }
                    });
                    setTimeout(function(){
                       window.location.reload(1);
                    }, 3000);
                } else {
                swal("Image not deleted!");
              }
        }); 
    }

     function deletBlog(id) {

        swal({
              title: "Are you sure?",
              text: "Once deleted, you will not be able to recover this News!",
              icon: "warning",
              buttons: true,
              dangerMode: true,

        })
        .then((willDelete) => {
              if (willDelete) {
                    $.ajax({
                        type: "POST",
                        url: '/deletNews',
                        data: {id: id},
                        success: function( msg ) {
                            swal("Poof! This News has been deleted!", {
                                icon: "success",
                            });
                        }
                    });
                    setTimeout(function(){
                       window.location.reload(1);
                    }, 3000);
                } else {
                swal("This News is safe!");
              }
        }); 
    } 

</script>
@endsection