@extends('admin.index')
@section('title', Helper::getSiteTitle('Create New Article'))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin-news-articles') }}">News Articles</a></li>
                    <li class="breadcrumb-item active">Create New Article</li>
                </ol>
            </div>
            <h4 class="page-title">Create New Article</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card-box">
            <form class="submit-form" action="{{ route('admin-create-article') }}" method="post" enctype="multipart/form-data">
                <div class="row">
                    <div class="col-lg-6">
                        {{ csrf_field() }}
                        <div class="display-messages">
                            @if($errors->any())
                            <div class="alert alert-danger" role="alert">
                                @foreach ($errors->all() as $error)
                                    {!! $error !!}<br>
                                @endforeach
                            </div>
                            @elseif(session('message'))
                            <div class="alert alert-success" role="alert">
                                {!! session('message') !!}
                            </div>
                            @endif
                        </div>

                        <div class="form-group">
                            <label for="projectname">{{ __('Title') }}</label>
                            <input type="text" id="projectname" class="form-control" placeholder="Enter title" name="title" value="{{ Helper::getInputValue('title') }}" required>
                        </div>

                        <div class="form-group">
                            <label for="projectname">{{ __('Tagline') }}</label>
                            <input type="text" id="projectname" class="form-control" placeholder="Enter tagline" name="tagline" value="{{ Helper::getInputValue('tagline') }}" required max="125">
                            <p class="text-danger mt-2" style="font-style:italic;">Maximum length 125 characters</p>
                        </div>

                        <div class="form-group">
                            <label for="projectname">{{ __('Tags') }}</label>
                            <select class="form-control" data-toggle="select2" name="tags[]" multiple>
                                @if(!$tags->isEmpty())
                                    @foreach($tags as $tag)
                                        <option value="{{ $tag->id }}">{{ $tag->tag }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group row mt-3">
                            <label class="col-3 col-form-label">Status</label>
                            <div class="col-9">
                                <input type="checkbox" checked="" data-plugin="switchery" data-color="#1bb99a" name="active" value="1" />
                            </div>
                        </div>

                        <div class="form-group">
                            <textarea id="summernote-basic" name="content"></textarea>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="form-group mt-3 mt-xl-0">
                            <label for="projectname" class="mb-0">{{  __('Image')}}</label>
                            <input type="file" data-plugins="dropify" data-text="{{ __('Click to upload') }}" data-default-file="" name="image"  />
                            <input type="hidden" name="remove_image" class="remove-image">
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                        
                        <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                            <span class="btn-label"><i class="mdi mdi-plus"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                            {{ __('Create') }}
                        </button>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('css-lib')
<meta name="class-to-open" content='articles'>
<link href="{{ asset('admin/libs/mohithg-switchery/switchery.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/libs/summernote/summernote-bs4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/libs/dropify/css/dropify.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('js-lib')
<script src="{{ asset('admin/libs/mohithg-switchery/switchery.min.js') }}"></script>
<script src="{{ asset('admin/libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('admin/libs/summernote/summernote-bs4.min.js') }}"></script>
<script src="{{ asset('admin/libs/dropify/js/dropify.min.js') }}"></script>
@endsection