@extends('admin.layouts.master')

@section('page_title')
    {{ __('admin.tidings.create-title') }}
@endsection

@section('head')
@endsection

@section('content-wrapper')

<div class="container-fluid">
    <div class="row">
        <h2>{{ __('admin.tidings.create-title') }}</h2>
    </div>

    <div class="row">
        
        <form class="w-100" method="post" enctype="multipart/form-data" action="{{ route('admin.tidings.store') }}" @submit.prevent="onSubmit">

            {{ csrf_field() }}

            <input type="hidden" name="locale" value="{{ app()->getLocale() }}">

            <div class="form-group" :class="[errors.has('title') ? 'has-error' : '']">
                <label class="form-label required"  for="title">{{ __('admin.tidings.form.title') }}</label>
                <input type="text" name="title" id="title" value="{{ old('title') }}" v-validate="'required'" class="form-control" data-vv-as="&quot;{{ __('admin.tidings.form.title') }}&quot;" />
                <span class="control-error" v-if="errors.has('title')">@{{ errors.first('title') }}</span>
            </div>

            <div class="form-group" :class="[errors.has('url_key') ? 'has-error' : '']">
                <label class="form-label required"  for="url_key">{{ __('admin.tidings.form.url-key') }}</label>
                <input type="text" name="url_key" id="url_key" value="{{ old('url_key') }}" v-validate="'required|alpha_dash'" class="form-control" data-vv-as="&quot;{{ __('admin.tidings.form.url-key') }}&quot;"/>
                <span class="control-error" v-if="errors.has('url_key')">@{{ errors.first('url_key') }}</span>
            </div>

            <div class="form-group" :class="[errors.has('publish_date') ? 'has-error' : '']">
                <label class="form-label required" for="publish_date">{{ __('admin.tidings.form.publish-date') }}</label>
                <input type="date" name="publish_date" id="publish_date" value="{{ old('publish_date') }}" v-validate="'required'" class="form-control" data-vv-as="&quot;{{ __('admin.tidings.form.publish-date') }}&quot;" />
                <span class="control-error" v-if="errors.has('publish_date')">@{{ errors.first('publish_date') }}</span>
            </div>

            <div class="form-group" :class="[errors.has('image') ? 'has-error' : '']">
                <label class="form-label required" for="image">{{ __('admin.tidings.form.image') }}</label>
                <input type="file" name="image" id="image" value="{{ old('image') }}" v-validate="'required'" class="form-control" data-vv-as="&quot;{{ __('admin.tidings.form.image') }}&quot;" />
                <span class="control-error" v-if="errors.has('image')">@{{ errors.first('image') }}</span>
            </div>

            <div class="custom-control custom-switch mb-3">
                <input type="checkbox" class="custom-control-input" name="status" id="status">
                <label class="custom-control-label" for="status">{{ __('admin.tidings.form.status') }}</label>
            </div>

            <div class="form-group" :class="[errors.has('body') ? 'has-error' : '']">
                <label class="form-label required" for="body">{{ __('admin.tidings.form.body') }}</label>
                <textarea type="text" name="body" id="body" v-validate="'required'" class="form-control" data-vv-as="&quot;{{ __('admin.tidings.form.body') }}&quot;" >{{ old('body') }}</textarea>
                <span class="control-error" v-if="errors.has('body')">@{{ errors.first('body') }}</span>
            </div>


            <button type="submit" class="btn btn-primary">{{ __('admin.tidings.form.btn-submit-create') }}</button>


        </form>

    </div>
</div>

@endsection

@push('scripts')

<script src="{{ asset('admin/js/tinyMCE/tinymce.min.js') }}"></script>

<script>
    $(document).ready(function () {
        tinymce.init({
            language: "{{ app()->getLocale() == 'va' ? 'ca' : app()->getLocale() }}",
            selector: 'textarea',
            height: 200,
            width: "100%",
            plugins: 'image imagetools media wordcount save fullscreen code link',
            toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat | code',
            image_advtab: true,
            relative_urls: false,
            convert_urls: false,
            remove_script_host : false,
            templates: [
                { title: 'Test template 1', content: 'Test 1' },
                { title: 'Test template 2', content: 'Test 2' }
            ],
        });
    });
</script>



@endpush