@extends('template')

@section('head')
@v('css/writings.css')

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
@v('js/writing_show.js')
@endsection

@section('content')    
    <main>
        <div class="container">
        <h1>Edit Writing</h1>
        
        <form action="{{ route('w.update', $writing->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="form-group">
                <label for="title">Title</label>
                <input type="text" name="title" id="title" 
                    class="form-control @error('title') is-invalid @enderror" 
                    value="{{ old('title', $writing->title) }}">
                @error('title')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <label for="body">Content</label>
                <textarea name="content" id="input_content" 
                    class="form-control @error('body') is-invalid @enderror" 
                    rows="10">{{ old('content', $writing->content) }}</textarea>
                @error('body')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <button type="submit" class="btn btn-primary">Update Writing</button>
            <a href="{{ route('w.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
    </main>
@endsection