@extends('admin.layouts.master')

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

@section('head')
@endsection

@section('content-wrapper')

<div class="container-fluid">
    <div class="row justify-content-between p-2">
        <h2>{{ __('admin.tidings.edit-title') }}</h2>
        <div class="dropdown">
            <button class="btn btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                {{ __('admin.container-langs.title') }}
            </button>

            @php

            $currentLocale = request('locale_edit') ?? app()->getLocale();

            @endphp

            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">

                @foreach($currentCompany->locales as $key => $locale) 
                <a class="dropdown-item {{ ($currentLocale == $locale->code ? 'active' : '') }}" href="?locale_edit={{ $locale->code }}">{{ $locale->code }}</a>
                @endforeach
            </div>
        </div>
    </div>

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

            {{ csrf_field() }}

            <input type="hidden" name="locale" value="{{ $currentLocale }}">

            <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') ?? $tiding->translate($currentLocale)['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') ?? $tiding->translate($currentLocale)['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') ?? $tiding->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') }}" 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" {{ $tiding->status ? 'checked' : '' }} 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') ?? $tiding->translate($currentLocale)['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-edit') }}</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