@extends('layouts.adminL')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div data-aos="fade-zoom" data-aos-duration="500" class="content-blog">
                <h1 class="content-judul">{{$blog->judul}}</h1>
                <div class="content-info" class="d-flex justify-content-start">
                    <i class="fas fa-calendar-alt"></i> <span>{{$blog->created_at->format('d F Y')}}</span>
                    <i class="fas fa-user"></i> <span>{{$blog->user->name}}</span>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <img class="img-fluid" src="{{ asset($blog->image) }}" alt="Foto {{ $blog->judul }}">
                        <p class="content-deskripsi">{!! $blog->isi !!}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row justify-content-center mt-5">
        <div class="col-md-10">
            <h2 class="mb-3">Edit Blog</h2>
            <hr>
            <form action="{{route('blog.update',$blog)}}" method="post">
                @csrf
                <div class="form-group">
                    <label for="judul">Judul</label>
                    <input class="form-control @error('judul') is-invalid @enderror" id="judul" name="judul" type="text"
                        value="{{$blog->judul}}">
                    {!! $errors->first('judul', '<span class="invalid-feedback">:message</span>') !!}
                </div>
                <div class="form-group">
                    <label for="kategori">Kategori</label>
                    <select class="form-control" name="kategori" id="kategori">
                        <option disabled>Pilih kategori anda :</option>
                        <option value="pendidikan">Pendidikan</option>
                        <option value="olahraga">Olahraga</option>
                        <option value="sosial">Sosial</option>
                        <option value="sejarah">Sejarah</option>
                        <option value="teknologi">Teknologi</option>
                        <option value="politik">Politik</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="isi">Isi</label>
                    <textarea class="form-control @error('isi') is-invalid @enderror" id="isi" name="isi" cols="30"
                        rows="6">{{$blog->isi}}</textarea>
                    {!! $errors->first('isi', '<span class="invalid-feedback">:message</span>') !!}
                </div>
                <div class="form-group">
                    <input class="btn btn-primary form-control" type="submit" value="Update">
                </div>
            </form>
            <form action="{{route('blog.delete', $blog)}}" method="post">
                @csrf
                <!-- Button trigger modal -->
                <button type="button" class="btn btn-danger form-control" data-toggle="modal" data-target="#hapusblog">
                    Delete
                </button>

                <!-- Modal -->
                <div class="modal fade" id="hapusblog" tabindex="-1" role="dialog" aria-labelledby="hapusblogTitle"
                    aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="hapusblogTitle">Are you sure?</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Nope</button>
                                <input class="btn btn-danger" type="submit" value="Yess!">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection