@csrf

@include('partials.validation-errors', ['displayErrors' => false])

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

<div class="row">
    <img src="{{ ($blog->photo) ? Storage::url('blogs/' . $blog->id . '/' . $blog->photo) : asset('img/placeholder-1024x768.svg') }}" alt="{{ $blog->title }}" class="img-fluid mb-2" />
    <div class="col form-group">
        <label for="photo" class="form-label">Photo</label>
        <input class="form-control @error('photo') is-invalid @enderror"
            name="photo"
            id="photo"
            type="file"
        />
        @error('photo') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
</div>

<div class="row">
    <div class="col form-group">
        <label for="body" class="form-label">Body</label>
        <textarea class="form-control @error('body') is-invalid @enderror"
            id="body"
            name="body"
            rows="5">{{ old('body', $blog->body) }}</textarea>
        @error('body') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
</div>

<div class="row">
    <div class="col-6 form-group">
        <label for="published_at" class="form-label">Publish Date</label>
        <input class="form-control @error('published_at') is-invalid @enderror"
            name="published_at"
            type="datetime-local"
            id="published_at"
            value="{{ old('published_at', $blog->published_at) }}"
        />
        @error('published_at') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>
    <div class="col-6 form-group"></div>
</div>

<button type="submit" class="btn btn-primary"><i class="bi bi-floppy"></i>&nbsp;&nbsp;Save Blog</button>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.tiny.cloud/1/f9fooujhh9num7f3plm9xaryp3zm6t3293xran7y9llobace/tinymce/6/tinymce.min.js"></script>
<script>
    tinymce.init({
        selector: '#description',
        plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount linkchecker',
        toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat',
    });
</script>