@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit News
@else
Add News
@endif

@endsection

@section('content')
<main>
    <div class="two-col">
        @include("admin.common.sidebar")
        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('news.cms') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.news.indexPageLoad', ['panel' => Session::get('panel')]) }}">{{ @trans('news.news') }}</a>
                    </li>
                    @if($edit)
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('news.edit_news') }}</li>
                    @else
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('news.add_news') }}</li>
                    @endif
                </ol>
            </nav>
            <div class="form-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form autofill="false" method="post"
                                    action="{{ route('admin.news.storeNews', ['panel' => Session::get('panel') ]) }}"
                                    autocomplete="off" id="formNews" name="addTestimonial"
                                    enctype="multipart/form-data">
                                    <div class="form-body">
                                        @csrf
                                        @if($edit)
                                        <h2 class="form-sec-title">{{ @trans('news.edit_news') }}</h2>
                                        <input type="hidden" name="id" value="{{$news->id}}">
                                        @else
                                        <h2 class="form-sec-title">{{ @trans('news.add_news') }}</h2>
                                        @endif
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('news.title') }}<span
                                                            class="required">*</span></label>
                                                    <input type="text" name="title" class="form-control"
                                                        value="@if($edit){{$news->title}}@else{{old('title')}}@endif"
                                                        placeholder="Enter Title" />
                                                    @if($errors->has('title'))
                                                    <span class="invalid-feedback">{{$errors->first('title')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group file-upload">
                                                    <label class="control-label">{{ @trans('news.cover_image') }}<span
                                                            class="required">*</span></label>
                                                    <div class="custom-file">
                                                        <input type="file" class="custom-file-input fileupload"
                                                            id="image" name="image">
                                                        <label class="custom-file-label" for="image"><img
                                                                src="{{ asset('/img/file-upload.svg')}}" alt="upload">{{
                                                            @trans('news.upload') }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            @if(isset($news->image))
                                            <div class="col-md-12 previewDiv">
                                                <div class="thumbnail-wrapper">
                                                    <img width="100" height="100" class="preview"
                                                        src="{{ config('custom.download.url')}}{{ config('custom.upload.blog.cover_image') }}/{{$news->image}}">
                                                </div>
                                            </div>
                                            @else
                                            <div class="col-md-12 previewDiv" style="display:none;">
                                                <div class="thumbnail-wrapper">
                                                    <img width="100" height="100" class="preview" src="">
                                                </div>
                                            </div>
                                            @endif
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="news_category_id">{{
                                                        @trans('news.news_category') }}<span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="news_category_id"
                                                        id="news_category_id">
                                                        <option value="" hidden>{{ @trans('news.select_category') }}
                                                        </option>
                                                        @foreach($newsCategories as $key => $news_category)
                                                        <option @if($news_category->id == old('news_category_id'))
                                                            selected="selected"
                                                            @elseif(isset($news->news_category_id) &&
                                                            $news_category->id ==
                                                            $news->news_category_id)
                                                            selected="selected"
                                                            @endif
                                                            id="{{$news_category->id}}"
                                                            value="{{$news_category->id}}">
                                                            {{$news_category->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('news_category_id'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('news_category_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('news.posted_on') }}</label>
                                                    <input id="posted_on" name="posted_on" class="form-control bg-white"
                                                        readonly
                                                        value="@if($edit){{$news->posted_date_formatted}}@else{{old('posted_on')}}@endif"
                                                        placeholder="Select Posted On" />
                                                    @if($errors->has('posted_on'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('posted_on')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('news.author_name')
                                                        }}</label>
                                                    <input type="text" name="author_name" class="form-control"
                                                        value="@if($edit){{$news->author_name}}@else{{old('author_name')}}@endif"
                                                        placeholder="Enter Author Name" />
                                                    @if($errors->has('author_name'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('author_name')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('news.author_position_name')
                                                        }}</label>
                                                    <input type="text" name="author_position" class="form-control"
                                                        value="@if($edit){{$news->author_position}}@else{{old('author_position')}}@endif"
                                                        placeholder="Enter Author Position Name" />
                                                    @if($errors->has('author_position'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('author_position')}}</span>
                                                    @endif
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('news.short_description')
                                                        }}<span class="required">*</span></label>
                                                    <textarea name="short_description" class="form-control"
                                                        placeholder="Message">@if($edit){!! $news->short_description !!}@endif</textarea>
                                                    @if($errors->has('short_description'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('short_description')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('news.long_description')
                                                        }}<span class="required">*</span></label>
                                                    <textarea name="long_description" class="form-control editor"
                                                        placeholder="Message">@if($edit){!! $news->long_description !!}@endif</textarea>
                                                    @if($errors->has('long_description'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('long_description')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">{{
                                                @trans('news.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn" value="{{ @trans('news.save') }}">
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection


@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\News\storeNews', '#formNews') !!}
<script type="text/javascript">
    $(document).ready(function() {

        var myForm = $('#formNews');
        $.data(myForm[0], 'validator').settings.ignore = "null";

        tinymce.init({
            selector: 'textarea.editor',
            height: 300,
            menubar: false,
            branding: false,
            browser_spellcheck: true,
            toolbar: 'undo redo | bold italic underline strikethrough | link | alignleft aligncenter alignright alignjustify | bullist numlist  | removeformat | preview',
            plugins: [
                'link preview wordcount lists', 'paste'
            ],
            paste_auto_cleanup_on_paste: true,
            paste_remove_styles: true,
            paste_remove_styles_if_webkit: true,
            paste_strip_class_attributes: true,
            setup: function(editor) {
                editor.on('keyUp', function() {
                    tinyMCE.triggerSave();

                    if (!$.isEmptyObject(myForm.validate().submitted))
                        myForm.validate().form();
                });
            },

        });

        var today = new Date();
        var $posted_on = $("#posted_on");

        $posted_on.datepicker({
            format: 'dd/mm/yyyy',
            // zIndex: 2048,
            autoHide: true,
            date: null,
            endDate: (today.getMonth() + 1) + '/' + today.getFullYear(),
        });
    });
</script>


@endpush