@extends('admin.includes.main')
@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-12">
                <h2 class="page-title menu-head">Add Blog</h2>
                <div class="card shadow mb-4">
                    @if (@$blog)
                    <form action="{{ route('admin.update_blog', ['slug' => $blog->slug]) }}" method="POST" enctype="multipart/form-data">
                    @else
                    <form action="{{ route('admin.post_blog') }}" method="POST" enctype="multipart/form-data">
                    @endif

                        @csrf
                        <div class="card-body">
                            <div class="row">

                                <div class="col-md-9">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="category">Category</label>
                                                <select name="category" id="category" class="form-control @error('category') is-invalid @enderror">
                                                    @foreach ($categories as $cat)
                                                        <option value="{{ $cat->id }}" {{ (old('category', @$blog->category_id) == $cat->id)?'selected':'' }}>{{ $cat->name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('category')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="title">Title</label>
                                                <input name="title" value="{{ old('title', @$blog->title) }}" required type="text"
                                                    id="title" class="form-control @error('title') is-invalid @enderror">
                                                @error('title')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="slug">Slug</label>
                                                <input name="slug" value="{{ old('slug', @$blog->slug) }}" type="text"
                                                    id="slug" class="form-control @error('slug') is-invalid @enderror">
                                                @error('slug')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="tags">Tags</label>
                                                <select name="tags[]" id="tags" multiple class="select2 form-control @error('tags') is-invalid @enderror">
                                                    @php
                                                    if (old('tags')) {
                                                        $old_tags = old('tags');
                                                    }
                                                    else if (@$blog->tags) {
                                                        $old_tags = explode(',', $blog->tags);
                                                    }else{
                                                        $old_tags = [];
                                                    }

                                                    @endphp
                                                    @foreach ($tags as $tag)
                                                        <option {{ (in_array($tag->id, $old_tags))?'selected':'' }} value="{{ $tag->id }}">{{ $tag->name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('tags')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group mb-3">
                                                <label for="meta_title">Meta Title</label>
                                                <input name="meta_title" value="{{ old('meta_title', @$blog->meta_title) }}" required type="text"
                                                    id="meta_title" class="form-control @error('meta_title') is-invalid @enderror">
                                                @error('meta_title')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-2">

                                            <div class="form-group mb-3">

                                                <label for="featured">Featured</label>
                                                <input name="featured" value="1" {{ (old('featured', @$blog->featured) == 1)?'checked':'' }} type="checkbox"
                                                    id="featured" class="form-control">

                                            </div>
                                        </div>
                                        <div class="col-md-2">

                                            <div class="form-group mb-3">

                                                <label for="is_published">Published</label>
                                                <input name="is_published" value="1" {{ (old('featured', @$blog->is_published) == 1)?'checked':'' }} type="checkbox"
                                                    id="is_published" class="form-control">

                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="meta_description">Meta Description</label>
                                                <textarea class="form-control @error('meta_description') is-invalid @enderror" name="meta_description" id="meta_description" cols="30" rows="4">{{ old('meta_description', @$blog->meta_description) }}</textarea>

                                                @error('meta_description')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="meta_keywords">Focus Keywords</label>
                                                <textarea class="form-control @error('meta_keywords') is-invalid @enderror" name="meta_keywords" id="meta_keywords" cols="30" rows="4">{{ old('meta_keywords', @$blog->meta_keywords) }}</textarea>

                                                @error('meta_keywords')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label for="short_description">Short Description</label>
                                                <textarea class="form-control @error('short_description') is-invalid @enderror" name="short_description" id="short_description" cols="30" rows="4">{{ old('short_description', @$blog->short_description) }}</textarea>

                                                @error('short_description')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="row">

                                        <div class="col-12">
                                            <div id="imagePreview">
                                                @if (!empty(@$blog->image))
                                                    <img height="160" src="{{ asset($blog->image) }}" alt="" srcset="">
                                                @endif
                                            </div>
                                            {{-- <canvas id= "canv1" style="height: 100px;"></canvas> --}}
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group mb-3">
                                                <label for="image">Image</label>
                                                <input type="file" name="image" multiple="false" ref="imagePreview" class="form-control imageUpload @error('image') is-invalid @enderror" accept="image/*" id="image">
                                                @error('image')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label for="description">Description</label>
                                        <textarea class="form-control tinymce @error('description') is-invalid @enderror" name="description" id="description" cols="30" rows="10">{{ old('description', @$blog->description) }}</textarea>

                                        @error('description')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <input type="submit" value="{{ 'Save' }}" class="btn btn-success">
                                </div>
                            </div>
                        </div>
                    </form>
                </div> <!-- / .card -->

            </div> <!-- .col-12 -->
        </div> <!-- .row -->
    </div>


@endsection