@extends('admin.root')
@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">{{$menu}}</span> - {{$sub_menu}}</h4>
                <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
            </div>

            <div class="header-elements d-none py-0 mb-3 mb-md-0">
                <div class="breadcrumb justify-content-center">
                    <a href="{{ url('admin/tambah-berita') }}" class="btn btn-primary text-white legitRipple">
                        <i class="icon-plus-circle2 mr-2"></i> Tambah Berita
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="content pt-0">

        <div class="card">
            <div class="card-header header-elements-inline">
                <h6 class="card-title">Daftar Berita</h6>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                    </div>
                </div>
            </div>
            <table class="table datatable-basic">
                <thead>
                    <tr>
                        <th>Judul</th>
                        <th>Publish</th>
                        <th>Tanggal</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($berita as $a)
                    <tr>
                        <td>{{ $a->title }}</td>
                        <td>{{$a->publish == 1 ? 'public' : 'private'}}</td>
                        <td>{{ $a->created_at }}</td>
                        <td class="text-center">
                            <a href='{{ url("admin/ubah-berita?id=$a->id") }}'><span class="badge badge-success">DETAIL</span></a>
                            <a href="#" idx="{{ $a->id }}" class="btn-delete"><span class="badge badge-danger">HAPUS</span></a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="modal fade" id="deletepop" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog text-center" style="width:500px">
        <div class="modal-content content_area" id="loader-area">
            <div class="modal-body">
                <form id="delete-form" method="POST">
                    <fieldset class="content-group">
                        <legend class="text-bold">Apakah kamu yakin menghapus berita ini ?</legend>
                        <div class="col-lg-12">
                            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                            <input type="hidden" name="id">
                            <div class="text-center">
                                <h5 style="color: red; font-size: 12px" id="panel-message"></h5>
                            </div>
                        </div>
                    </fieldset>
                    <div class="text-center">
                        <button type="button" class="btn btn-primary confirm-delete-data" id="btn-create">Confirm <i
                                class="icon-arrow-right14 position-right"></i></button>
                        <button class="btn btn-danger" data-dismiss="modal">Close <i
                                class="icon-arrow-right14 position-right"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('styles')
<style>
    [data-href] {
        cursor: pointer;
    }
</style>
@endsection
@section('scripts')
<script src="{{ url('assets/global/js/plugins/editors/summernote/summernote.min.js') }}"></script>
<script src="{{ url('assets/global/js/plugins/forms/styling/uniform.min.js') }}"></script>
<script src="{{ url('assets/global/js/plugins/notifications/pnotify.min.js') }}"></script>
<script src="{{ url('assets/global/js/validate.min.js') }}"></script>
<script src="{{ url('assets/global/js/blockui.min.js') }}"></script>
<script>
    $('*[data-href]').on('click', function() {
        window.location = $(this).data("href");
    });

    $('.datatable-responsive').DataTable({
        stateSave: true,
        order: [[3, 'desc']],
        dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
        language: {
            search: '<span>Filter:</span> _INPUT_',
            searchPlaceholder: 'Type to filter...',
            lengthMenu: '<span>Show:</span> _MENU_',
            paginate: {
                'first': 'First',
                'last': 'Last',
                'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;',
                'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;'
            }
        }
    });


    $('.datatable-basic').on('click', '.btn-delete', function() {
        // $("#delete-form")[0].reset();
        $('#deletepop').modal('show');
        $("input[name='id']").val($(this).attr('idx'));
    });

    $(".confirm-delete-data").on("click", function() {
        deleteData();
    });

    function deleteData() {
        var fd = $("#delete-form").serializeArray();
        var apiurl = '{{url("/")}}/admin/hapus-berita';
        $.ajax({
            url: apiurl,
            type: "post",
            data: fd,
            beforeSend: function() {
                $('#deletepop').block({
                    message: '<i class="icon-spinner4 spinner"></i>',
                    overlayCSS: {
                        backgroundColor: '#fff',
                        opacity: 0.8,
                        cursor: 'wait'
                    },
                    css: {
                        border: 0,
                        padding: 0,
                        backgroundColor: 'none'
                    }
                });
            },
            success: function(json) {
                $('#deletepop').unblock();
                if (json.response.Status == 1) {
                    new PNotify({
                        title: 'failed!',
                        text: json.response.Message,
                        addclass: 'bg-danger'
                    });
                } else {
                    new PNotify({
                        title: 'success!',
                        text: json.response.Message,
                        addclass: 'bg-success'
                    });
                    $('#deletepop').modal('hide');
                    window.location.href = "{{url('/')}}/admin/berita";
                }
            },
            error: function(xhr) {
                new PNotify({
                    title: 'Failed!',
                    text: xhr,
                    addclass: 'bg-danger'
                });
                $('#deletepop').unblock();
            },
        });
    }
</script>
@endsection