@extends('admin.layout.default')

@section('title', trans('admin.article.actions.edit', ['name' => $article->title]))

@section('body')

    <div class="container-xl">

            <article-form
                :action="'{{ $article->resource_url }}'"
                :data="{{ $article->toJson() }}"
                v-cloak
                inline-template>
            
                <form class="form-horizontal form-edit" method="post" @submit.prevent="onSubmit" :action="this.action" novalidate>

                    <div class="row">
                        <div class="col">
                            <div class="card">
                                <div class="card-header">
                                    <i class="fa fa-pencil"></i> {{ trans('admin.article.actions.edit', ['name' => $article->title]) }}
                                </div>
                                <div class="card-body">
                                    @include('admin.article.components.form-elements')
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 col-lg-12 col-xl-5 col-xxl-4">
                            @include('admin.article.components.form-elements-right', ['showHistory' => true])
                        </div>
                    </div>
                    
                    <button type="submit" class="btn btn-primary fixed-cta-button button-save" :disabled="submiting">
                        <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-save'"></i>
                        {{ trans('admin.btn.save') }}
                    </button>

                    <button type="submit" style="display: none" class="btn btn-success fixed-cta-button button-saved" :disabled="submiting" :class="">
                        <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-check'"></i>
                        <span>{{ trans('admin.btn.saved') }}</span>
                    </button>
                     
                </form>

        </article-form>

    
</div>

@endsection