cms-token/@core/resources/views/backend/knowledgebase/new-knowledgebase.blade.php

130 lines
7.0 KiB
PHP

@extends('backend.admin-master')
@section('site-title')
{{__('New Knowledgebase Article')}}
@endsection
@section('style')
<link rel="stylesheet" href="{{asset('assets/backend/css/bootstrap-tagsinput.css')}}">
<link rel="stylesheet" href="{{asset('assets/backend/css/summernote-bs4.css')}}">
<link rel="stylesheet" href="{{asset('assets/backend/css/dropzone.css')}}">
<link rel="stylesheet" href="{{asset('assets/backend/css/media-uploader.css')}}">
@endsection
@section('content')
<div class="col-lg-12 col-ml-12 padding-bottom-30">
<div class="row">
<div class="col-lg-12">
<div class="margin-top-40"></div>
<x-error-msg/>
<x-flash-msg/>
</div>
<div class="col-lg-12 mt-5">
<div class="card">
<div class="card-body">
<div class="header-wrap d-flex justify-content-between">
<h4 class="header-title">{{__('Add New Knowledgebase Article')}}</h4>
<a href="{{route('admin.knowledge.all')}}" class="btn btn-primary">{{__('All Knowledgebase')}}</a>
</div>
<form action="{{route('admin.knowledge.new')}}" method="post" enctype="multipart/form-data">
@csrf
<div class="row">
<div class="col-lg-12">
<div class="form-group">
<label for="language"><strong>{{__('Language')}}</strong></label>
<select name="lang" id="language" class="form-control">
@foreach($all_languages as $lang)
<option value="{{$lang->slug}}">{{$lang->name}}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label for="title">{{__('Title')}}</label>
<input type="text" class="form-control" id="title" name="title" value="{{old('title')}}" placeholder="{{__('Title')}}">
</div>
<div class="form-group">
<label for="slug">{{__('Slug')}}</label>
<input type="text" class="form-control" id="slug" name="slug" value="{{old('slug')}}" placeholder="{{__('Slug')}}">
</div>
<div class="form-group">
<label for="topic">{{__('Topic')}}</label>
<select name="topic_id" class="form-control" id="topic">
<option value="">{{__("Select Topic")}}</option>
@foreach($all_topics as $category)
<option value="{{$category->id}}">{{$category->title}}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label>{{__('Content')}}</label>
<input type="hidden" name="topic_content" >
<div class="summernote"></div>
</div>
<div class="form-group">
<label for="meta_tags">{{__('Meta Tags')}}</label>
<input type="text" name="meta_tags" class="form-control" data-role="tagsinput" id="meta_tags">
</div>
<div class="form-group">
<label for="meta_description">{{__('Meta Description')}}</label>
<textarea name="meta_description" class="form-control" rows="5" id="meta_description"></textarea>
</div>
<div class="form-group">
<label for="status">{{__('Status')}}</label>
<select name="status" id="status" class="form-control">
<option value="publish">{{__('Publish')}}</option>
<option value="draft">{{__('Draft')}}</option>
</select>
</div>
<button type="submit" class="btn btn-primary mt-4 pr-4 pl-4">{{__('Add New Article')}}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@include('backend.partials.media-upload.media-upload-markup')
@endsection
@section('script')
<x-backend.auto-slug-js :url="route('admin.knowledge.slug.check')" :type="'new'" />
<script src="{{asset('assets/backend/js/bootstrap-tagsinput.js')}}"></script>
<script>
$(document).ready(function () {
$(document).on('change','#language',function(e){
e.preventDefault();
var selectedLang = $(this).val();
$.ajax({
url: "{{route('admin.knowledge.category.by.lang')}}",
type: "POST",
data: {
_token : "{{csrf_token()}}",
lang : selectedLang
},
success:function (data) {
$('#topic').html('<option value="">Select Topic</option>');
$.each(data,function(index,value){
$('#topic').append('<option value="'+value.id+'">'+value.title+'</option>')
});
}
});
});
$('.summernote').summernote({
height: 400, //set editable area's height
codemirror: { // codemirror options
theme: 'monokai'
},
callbacks: {
onChange: function(contents, $editable) {
let finalContenat = iFrameFilterInSummernote(contents);
$(this).prev('input').val(finalContenat);
}
}
});
});
</script>
<script src="{{asset('assets/backend/js/summernote-bs4.js')}}"></script>
<script src="{{asset('assets/backend/js/dropzone.js')}}"></script>
@include('backend.partials.media-upload.media-js')
@endsection