@extends('layouts.adminL')

@section('content')
<div class="container-fluid mt-2">
    <div class="row">
        <div class="col-md-8">
            <h4 class="text-center">Isi Blog</h4>
            <hr>
            <form action="{{route('blog.create')}}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                @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">
                    {!! $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="7"></textarea>
                    {!! $errors->first('isi', '<span class="invalid-feedback">:message</span>') !!}
                </div>
                <div class="form-group">
                    <input class="form-control" id="file-upload" type="file" name="image" accept="image/*">
                    <span class="text-danger">{{ $errors->first('image') }}</span>
                </div>
                <div class="form-group">
                    <input class="btn btn-primary form-control" type="submit" value="Create">
                </div>
            </form>
        </div>
    </div>
</div>
@endsection