@extends('layouts.admin')
@section('content')
<div class="col-12 p-3">
    <div class="col-12 col-lg-12 p-0 ">
        <form id="validate-form" class="row" enctype="multipart/form-data" method="POST"
            action="{{route('admin.articles.store')}}">
                @csrf
                <input type="hidden" name="temp_file_selector" id="temp_file_selector" value="{{uniqid()}}">
                <div class="col-12 col-lg-8 p-0 main-box">
                    <div class="col-12 px-0">
                        <div class="col-12 px-3 py-3">
                            <span class="fas fa-info-circle"></span> إضافة جديد
                        </div>
                        <div class="col-12 divider" style="min-height: 2px;"></div>
                    </div>
                    <div class="col-12 p-3 row">
                        <div class="col-12 col-lg-6 p-2">
                            <div class="col-12">
                                العنوان (باللغة العربية)
                            </div>
                            <div class="col-12 pt-3">
                                <input type="text" name="title_ar" required maxlength="190" class="form-control"
                                    value="{{old('title_ar')}}">
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 p-2">
                            <div class="col-12">
                                العنوان (باللغة الإنجليزية)
                            </div>
                            <div class="col-12 pt-3">
                                <input type="text" name="title_en" required maxlength="190" class="form-control"
                                    value="{{old('title_en')}}">
                            </div>
                        </div>
                        <div class="col-12 p-2">
                            <div class="col-12">
                                الصورة الرئيسية
                            </div>
                            <div class="col-12 pt-3">
                                <input type="file" name="main_image" class="form-control" accept="image/*" required>
                            </div>
                            <div class="col-12 pt-3">
                            </div>
                        </div>
                        <div class="col-12  p-2">
                            <div class="col-12">
                                الوصف (باللغة العربية)
                            </div>
                            <div class="col-12 pt-3">
                                <textarea name="description_ar" class="editor with-file-explorer"
                                    required>{{old('description_ar')}}</textarea>
                            </div>
                        </div>
                        <div class="col-12  p-2"></div>
                        <div class="col-12">
                            الوصف (باللغة الإنجليزية)
                        </div>
                        <div class="col-12 pt-3">
                            <textarea name="description_en"
                                class="editor with-file-explorer">{{old('description_en')}}</textarea>
                        </div>
                    </div>
                    <div class="col-12 p-2">
                        <div class="col-12">
                            الوسوم
                        </div>
                        <div class="col-12 pt-3">
                            <select class="form-control select2-select" name="tag_id[]" multiple size="1"
                                style="height:30px;opacity: 0;">
                                @foreach($tags as $tag)
                                <option value="{{$tag->id}}">{{$tag->tag_name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-12 p-2">
                        <div class="col-12">
                            مميز
                        </div>
                        <div class="col-12 pt-3">
                            <select class="form-control" name="is_featured">
                                <option @if(old('is_featured')=="0" ) selected @endif value="0">لا</option>
                                <option @if(old('is_featured')=="1" ) selected @endif value="1">نعم</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12 p-2">
                        <div class="col-12">
                            ميتا الوصف
                        </div>
                        <div class="col-12 pt-3">
                            <textarea name="meta_description" class="form-control"
                                style="min-height:150px">{{old('meta_description')}}</textarea>
                        </div>
                    </div>
                </div>
        </div>
        <div class="col-12 p-3">
            <button class="btn btn-success" id="submitEvaluation" formnovalidate>حفظ</button>
        </div>
    </form>
</div>
</div>
@endsection