@extends('master')
@php $breadcrumbs = Breadcrumbs::generate('checkAuthor'); @endphp
@section('breadcrumbs')
    @if (count($breadcrumbs))
        <ol class="sj-breadcrumb">
            @foreach ($breadcrumbs as $breadcrumb)
                @if ($breadcrumb->url && !$loop->last)
                    <li><a href="{{{ $breadcrumb->url }}}">{{{ $breadcrumb->title }}}</a></li>
                @else
                    <li class="active">{{{ $breadcrumb->title }}}</li>
                @endif
            @endforeach
        </ol>
    @endif
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="sj-twocolumns" id="new_article">
                <div class="col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 float-right">
                    @if (Session::has('upload_error'))
                        <div class="toast-holder">
                            <flash_messages :message="'{{{ Session::get('upload_error') }}}'" :message_class="'danger'" v-cloak></flash_messages>
                        </div>
                    @elseif (Session::has('error'))
                        <div class="toast-holder">
                            <flash_messages :message="'{{{ Session::get('error') }}}'" :message_class="'danger'" v-cloak></flash_messages>
                        </div>
                    @elseif ($errors->any())
                        <div class="toast-holder">
                            @foreach ($errors->all() as $error)
                                <flash_messages :message="'{{{$error}}}'" :message_class="'danger'" v-cloak></flash_messages>
                            @endforeach
                        </div>
                   @endif
                    <transition name="fade">
                        <div class="toast-holder" v-if="form_errors.length" v-show="custom_error" v-cloak>
                            <div id="toast-container" v-for="error in form_errors">
                                <div class="alert toast-danger alart-message alert-dismissible fade show fixed_message">
                                    <div class="toast-message">
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button> @{{error}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </transition>
                    <div class="provider-site-wrap" v-show="loading" v-cloak>
                        <div class="provider-loader">
                            <div class="bounce1"></div>
                            <div class="bounce2"></div>
                            <div class="bounce3"></div>
                        </div>
                    </div>
                    <sticky_messages :message="'Article is Submitting'" v-show="progressing" v-cloak></sticky_messages>
                    <div id="sj-content" class="sj-content sj-addarticleholdcontent">
                        <div class="sj-dashboardboxtitle">
                            <h2>{{{trans('Add Article')}}}</h2>
                        </div>
                        <div class="sj-addarticlehold">
                            {!! Form::open(['url' => 'author/store-article', 'enctype' => 'multipart/form-data', 'multiple' => true,
                            'id'=>'article_form', 'class' => 'total-fields sj-formtheme sj-formarticle', '@submit' => 'checkForm']) !!}
                                <fieldset class="">
                                    <div class="form-group" id="title_input">
                                        {!! Form::text('title', null, ['class' => 'form-control', 'placeholder' => trans('Article Title'), 'id'=>'article_title', '@keyup' => 'autoComplete' ]) !!}
                                    </div>
                                    @if(($categories != ""))
                                        <div class="form-group">
                                            <span class="sj-select">
                                                {!! Form::select('category', $categories, null ,array('class' => '')) !!}
                                            </span>
                                        </div>
                                    @endif
                                    <div class="form-group sj-authorhold">
                                        {!! Form::text('authors[0][title]', null, ['class' => 'form-control author_title' ,'id'=>'first_author_name', 'placeholder' => trans('Author Name'), '@keyup' => 'autoComplete']) !!}
                                    </div>
                                    <div class="form-group sj-authorholdvtwo">
                                        {!! Form::email('authors[0][email]', null, ['class' => 'form-control author_email','id'=>'first_author_email','placeholder' => trans('Author Email'), '@keyup' => 'autoComplete']) !!}
                                        <div class="sj-adddelbtns">
                                            <span class="sj-addbtn" @click="addAnother"><i class="fa fa-plus"></i></span>
                                        </div>
                                    </div>
                                    <div v-for="(author, index) in authors" v-cloak>
                                        <div class="form-group sj-authorhold">
                                            <input placeholder="{{{trans('Author Name')}}}" v-bind:name="'authors['+[author.count]+'][title]'" type="text" class="form-control" v-model="author.author_name">
                                        </div>
                                        <div class="form-group sj-authorholdvtwo">
                                            <input placeholder="{{{trans('Author Email')}}}" v-bind:name="'authors['+[author.count]+'][email]'" type="email" class="form-control author_email" v-model="author.author_email">
                                            <div class="sj-adddelbtns">
                                                <span class="sj-addbtn sj-delbtn" @click="removeAuthor(index)"><i class="fa fa-plus"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                    <span>{{{trans('Add Abstract')}}}</span>
                                        {!! Form::textarea('abstract', null, ['class' => 'form-control template_data page-textarea', 'id' => 'abstract', 'placeholder' => trans('Add Abstract'), '@keyup' => 'autoComplete']) !!}
                                    </div>
                                    <div class="form-group">
                                        {!! Form::textarea('excerpt', null, ['class' => 'form-control excerpt', 'id' => 'excerpt', 'placeholder' => trans('Excerpt'), '@keyup' => 'autoComplete']) !!}
                                    </div>
                                    <upload-files-field
                                        :doc_id="create_article"
                                        :field_title="'{{{trans("Upload Article")}}}'"
                                        :file_name="this.file_input_name"
                                        :file_placeholder="'{{{trans("Upload doc")}}}'"
                                        :file_size_label="'{{{trans("File Size")}}}'"
                                        :file_not_uploaded_label="'{{{trans("File Not Uploaded")}}}'">
                                    </upload-files-field>
                                </fieldset>
                                <div class="sj-submitdetails">
                                    <span>{{ trans('By clicking submit button you accepted terms and coditions of the journal.  ') }}<a href="javascript:void(0);">{{{trans('Terms and Conditions')}}}</a></span>
                                    {!! Form::submit(trans('Submit'), ['class' => 'sj-btn sj-btnactive']) !!}
                                </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 float-left">
                    <aside id="sj-sidebarvtwo" class="sj-sidebar">
                        <div class="sj-profilestrenght">
                            <div class="sj-headerhold">
                                <div class="sj-dashboardboxtitle">
                                    <h2>{{ trans('Required Fields') }}</h2>
                                    <span>{{ trans('All fields must be filled') }}</span>
                                </div>
                            </div>
                            <ul class="sj-profilecomplete">
                                <li v-bind:class="{ 'sj-profileerror': this.title_error, 'sj-profilecompleted': this.title_completed }">
                                    <i v-bind:class="{ 'ti-na': this.title_na, 'ti-check': this.title_check }"></i>
                                    <span>{{{trans('Article Title')}}}</span>
                                </li>
                                <li v-bind:class="{ 'sj-profileerror': this.author_error, 'sj-profilecompleted': this.author_completed }">
                                    <i v-bind:class="{ 'ti-na': this.author_na, 'ti-check': this.author_check }"></i>
                                    <span>{{{trans('First Author')}}}</span>
                                </li>
                                <li v-bind:class="{ 'sj-profileerror': this.abst_error, 'sj-profilecompleted': this.abst_completed }">
                                    <i v-bind:class="{ 'ti-na': this.abst_na, 'ti-check': this.abst_check }"></i>
                                    <span>{{{trans('Add Abstract')}}}</span>
                                </li>
                                <li v-bind:class="{ 'sj-profileerror': this.excerpt_error, 'sj-profilecompleted': this.excerpt_completed }">
                                    <i v-bind:class="{ 'ti-na': this.excerpt_na, 'ti-check': this.excerpt_check }"></i>
                                    <span>{{{trans('Add Excerpt')}}}</span>
                                </li>
                                <li class="uploadfilestatus" v-bind:class="{ 'sj-profileerror': this.upload_file_error, 'sj-profilecompleted': this.upload_file_completed }">
                                    <i class="uploadstatusinner" v-bind:class="{ 'ti-na': this.upload_file_na, 'ti-check': this.upload_file_check }"></i>
                                    <span>{{{trans('Upload Doc')}}}</span>
                                </li>
                            </ul>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </div>
@endsection