@extends('layouts.master')

@section('content')
<div class="container-fluid">
    
    @if (session()->has('success'))
    <div class="alert alert-success" role="alert">
        {{ session('success')}}
    </div>
    @endif

    <div class="card shadow mb-4 ">
        <div class="card-header py-3 bg-gradient-primary form-inline justify-content-center">
            <h6 class="m-0 font-weight-bold text-primary">Add Post</h6>
        </div>
        <div class="col-lg-12">
            
            <form method="POST" action="add-post" enctype="multipart/form-data">
                @csrf
                <br>
                <div class="form-group">
                    <label for="category" class="form-label @error('category') is-invalid @enderror">Bagian</label>
                <select class="form-control" name="category">
                        <option value="pembukaan" {{ old('category') == "pembukaan" ? 'selected' : '' }}>Pembukaan</option>
                        <option value="isi" {{ old('category') == "isi" ? 'selected' : '' }}>Isi About us</option>
                        <option value="penutup" {{ old('category') == "penutup" ? 'selected' : '' }}>Penutup</option>
                </select>
                @error('category')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror
                </div>
                <br>
                <div class="mb-3">
                  <label for="name" class="form-label">Judul Konten</label>
                  <input type="text" class="form-control name @error('name') is-invalid @enderror" id="name" name="name" value="{{old('name')}}">
                    @error('name')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                
                <div class="mb-3">
                    <label for="about" class="form-label @error('about') is-invalid @enderror">Konten</label>
                    <input id="about" type="hidden" name="about">
                    <textarea id="textarea" name="about" input="about">{{old('about')}}</textarea>
                    @error('about')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                
                <div class="mb-3">
                    <label for="about_image" class="form-label">Foto Konten</label>
                    <input class="form-group  @error('about_image') is-invalid @enderror "  type="file" id="formFile" name="about_image" >
                    @error('about_image')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                
                <button type="submit" class="btn btn-primary">Create Post</button>
              </form>
        </div>
        <br>
    </div>

</div>

@endsection