@extends('layout')
@section('content') 
        <div class="container container-flex">
            <main role="main">
                <h3 class="text-center">Add New Post</h3>
                <form action="/save" method="post" enctype="multipart/form-data">
                    @csrf
                    <table align="center">
                        <tr>
                            <td>Title</td>
                            <td>
                                <input type="text" name="title" placeholder="Enter Post Title" class="form-control">
                                @error('title')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <td>Content</td>
                            <td>
                                <textarea name="content" id="content" cols="30" rows="8" class="form-control"></textarea>
                                @error('content')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <td>Image</td>
                            <td>
                                <input type="file" name="image" id="image" class="form-control">
                                @error('img')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center">
                                <input type="submit" value="SAVE" name="save" class="btn btn-primary">
                                <a href="/" class="btn btn-danger">CANCEL</a>
                            </td>
                        </tr>
                    </table>
                </form>
            </main>            
        </div>
@endsection