@extends('admin.sidebar')
@section('content')
    {{-- TABLE --}}
    <div class="card">
        <div class="card-header center">
            <h5 class="card-title">
                BERITA
            </h5>
        </div>
        @include('message')
        <div class="card-body" style="overflow-x:auto;">
            <a href="{{ route('beritaAdd') }}" class="btn btn-success mb-3"><i class="bi bi-plus"></i>
                Tambahkan Berita</a>
            <table class="table table-striped" id="table1">
                <thead>
                    <tr>
                        <th>photo</th>
                        <th>Berita</th>
                        <th>Pengirim</th>
                        <th>Tanggal</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($berita as $item)
                        <tr>
                            <td>
                                <img src="{{ asset('images/berita') . '/' . $item->photo }}"
                                    alt="profile image"style="width: 150px" class="rounded">
                            </td>
                            <td>{{ $item->title }}</td>
                            <td>{{ $item->pengirim }}</td>
                            <td>{{ $item->tanggal }}</td>
                            <td>
                                <a
                                    href="{{ route('beritas.show', Crypt::encryptString($item->id)) }}"class=" btn btn-primary m-1"><i
                                        class="bi bi-pencil-square"></i></a>
                                <a href="" class="btn btn-danger m-1"data-bs-toggle="modal"
                                    data-bs-target="#modalDelete"
                                    onclick="$('#modalDelete #formDelete').attr('action', '{{ route('beritas.destroy', Crypt::encryptString($item->id)) }}')"><i
                                        class="bi bi-trash-fill"></i></a>

                            </td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>
    {{-- TABLE --}}
    {{-- Modal DESTROY||START|| --}}
    <div class="modal fade text-left modal-borderless" id="modalDelete" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Hapus Pengumuman</h5>
                    <button type="button" class="close rounded-pill" data-bs-dismiss="modal" aria-label="Close">
                        <i data-feather="x"></i>
                    </button>
                </div>
                <div class="modal-body">

                    <form id="formDelete" action="" method="post">
                        @csrf
                        @method('delete')
                        <div class="form-group" id="pass">
                            <h5>Apakah anda yakin ingin menghapus item?</h5>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light-primary" data-bs-dismiss="modal">
                                <i class="bx bx-x d-block d-sm-none"></i>
                                <span class="  center">Close</span>
                            </button>
                            <button type="submit" class="btn btn-danger ml-1">
                                <i class="bx bx-check d-block d-sm-none"></i>
                                <span class="  center">Delete</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- Modal DESTROY||END|| --}}
@endsection