@php
$breadcrumb = [
['label' => 'Dashboard', 'url' => route('admin.dashboard')],
['label' => 'Blog', 'url' => route('admin.blog')],
['label' => 'Blog Details']
];
@endphp

@extends('admin.layouts.app')
@section('title', 'Blog Details')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <form action="">
                    <p class="text-uppercase text-sm">Blog Information</p>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="blg-name" class="form-control-label">Heading</label>
                                <input readonly class="form-control" type="text" id="blg-name"  placeholder="Enter the name" value="{{$blog->heading}}" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="blg-desc" class="form-control-label">Description </label>
                                <textarea name="blg-desc" id="blg-desc">{{$blog->details}}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="blg-link" class="form-control-label">Link </label>
                                <input readonly class="form-control" type="text" id="blg-link"  placeholder="Enter the link" value="{{$blog->link}}" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="image" class="form-control-label">Image</label>
                                <div id="imagePreview"
                                    title="Click to select image"
                                    style="background-image: url('{{ $blog->image ? asset('storage/'.$blog->image) : asset('backend/assets/img/image_placeholder.svg') }}');">
                                </div>
                                <span id="imageError" class="text-danger customError text-sm" style="display:none;">Please select a valid image.</span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('backend/assets/tinymce/tinymce.min.js')}}"></script>
<script src="{{ asset('backend/assets/tinymce/jquery.tinymce.min.js')}}"></script>
<script>
    tinymce.init({
        selector: '#blg-desc',
        readonly: true
    });
</script>
@endpush