@extends('layouts.admin.app')

@section('title','Edit blog - ' . $blog->name)

@section('content')
    <form method="post" action="{{ route('admin.blog.update', $blog->id) }}" enctype="multipart/form-data">
        @csrf
        @method('PATCH')
        <div class="box_general padding_bottom">
            <div class="header_box version_2" style="position: relative;">
                <h2><i class="fa fa-file"></i>Edit blog - {{ $blog->name }}</h2>
                <a href="{{ route('admin.blog') }}" class="wlc btn btn-sm btn-primary">
                    <i class="fa fa-arrow-left"></i> {{ __('Back') }}
                </a>
            </div>
            <div class="row">
                <div class="col-md-12">
                    @if(Session::has('message'))
                        <div class="alert alert-success">
                            {{ Session::get('message') }}
                        </div>
                    @endif
                    <div class="alert alert-danger work-experience-error" style="display:none">
                        <ul></ul>
                    </div>
                    <table id="pricing-list-container" style="width:100%;">
                        <td>
                            <div class="row col-md-10">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Title<span class="text-danger">*</span></label>
                                        <input id="name" name="name" type="text"
                                               value="@if(isset($edit)){{ $blog->name }}@else{{ old('name') }}@endif"
                                               class="form-control" placeholder="title here">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Author<span class="text-danger">*</span></label>
                                        <input id="author" name="author" type="text"
                                               value="@if(isset($edit)){{ $blog->author }}@else{{ old('author') }}@endif"
                                               class="form-control" placeholder="Author">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="status">Display on Homepage?</label>
                                        <input type="checkbox" name="home_display" value="1" {{ $blog->home_display === 1 ? 'checked':null }} />
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-10">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="category">Category <span class="text-danger">*</span></label>
                                        <div class="styled-select">
                                            <select id="category" name="category">
                                                <option disabled selected>-- Select Category --</option>
                                                @if(isset($categories, $edit))
                                                    @foreach($categories as $category)
                                                        <option @if($blog->blog_category_id == $category->id) {{ 'selected' }} @endif value="{{ $category->id }}">{{ $category->name }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="display_order">Display order</label>
                                        <input id="display_order" type="text" name="display_order"
                                               value="@if(isset($edit)){{ $blog->display_order }}@else{{ old('display_order') }}@endif"
                                               class="form-control" placeholder="Display order">
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-10">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="featured_image">Featured image <span>(<em>Preferred dimension 570x324 -- You can leave empty, if you dont want to change image</em>)</span></label>
                                        <input id="featured_image" type="file" name="featured_image" value="{{ old('featured_image') }}" class="form-control" placeholder="Featured image">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="status">Status <span class="text-danger">*</span></label>
                                        <select id="status" class="form-control" name="status" required>
                                            <option value="">--Select Status--</option>
                                            <option @if($blog->status === 'active'){{ 'selected' }}@endif value="active">Active</option>
                                            <option @if($blog->status === 'inactive'){{ 'selected' }}@endif value="inactive">Inactive</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="content1">content 1</label>
                                        <textarea id="content1" name="content1" class="form-control editor" rows="3" placeholder="Content 1">@if(isset($edit)){{ $blog->content1 }}@else{{ old('content1') }}@endif</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="content2">content 2</label>
                                        <textarea id="content2" name="content2" class="form-control editor" rows="3" placeholder="Content 2">@if(isset($edit)){{ $blog->content2 }}@else{{ old('content2') }}@endif</textarea>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </table>
                </div>
            </div>
            <!-- /row-->
        </div>
        <!-- /box_general-->

        <p><button type="submit" class="btn_1 medium">Save</button></p>
    </form>
@endsection

@section('js')
    <!-- Script -->
    <script type='text/javascript'>

        $(document).ready(function(){
            //WYSIWYG editor
            $('.editor').summernote({
                fontSizes: ['10', '14'],
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['strikethrough']],
                    ['fontsize', ['fontsize']],
                    ['para', ['ul', 'ol', 'paragraph']]
                ],
                placeholder: 'Write here ....',
                tabsize: 2,
                height: 150
            });
        });

    </script>
@endsection