@extends('Backend.index')
@section('content')
    <!-- Begin Page Content -->
    <div class="container-fluid">
        <!-- Page Heading -->
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h4 mb-0 text-gray-800">Dashboard <i class="fa fa-chevron-right fa-fw"></i> Data Blog</h1>
        </div>
        @if (session('pesan'))
            <div id="flashPesan" class="alert alert-success" role="alert">
                {{ session('pesan') }}
            </div>
        @endif
        <div class="card shadow mb-4">
            <div class="card-header py-3 align-items-center justify-content-between">
                <a href="{{ route('be-blog-add') }}" class="btn btn-primary"><i class="fa fa-plus fa-fw"></i> Tambah</a>
                <div id="alert"></div>
            </div>
            <div class="card-body" id="section-to-print">
                <div class="table-responsive">
                    <table class="table table-bordered" id="example" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Judul Blog</th>
                                <th>Tipe</th>
                                <th>Kategori</th>
                                <th>Author</th>
                                <th>Views</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($dataBlog as $key => $value)
                                <tr>
                                   <td>{{ $key + 1 }}</td>
                                    <td>{{ $value->judul }}</td>
                                    <td>{{ $value->tipe }}</td>
                                    <td>{{ $value->kategori }}</td>
                                    <td>{{ $value->author }}</td>
                                     <td>{{ $value->views }}</td>
                                    <td class="center">


                                        <button type="button" class="btn btn-sm btn-warning btn-circle" data-toggle="modal"
                                            data-target="#modalEdit{{ $value->id }}"><i class="fa fa-edit"></i></button>

                                        &nbsp;&nbsp;
                                        <button type="button" class="btn btn-sm btn-danger btn-circle" data-toggle="modal"
                                            data-target="#modalDelete{{ $value->id }}"><i
                                                class="fa fa-trash"></i></button>

                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- /.container-fluid -->

    @foreach ($dataBlog as $key => $value)
        <!-- Modal Edit Data-->
        <div class="modal fade" id="modalEdit{{ $value->id }}" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Edit Blog {{ $value->judul }} ?</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        ...
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                        <a class="btn btn-primary" href="{{ route('be-blog-edit', $value->id) }}">Yes</a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach


    @foreach ($dataBlog as $key => $value)
        <!-- Modal Delete Data-->
        <div class="modal fade" id="modalDelete{{ $value->id }}" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Hapus Blog {{ $value->judul}} ?</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        ...
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                        <a type="button" class="btn btn-primary"
                            href="{{ route('be-blog-delete', $value->id) }}">Yes</a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection