@extends('layout')
@section('content') 
        <div class="container container-flex">
            <main role="main">
                <h3 class="text-center">Edit Post</h3>
                <form action="/update/{{$data['id']}}" method="post" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <table align="center">
                        <tr>
                            <td>Title</td>
                            <td>
                                <input type="text" name="title" placeholder="Enter Post Title" class="form-control" value="{{$data['title']}}">
                                @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">{{$data['content']}}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <td>Image</td>
                            <td>
                                <img src="../img/{{$data['image']}}" alt="Blog Image" height="80" width="100">
                                <input type="file" name="image" id="image" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center">
                                <input type="submit" value="UPDATE" name="update" class="btn btn-primary">
                                <a href="/" class="btn btn-danger">CANCEL</a>
                            </td>
                        </tr>
                    </table>
                </form>
            </main>            
        </div>
@endsection