@extends('backend.template')
@section('content')
    <div class='card'>
        <div class='card-header d-flex justify-content-between align-items-center'>
            <h2 class="">{{ label('Add Article') }}</h2>
            <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('articles.index')); ?>

        </div>
        <div class='card-body'>
            <form action="{{ route('articles.store') }}" id="storeCustomForm" method="POST">
                @csrf
                <div class="row">
                    <div class="col-lg-6">
                        {{ createCustomSelect('tbl_articles', 'title', 'article_id', '', 'Parent Article', 'parent_article', 'form-control select2', 'status<>-1') }}
                    </div>
                    <div class="col-lg-6">{{ createText('title', 'title', 'Title') }}
                    </div>
                    <div class="col-lg-6">{{ createText('subtitle', 'subtitle', 'Subtitle') }}
                    </div>
                    <div class="col-lg-12 pb-2">{{ createTextarea('text', 'text ckeditor-classic', 'Text') }}
                    </div>
                    <div class="col-lg-12 pb-2">{{ createImageInput('cover_photo', 'Cover Photo') }}
                    </div>
                    <div class="col-lg-12 pb-2">{{ createPlainTextArea('seo_keywords', 'seo_keywords ', 'Seo Keywords') }}
                    </div>
                    <div class="col-lg-6">{{ createText('seo_title', 'seo_title', 'Seo Title') }}
                    </div>
                    <div class="col-lg-12 pb-2">
                        {{ createPlainTextArea('seo_descriptions', 'seo_descriptions ', 'Seo Descriptions') }}
                    </div>
                    <div class="col-lg-12 pb-2">{{ createPlainTextArea('og_tags', 'og_tags ', 'Og Tags') }}
                    </div> <br>
                    <div class="col-md-12"><?php createButton('btn-primary btn-store', '', 'Submit'); ?>
                        <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('articles.index')); ?>
                    </div>
            </form>
        </div>
    </div>
@endsection