@extends('layouts.admin_layout.admin_layout')
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Blog</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ url('admin/video-index') }}">Manage Blog</a></li>
                        <li class="breadcrumb-item active">Edit Blog</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>


    <section class="content">
        <div class="container-fluid">
            <x-alert />
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title"> Edit Blog </h3>
                </div>

                <form name="videoForm" id="videoForm" action="{{ url('admin/blogs/'.$getBlog->id) }}" method="post"
                    enctype="multipart/form-data">@csrf

                    <br>
                    <!-- Work Description title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="blog_title">
                                Title
                            </label>
                            <input type="text" class="form-control" name="title" id="blog_title"
                                            value="{{ $getBlog->title }}" placeholder="Enter Blog Title Here">
                        </div>
                    </div>

                    <!-- Short Description -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="blog_short_description">
                                Short Description
                            </label>
                            <textarea class="textarea" placeholder="Place Short Description Here" name="short_description"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $getBlog->short_description }}</textarea>
                        </div>
                    </div>

                    <!-- Blog Content -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="blog_content">
                                Content
                            </label>
                            <textarea class="textarea" placeholder="Place Blog Content Here" name="content" id="summernote"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $getBlog->content }}</textarea>
                        </div>
                    </div>


                    <!-- Cover image -->
                    <!-- image -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="cover_img">Cover Image</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="cover_img" name="cover_img" >
                                </div>
                            </div>
                            <div style="padding-top:20px">
                                <img src="{{ asset('images/blog/' . $getBlog->cover_img) }}" alt="Old Image" width="178" height="100" style="border-radius:10px">
                            </div>
                        </div>
                    </div>


                    <!-- discovery title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="blog_tags">
                                Tags (<small style="color: red; font-size:13px;"> Seperate by comma </small>)
                            </label>
                            <input type="text" class="form-control" name="tags" id="blog_tags"
                                            value="{{ $getBlog->tags }}" placeholder="Enter Blog Tags Here">
                        </div>
                    </div>

                    <!-- Read Time -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="staffing_title">
                                Read Time
                            </label>
                            <input type="text" class="form-control" name="est_read_time" id="est_read_time"
                                            value="{{ $getBlog->est_read_time }}" placeholder="Enter Estimated Read Time">
                        </div>
                    </div>

                    <!-- meta tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="meta_tag">
                                Meta Tag
                            </label>
                            <input type="text" class="form-control" name="meta_tag" id="meta_tag"
                                            value="{{ $getBlog->meta_tag }}" placeholder="Enter Meta Tag Here">
                        </div>
                    </div>

                    <!-- meta description-->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="meta_description">
                                Meta Description
                            </label>
                            <input type="text" class="form-control" name="meta_description" id="meta_description"
                                            value="{{ $getBlog->meta_description }}" placeholder="Enter Meta Description Here">
                        </div>
                    </div>


                    <!-- slug -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="blog_slug">
                                Slug
                            </label>
                            <input type="text" class="form-control" name="slug" id="blog_slug"
                                            value="{{ $getBlog->slug }}" placeholder="Enter Slug Here">
                        </div>
                    </div>

                    <div class="card-footer">
                        <button type="Save" class="btn btn-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
</div>
@endsection