@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <form id="frmAddUpdate" name="frmAddUpdate" action="{!! $blog->id ? route('admin.blog.update') : route('admin.blog.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{!! $blog->id !!}">
                    <p class="require-size mb-1">All timings are in Eastern Time (ET).</p>
                    <div class="col-lg-06">
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Title</label>
                                    <div class="col-sm-9">
                                        <input type="text" name="name" id="name" value="{!! old('name') ?? $blog->name !!}" class="form-control">
                                        @error('name')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-3">
                                        <label class="form-control-label" for="fileInput">Image</label>
                                        <p class="require-size mb-1">* Require size in pixel. (1920x850)</p>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="d-md-flex align-items-center image_div">
                                            {!! getMedipickerButton('Image',"image","image_alt","image_type","div_image_preview") !!}
                                            <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_preview">
                                                <img src="{!! old('image') ?? $blog->image_url !!}" class="img-fluid">
                                            </div>
                                        </div>
                                        <input id="image_old" name="image_old" type="hidden" value="{!! $blog->image !!}">
                                        <input id="selected_media" name="image" type="hidden" value="{!! old('image') !!}">
                                        @error('image')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-control-label">Image Alt Tag Text</label>
                                        <input type="text" name="image_alt" id="image_alt" value="{!! old('image_alt') ?? $blog->image_alt !!}" placeholder="Enter image alt text" class="form-control">
                                        @error('image_alt')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-3">
                                        <label class="form-control-label" for="fileInput">Grid Image</label>
                                        <p class="require-size mb-1">* Require size in pixel. (400x400)</p>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="d-md-flex align-items-center image_grid_div">
                                            {!! getMedipickerButton('Image',"image_grid","","","div_image_grid_preview") !!}
                                            <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_grid_preview">
                                                <img src="{!! old('image_grid') ?? $blog->image_grid_url !!}" class="img-fluid">
                                            </div>
                                        </div>
                                        <input id="image_grid_old" name="image_grid_old" type="hidden" value="{!! $blog->image_grid !!}">
                                        <input id="selected_media" name="image_grid" type="hidden" value="{!! old('image_grid') !!}">
                                        @error('image_grid')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-control-label" for="fileInput">List Image</label>
                                        <p class="require-size mb-1">* Require size in pixel. (350x250)</p>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="d-md-flex align-items-center image_list_div">
                                            {!! getMedipickerButton('Image',"image_list","","","div_image_list_preview") !!}
                                            <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_list_preview">
                                                <img src="{!! old('image_list') ?? $blog->image_list_url !!}" class="img-fluid">
                                            </div>
                                        </div>
                                        <input id="image_list_old" name="image_list_old" type="hidden" value="{!! $blog->image_list !!}">
                                        <input id="selected_media" name="image_list" type="hidden" value="{!! old('image_list') !!}">
                                        @error('image_list')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Categories</label>
                                    <div class="col-sm-9">
                                        <select name="categories[]" id="categories" class="form-control" multiple>
                                            @if($categories->count() > 0)
                                            @foreach($categories as $category)
                                            <option value="{!! $category->id !!}" @if(in_array($category->id,$selectedCategories)) selected @endif>{!! $category->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('categories[]')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Authors</label>
                                    <div class="col-sm-9">
                                        <select name="authors[]" id="authors" class="form-control" multiple>
                                            @if($authors->count() > 0)
                                            @foreach($authors as $author)
                                            <option value="{!! $author->id !!}" @if(in_array($author->id,$selectedAuthors)) selected @endif>{!! $author->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('authors[]')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Is Author Show On Post?</label>
                                    <div class="col-sm-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_author_show_yes" class="form-control checkboxinput" name="is_author_show" value="1" {!! $blog->is_author_show == '1' ? 'checked' : '' !!} checked>Yes
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_author_show_no" class="form-control checkboxinput" name="is_author_show" value="0" {!! $blog->is_author_show == '0' ? 'checked' : '' !!} >No
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label" for="fileInput">Publish At <span class="require-size mb-1">* Require date format is {!! config('constants.INPUT_DATE_FORMAT') !!}</span></label>
                                    <div class="col-sm-9">
                                        <div class="row" style="margin:0">
                                            <input type="text" name="publish_date" id="publish_date" value="{!! old('publish_date') ?? convertUtcToEt($blog->publish_at,config('constants.INPUT_DATE_FORMAT')) !!}" class="form-control clsManualDatePicker" style="width: auto;">
                                            <input type='text' name="publish_time" id="publish_time" value="{!! old('publish_time') ?? ($blog->publish_at ? convertUtcToEt($blog->publish_at,'H:i') : "") !!}" class="inptp">
                                        </div>
                                    </div>
                                    @error('publish_date')
                                    <span class="error" role="alert">{!! $message !!}</span>
                                    @enderror
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Short Description</label>
                                    <div class="col-sm-9">
                                        <textarea name="short_description" id="short_description" class="form-control">{!! old('short_description') ?? $blog->short_description !!}</textarea>
                                        @error('short_description')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Body</label>
                                    <div class="col-sm-9">
                                        <textarea class="form-control clsFullEditor" name="description" id="description" >{!! old('description') ?? $blog->description !!}</textarea>
                                        @error('description')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-3 form-control-label">Status</label>
                                    <div class="col-sm-9 radiobox">
                                        <div class="radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1" {!! $blog->is_active == '1' ? 'checked' : '' !!} checked>Active
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_no" class="form-control checkboxinput" name="is_active" value="0" {!! $blog->is_active == '0' ? 'checked' : '' !!} >Inactive
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="line"> </div>
                                <div class="form-group row">
                                    <div class="col-sm-12 text-center">
                                        <button type="button" class="btn btn-secondary" onclick="window.location.href='{!! route('admin.blog.index') !!}';">Cancel</button>
                                        <button type="submit" class="btn btn-primary">Save changes</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@include('admin.media.add_popup')
@section('js')
{!! config('constants.TINY_MCE_SCRIPT') !!}
<script src="{!! asset('assets/backend/js/pages/blog.js') !!}"></script>
@stop
@endsection