@extends('layouts.admin')

@section('page-header', 'News')

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

@section('content')
<div class="white-component">
<table class="table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Added on</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($news as $newsItem)
            <tr class="card-body">
                <td><a href="{{ $newsItem->link }}" target="_blank">{{ $newsItem->title }}</a></td>
                <td>{{ $newsItem->created_at->format('Y-m-d H:i') }}</td>
                <td class="text-right">
                    <a href="{{ route('admin.news.edit', $newsItem->id) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
                    <button class="btn btn-outline-danger btn-sm"
                        data-confirm-delete
                        data-confirm-action="{{ route('admin.news.delete', $newsItem->id) }}"
                        data-confirm-title="Remove News"
                        data-confirm-text="Are you sure you want to delete post &quot;{{ $newsItem->title }}&quot;?">Remove</button>
                </td>
            </tr>
            @empty
            <tr>
                <td><div class="no-data">No news yet</div></td>
            </tr>
            @endforelse
        </tbody>
    </table>
    {{ $news->links() }}
</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