| System: Linux srv913213 5.15.0-190-generic #200-Ubuntu SMP Fri Aug 7 15:06:04 UTC 2026 x86_64 Current Path : /var/www/yapwebtv.com/Modules/Post/Resources/views/ |
| Current File : /var/www/yapwebtv.com/Modules/Post/Resources/views/trivia_quiz_create.blade.php |
@extends('common::layouts.master')
@section('post-aria-expanded')
aria-expanded="true"
@endsection
@section('post-show')
show
@endsection
@section('post')
active
@endsection
@section('create_trivia_quiz')
active
@endsection
@section('modal')
@include('gallery::image-gallery')
@include('gallery::video-gallery')
{{-- @include('gallery::image-gallery-content') --}}
@endsection
@section('content')
<div class="dashboard-ecommerce">
<div class="container-fluid dashboard-content ">
<!-- page info start-->
{!! Form::open(['route' => ['save-new-quiz','trivia-quiz'],'method' => 'post','enctype'=>'multipart/form-data']) !!}
<input type="hidden" id="images" value="{{ $countImage }}">
<input type="hidden" id="videos" value="{{ $countVideo }}">
<input type="hidden" id="imageCount" value="1" class="imageCount">
<input type="hidden" id="videoCount" value="1">
<div class="row clearfix">
<div class="col-12">
<div class="add-new-header clearfix m-b-20">
<div class="row">
<div class="col-6">
<div class="block-header">
<h2>{{ __('add_post') }}</h2>
</div>
</div>
<div class="col-6 text-right">
<a href="{{ route('post') }}" class="btn btn-primary btn-add-new"><i
class="fas fa-list"></i> {{ __('posts') }}
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
@if(session('error'))
<div id="error_m" class="alert alert-danger">
{{session('error')}}
</div>
@endif
@if(session('success'))
<div id="success_m" class="alert alert-success">
{{session('success')}}
</div>
@endif
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
</div>
<!-- Main Content section start -->
<div class="col-12 col-lg-9">
<div class="add-new-page bg-white p-20 m-b-20">
<div class="block-header">
<h2>{{ __('posts_details') }}</h2>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="post_title" class="col-form-label">{{ __('title') }}*</label>
<input id="post_title" onkeyup="metaTitleSet()" name="title"
value="" type="text" class="form-control" required>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="post-slug" class="col-form-label"><b>{{ __('slug') }}</b>
({{ __('slug_message') }})</label>
<input id="post-slug" name="slug" value="" type="text"
class="form-control">
</div>
</div>
<!-- tinemcey start -->
<div class="row p-l-15">
<div class="col-12">
<label for="post_content" class="col-form-label">{{ __('content') }}*</label>
<textarea name="content" value="{{ old('content') }}" id="post_content"
cols="30" rows="5"></textarea>
</div>
</div>
</div>
{{-- question section start--}}
<h3 class="block-header">{{ __('questions') }} </h3>
<div class="content-area">
<div class="clearfix"></div>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div id="quiz_questions_container" class="quiz_questions_container">
@php $unique_id = uniqid() @endphp
<div id="panel_quiz_question_{{ $unique_id }}"
class="panel panel-default panel-quiz-question"
data-question-id="{{ $unique_id }}" data-quiz-type="trivia-quiz">
<div class="panel panel-default mt-2 bg-white">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title d-flex">
<a role="button" data-toggle="collapse" data-parent="#accordion"
href="#collapse_{{ $unique_id }}" aria-expanded="true"
aria-controls="collapse_{{ $unique_id }}">
#<span id="question_number_{{ $unique_id }}">1</span> <span id="question_{{ $unique_id }}"></span>
</a>
<div class="text-right">
<button type="button" class="btn btn-default"
onclick="delete_quiz_question('{{ $unique_id }}')">
<i class="fa fa-trash"></i></button>
</div>
</h4>
</div>
<div id="collapse_{{ $unique_id }}"
class="panel-collapse in collapse show"
role="tabpanel" aria-labelledby="heading_{{ $unique_id }}"
style="">
<div class="panel-body bg-white">
<div class="col-12 col-lg-12">
<div class="col-sm-12 pr-0">
<div class="form-group">
<label
for="question"><b>{{ __('question') }} *</b></label>
<input name="question_id[]" type="hidden" value="{{ $unique_id }}">
<input type="text" id="question_input" required
class="form-control input-question-text"
data-question-id="{{ $unique_id }}"
name="question_title[]"
placeholder="{{ __('question') }}" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-12">
<div class="row">
<div class="col-sm-3">
<div class="question-image">
<div class="form-group">
<!-- Large modal -->
<button type="button" id="btn_image_modal"
class="btn btn-primary btn-image-modal ml-3"
data-id="1" data-toggle="modal" data-question-id="{{ $unique_id }}"
data-target=".image-modal-lg">{{ __('add_image') }}</button>
<input id="image_id_question_{{ $unique_id }}" name="question_image[]"
type="hidden"
class="form-control image_id">
</div>
<div class="form-group">
<div class="form-group text-center">
<img
src="{{static_asset('default-image/default-100x100.png') }} "
id="image_preview_question_{{ $unique_id }}"
width="200" height="200" alt="image"
class="img-responsive img-thumbnail image_preview">
</div>
</div>
</div>
</div>
<div class="col-sm-9">
<div class="form-group">
<label for="question_content"
class="col-form-label pt-0">{{ __('content') }}
</label>
<textarea name="question_content[]"
class="question-content"
value=""
id="question_content"></textarea>
</div>
</div>
<div class="col-sm-12">
<div class="row">
<div class="col-sm-12 m-b-15">
<label
class="control-label">{{ __('answers') }}</label>
</div>
</div>
<div class="quiz-answers">
<div class="row">
<div
class="col-sm-12 btn-group-answer-formats-container">
<input type="hidden" required
name="answer_format[]"
id="input_answer_format_{{ $unique_id }}"
value="small_image">
<span
class="span-answer-format">{{ __('answer_format') }}</span>
<div
class="btn-group btn-group-answer-formats"
role="group">
<button type="button"
class="btn btn-default active btn_{{ $unique_id }}"
data-answer-format="small_image"
data-question-id="{{ $unique_id }}">
<i class="fa fa-th"></i>
</button>
<button type="button"
class="btn btn-default btn_{{ $unique_id }}"
data-answer-format="large_image"
data-question-id="{{ $unique_id }}">
<i class="fa fa-th-large"></i>
</button>
<button type="button"
class="btn btn-default btn_{{ $unique_id }}"
data-answer-format="text"
data-question-id="{{ $unique_id }}">
<i class="fa fa-th-list"></i>
</button>
</div>
</div>
</div>
<div
id="quiz_answers_container_question_{{ $unique_id }}"
class="row row-answer">
@php $answer_unique_id = uniqid() @endphp
<div
id="quiz_answer_{{ $answer_unique_id }}"
class="answer">
<div class="answer-inner">
<a href="javascript:void(0)"
class="btn-delete-answer"
onclick="delete_quiz_answer('{{ $answer_unique_id }}')"><i
class="fa fa-times"></i></a>
<div
class="form-group quiz-answer-image-item-text m-b-0">
<input type="hidden"
name="answer_unique_id_question_{{ $unique_id }}[]"
value="{{ $answer_unique_id }}">
<div
id="quiz_answer_image_container_answer_{{ $answer_unique_id }}"
class="quiz-answer-image-item">
<div
class="quiz-answer-image-container" data-question-id="{{ $unique_id }}"
data-answer-id="{{ $answer_unique_id }}">
<input type="hidden"
name="answer_image_question_{{ $unique_id }}[]"
value="" class="image_id">
<a class="btn-select-image btn-image-modal"
id="btn_image_modal"
data-toggle="modal"
data-target=".image-modal-lg"
data-id="1"
data-quiz-image-type="answer"
data-question-id="{{ $unique_id }}"
data-answer-id="{{ $answer_unique_id }}">
<div
class="btn-select-image-inner">
<i class="icon-images fa fa-picture-o"></i>
<button
class="btn">{{ __('select_image') }}</button>
</div>
</a>
</div>
</div>
</div>
<div class="form-group">
<textarea required
name="answer_text_question_{{ $unique_id }}[]"
class="form-control answer-text"
placeholder="{{ __('answer_text') }}"></textarea>
</div>
<div class="form-group">
<div
class="answer-radio-container">
<label
class="custom-control custom-radio custom-control-inline">
<input type="radio" required
name="correct_answer_question_{{ $unique_id }}"
id="radio_answer_{{ $answer_unique_id }}"
value="{{ $answer_unique_id }}"
class="custom-control-input"
data-parsley-multiple="correct">
<span
class="custom-control-label">{{__('correct')}}</span>
</label>
</div>
</div>
</div>
</div>
@php $answer_unique_id = uniqid() @endphp
<div
id="quiz_answer_{{ $answer_unique_id }}"
class="answer">
<div class="answer-inner">
<a href="javascript:void(0)"
class="btn-delete-answer"
onclick="delete_quiz_answer('{{ $answer_unique_id }}')"><i
class="fa fa-times"></i></a>
<div
class="form-group quiz-answer-image-item-text m-b-0">
<input type="hidden"
name="answer_unique_id_question_{{ $unique_id }}[]"
value="{{ $answer_unique_id }}">
<div
id="quiz_answer_image_container_answer_{{ $answer_unique_id }}"
class="quiz-answer-image-item">
<div
class="quiz-answer-image-container" data-question-id="{{ $unique_id }}"
data-answer-id="{{ $answer_unique_id }}">
<input type="hidden"
name="answer_image_question_{{ $unique_id }}[]"
value="" class="image_id">
<a class="btn-select-image btn-image-modal"
id="btn_image_modal"
data-toggle="modal"
data-target=".image-modal-lg"
data-id="1"
data-quiz-image-type="answer"
data-question-id="{{ $unique_id }}"
data-answer-id="{{ $answer_unique_id }}">
<div
class="btn-select-image-inner">
<i class="icon-images fa fa-picture-o"></i>
<button
class="btn">{{ __('select_image') }}</button>
</div>
</a>
</div>
</div>
</div>
<div class="form-group">
<textarea required
name="answer_text_question_{{ $unique_id }}[]"
class="form-control answer-text"
placeholder="{{ __('answer_text') }}"></textarea>
</div>
<div class="form-group">
<div
class="answer-radio-container">
<label
class="custom-control custom-radio custom-control-inline">
<input type="radio" required
name="correct_answer_question_{{ $unique_id }}"
id="radio_answer_{{ $answer_unique_id }}"
value="{{ $answer_unique_id }}"
class="custom-control-input"
data-parsley-multiple="correct">
<span
class="custom-control-label">{{__('correct')}}</span>
</label>
</div>
</div>
</div>
</div>
@php $answer_unique_id = uniqid() @endphp
<div
id="quiz_answer_{{ $answer_unique_id }}"
class="answer">
<div class="answer-inner">
<a href="javascript:void(0)"
class="btn-delete-answer"
onclick="delete_quiz_answer('{{ $answer_unique_id }}')"><i
class="fa fa-times"></i></a>
<div
class="form-group quiz-answer-image-item-text m-b-0">
<input type="hidden"
name="answer_unique_id_question_{{ $unique_id }}[]"
value="{{ $answer_unique_id }}">
<div
id="quiz_answer_image_container_answer_{{ $answer_unique_id }}"
class="quiz-answer-image-item">
<div
class="quiz-answer-image-container" data-question-id="{{ $unique_id }}"
data-answer-id="{{ $answer_unique_id }}">
<input type="hidden"
name="answer_image_question_{{ $unique_id }}[]"
value="" class="image_id">
<a class="btn-select-image btn-image-modal"
id="btn_image_modal"
data-toggle="modal"
data-target=".image-modal-lg"
data-id="1"
data-quiz-image-type="answer"
data-question-id="{{ $unique_id }}"
data-answer-id="{{ $answer_unique_id }}">
<div
class="btn-select-image-inner">
<i class="icon-images fa fa-picture-o"></i>
<button
class="btn">{{ __('select_image') }}</button>
</div>
</a>
</div>
</div>
</div>
<div class="form-group">
<textarea required
name="answer_text_question_{{ $unique_id }}[]"
class="form-control answer-text"
placeholder="{{ __('answer_text') }}"></textarea>
</div>
<div class="form-group">
<div
class="answer-radio-container">
<label
class="custom-control custom-radio custom-control-inline">
<input type="radio" required
name="correct_answer_question_{{ $unique_id }}"
id="radio_answer_{{ $answer_unique_id }}"
value="{{ $answer_unique_id }}"
class="custom-control-input"
data-parsley-multiple="correct">
<span
class="custom-control-label">{{__('correct')}}</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center">
<button type="button"
id="btn_add_quiz_answer"
class="btn-add-quiz-answer btn btn-add-answer"
data-question-id="{{ $unique_id }}"
data-question-type="trivia_quiz">
<i
class="fa fa-plus"></i>{{ __('add_answer') }}
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row m-3">
<div class="col-sm-12 text-center">
<button type="button" id="btn_add_quiz_question"
data-question-number="1" class="btn btn-md btn-primary btn-add-post-item"><i
class="fa fa-plus"></i>{{__('add_question')}}</button>
</div>
</div>
</div>
</div>
{{-- question section end--}}
{{-- result section start--}}
<h3 class="block-header">{{ __('results') }} </h3>
<div class="content-area">
<div class="clearfix"></div>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div id="quiz_result_container" class="quiz_result_container">
@php $result_unique_id = uniqid() @endphp
<div id="panel_quiz_result_{{ $result_unique_id }}"
class="panel panel-default panel-quiz-result"
data-result-id="{{ $result_unique_id }}">
<div class="panel panel-default mt-2 bg-white">
<div class="panel-heading" role="tab" id="heading_"{{ $result_unique_id }}>
<h4 class="panel-title d-flex">
<a role="button" data-toggle="collapse" data-parent="#accordion"
href="#collapse_{{ $result_unique_id }}" aria-expanded="true"
aria-controls="collapse_{{ $result_unique_id }}">
#<span id="result_number_{{ $result_unique_id }}">1</span> <span id="result_{{ $result_unique_id }}"></span>
</a>
<div class="text-right">
<button type="button" class="btn btn-default"
onclick="delete_quiz_result('{{ $result_unique_id }}')">
<i class="fa fa-trash"></i></button>
</div>
</h4>
</div>
<div id="collapse_{{ $result_unique_id }}"
class="panel-collapse in collapse show"
role="tabpanel" aria-labelledby="heading_{{ $result_unique_id }}"
style="">
<div class="panel-body bg-white">
<div class="col-12 col-lg-12">
<div class="col-sm-12 pr-0">
<div class="form-group">
<label
for="result_input"><b>{{ __('result') }} *</b></label>
<input type="text" id="result_input" required
class="form-control input-result-text"
data-result-id="{{ $result_unique_id }}"
name="result_title[]"
placeholder="{{ __('result') }}" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-12">
<div class="row">
<div class="col-sm-3 ">
<div class="result-image">
<div class="form-group">
<!-- Large modal -->
<button type="button" id="btn_image_modal"
class="btn btn-primary btn-image-modal ml-3"
data-id="1" data-toggle="modal" data-result-id="{{ $result_unique_id }}"
data-target=".image-modal-lg">{{ __('add_image') }}</button>
<input id="image_id_result_{{$result_unique_id}}" name="result_image[]"
type="hidden"
class="form-control image_id">
</div>
<div class="form-group">
<div class="form-group text-center">
<img
src="{{static_asset('default-image/default-100x100.png') }} "
id="image_preview_result_{{$result_unique_id}}"
width="200" height="200" alt="image"
class="img-responsive img-thumbnail image_preview">
</div>
</div>
</div>
</div>
<div class="col-sm-9">
<div class="form-group">
<label for="result_content"
class="col-form-label pt-0">{{ __('content') }}
*</label>
<textarea name="result_content[]"
class="result-content"
id="result_content"></textarea>
</div>
</div>
<div class="col-sm-12">
<div class="row mb-3">
<div class="col-sm-12">
<label class="control-label">
{{ __('range_of_correct_ans_for_showing_this_result') }}
</label>
</div>
<div class="col-sm-6 form-group">
<input type="number" min="0" required class="form-control input-question-text" data-result-id="result_{{$result_unique_id}}" name="min_correct_count[]" placeholder="{{__('minimum_correct')}}" value="">
</div>
<div class="col-sm-6 form-group">
<input type="number" min="0" required class="form-control input-question-text" data-result-id="result_{{$result_unique_id}}" name="max_correct_count[]" placeholder="{{__('maximum_correct')}}" value="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row m-3">
<div class="col-sm-12 text-center">
<button type="button" id="btn_add_quiz_result"
data-result-number="1" class="btn btn-md btn-primary btn-add-post-item"><i
class="fa fa-plus"></i>{{__('add_result')}}</button>
</div>
</div>
</div>
</div>
{{-- result section end--}}
<!-- SEO section start -->
<div class="add-new-page bg-white p-20 m-b-20" id="post_meta">
<div class="block-header">
<h2>{{ __('seo_details') }}</h2>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="meta_title"><b>{{ __('title') }}</b> ({{ __('meta_title') }})</label>
<input id="meta_title" class="form-control meta" value="" data-type="title"
name="meta_title">
<p class="display-nothing alert alert-danger mt-2" role="alert">
{{__('current_characters')}}: <span class="characters"></span>, {{ __('meta_title').' '. __('should_bd') .' '. __('in_between') .' '. '30-60 ' . __('characters') }}
</p>
<p class="display-nothing alert alert-success mt-2" role="alert">
{{__('current_characters')}}: <span class="characters"></span>
</p>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="post-keywords" class="col-form-label"><b>{{ __('keywords') }}</b>
</label>
<input id="post-keywords" name="meta_keywords"
value="" type="text" class="form-control">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="post_tags" class="col-form-label">{{ __('tags') }}
({{ __('meta_tags') }})</label>
<input id="post_tags" name="tags" type="text" value="{{ old('tags') }}"
data-role="tagsinput" class="form-control"/>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="post_desc">
<b>{{ __('description') }}</b> ({{ __('meta_description') }})
</label>
<textarea class="form-control meta" id="meta_description"
value="" name="meta_description" data-type="description"
rows="3"></textarea>
<p class="display-nothing alert alert-danger mt-2" role="alert">
{{__('current_characters')}}: <span class="characters"></span>, {{ __('meta_description').' '. __('should_bd') .' '. __('in_between') .' '. '50-160 ' . __('characters') }}
</p>
<p class="display-nothing alert alert-success mt-2" role="alert">
{{__('current_characters')}}: <span class="characters"></span>
</p>
</div>
</div>
</div>
<!-- SEO section end -->
<!-- visibility section start -->
<div class="add-new-page bg-white p-20 m-b-20">
<div class="block-header">
<h2>{{ __('visibility') }}</h2>
</div>
<div class="row p-l-15">
<div class="col-12 col-md-4">
<div class="form-title">
<label for="visibility">{{ __('visibility') }}</label>
</div>
</div>
<div class="col-3 col-md-2">
<label class="custom-control custom-radio custom-control-inline">
<input type="radio" name="visibility" id="visibility_show" checked value="1"
class="custom-control-input">
<span class="custom-control-label">{{ __('show') }}</span>
</label>
</div>
<div class="col-3 col-md-2">
<label class="custom-control custom-radio custom-control-inline">
<input type="radio" name="visibility" id="visibility_hide" value="0"
class="custom-control-input">
<span class="custom-control-label">{{ __('hide') }}</span>
</label>
</div>
</div>
<div class="row p-l-15">
<div class="col-8 col-md-4">
<div class="form-title">
<label for="featured_post">{{ __('add_to_featured') }}</label>
</div>
</div>
<div class="col-4 col-md-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" id="featured_post" name="featured"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
</div>
</div>
<div class="row p-l-15">
<div class="col-8 col-md-4">
<div class="form-title">
<label for="add_to_breaking">{{ __('add_to_breaking') }}</label>
</div>
</div>
<div class="col-4 col-md-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" id="add_to_breaking" name="breaking"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
</div>
</div>
<div class="row p-l-15">
<div class="col-8 col-md-4">
<div class="form-title">
<label for="add_to_slide">{{ __('add_to_slider') }}</label>
</div>
</div>
<div class="col-4 col-md-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" id="add_to_slide" name="slider"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
</div>
</div>
<div class="row p-l-15">
<div class="col-8 col-md-4">
<div class="form-title">
<label for="recommended">{{ __('add_to_recommended') }}</label>
</div>
</div>
<div class="col-4 col-md-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" id="recommended" name="recommended"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
</div>
</div>
<div class="row p-l-15">
<div class="col-8 col-md-4">
<div class="form-title">
<label for="editor_picks">{{ __('add_to_editor_picks') }}</label>
</div>
</div>
<div class="col-4 col-md-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" id="editor_picks" name="editor_picks"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
</div>
</div>
<div class="row p-l-15">
<div class="col-8 col-md-4">
<div class="form-title">
<label
for="auth_required">{{ __('show_only_to_authenticate_users') }}</label>
</div>
</div>
<div class="col-4 col-md-2">
<label class="custom-control custom-checkbox">
<input type="checkbox" id="auth_required" name="auth_required"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
</div>
</div>
</div>
<!-- visibility section end -->
</div>
<!-- Main Content section end -->
<!-- right sidebar start -->
<div class="col-12 col-lg-3">
<div class="add-new-page bg-white p-20 m-b-20">
<div class="block-header">
<h2>{{ __('image') }}</h2>
</div>
<div class="col-sm-12">
<div class="form-group">
<!-- Large modal -->
<button type="button" id="btn_image_modal"
class="btn btn-primary btn-image-modal" data-id="1" data-toggle="modal"
data-target=".image-modal-lg">{{ __('add_image') }}</button>
<input id="image_id" name="image_id" type="hidden"
class="form-control image_id">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<div class="form-group text-center">
<img src="{{static_asset('default-image/default-100x100.png') }} "
id="image_preview"
width="200" height="200" alt="image"
class="img-responsive img-thumbnail image_preview">
</div>
</div>
</div>
</div>
<div class="add-new-page bg-white p-20 m-b-20">
<div class="col-sm-12">
<div class="form-group">
<label for="post_language">{{ __('select_language') }}*</label>
<select class="form-control dynamic-category" id="post_language" name="language"
data-dependent="category_id" required>
@foreach ($activeLang as $lang)
<option
@if(App::getLocale()==$lang->code) Selected
@endif value="{{ $lang->code }}">{{ $lang->name }}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="category_id">{{ __('category') }}*</label>
{{-- <select class="form-control dynamic" id="category_id" name="category_id"
data-dependent="sub_category_id" required>
<option value="">{{ __('select_category') }}</option>
</select> --}}
<select class="form-control dynamic" id="category_id" name="category_id"
data-dependent="sub_category_id" required>
<option value="">{{ __('select_category') }}</option>
@foreach ($categories as $category)
<option
value="{{ $category->id }}">{{ $category->category_name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="sub_category_id">{{ __('sub_category') }}</label>
<select class="form-control dynamic" id="sub_category_id"
name="sub_category_id">
<option value="">{{ __('select_sub_category') }}</option>
</select>
</div>
</div>
</div>
<div class="add-new-page bg-white p-20 m-b-20">
<div class="col-md-12">
<div class="block-header">
<h2>{{ __('article_detail') }}</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="custom-control custom-radio detail-control-inline">
<input type="radio" name="layout" id="detail_style_1" value="default"
checked class="custom-control-input">
<span class="custom-control-label"></span>
</label>
<img src="{{static_asset('default-image/Detail/detail_1.png') }}" alt=""
class="img-responsive cat-block-img">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="custom-control custom-radio detail-control-inline">
<input type="radio" name="layout" id="detail_style_2" value="style_2"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
<img src="{{static_asset('default-image/Detail/detail_2.png') }}" alt=""
class="img-responsive cat-block-img">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="custom-control custom-radio detail-control-inline">
<input type="radio" name="layout" id="detail_style_3" value="style_3"
class="custom-control-input">
<span class="custom-control-label"></span>
</label>
<img src="{{static_asset('default-image/Detail/detail_3.png') }}" alt=""
class="img-responsive cat-block-img">
</div>
</div>
</div>
</div>
<div class="add-new-page bg-white p-20 m-b-20">
<div class="block-header">
<h2>{{ __('publish') }}*</h2>
</div>
<div class="col-sm-12">
<div class="form-group">
<select class="form-control" id="post_status" name="status" required>
<option value="1">{{ __('published') }}</option>
<option value="0">{{ __('draft') }}</option>
<option value="2">{{ __('scheduled') }}</option>
</select>
</div>
</div>
<div class="col-sm-12 divScheduleDate">
<label for="scheduled_date">{{ __('schedule_date') }}</label>
<div class="input-group">
<label class="input-group-text" for="scheduled_date"><i
class="fa fa-calendar-alt"></i></label>
<input type="text" class="form-control date" id="scheduled_date"
name="scheduled_date"/>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label class="custom-control" for="btnSubmit"></label>
<button type="submit" name="btnSubmit" class="btn btn-primary pull-right"><i
class="m-r-10 mdi mdi-plus"></i>{{ __('create_post') }}</button>
<label class="" for="btnSubmit"></label>
</div>
</div>
</div>
</div>
<!-- right sidebar end -->
</div>
</div>
</div>
{!! Form::close() !!}
<!-- page info end-->
</div>
</div>
<input type="hidden" value="0" id="content_number">
@endsection
@section('script')
<script>
$(document).ready(function () {
$('.dynamic-category').change(function () {
if ($(this).val() != '') {
var select = $(this).attr("id");
var value = $(this).val();
var dependent = $(this).data('dependent');
var _token = "{{ csrf_token() }}";
$.ajax({
url: "{{ route('category-fetch') }}",
method: "POST",
data: {select: select, value: value, _token: _token},
success: function (result) {
$('#' + dependent).html(result);
}
})
}
});
$('#post_language').change(function () {
$('#category_id').val('');
$('#sub_category_id').val('');
});
$('.dynamic').change(function () {
if ($(this).val() != '') {
var select = $(this).attr("id");
var value = $(this).val();
var dependent = $(this).data('dependent');
var _token = "{{ csrf_token() }}";
$.ajax({
url: "{{ route('subcategory-fetch') }}",
method: "POST",
data: {select: select, value: value, _token: _token},
success: function (result) {
$('#' + dependent).html(result);
}
})
}
});
$('#category').change(function () {
$('#sub_category_id').val('');
});
});
</script>
<script type="text/javascript" src="{{static_asset('js/post.js') }}"></script>
<script type="text/javascript" src="{{static_asset('js/tagsinput.js') }}"></script>
<script>
addContent = function (value) {
var content_number = $("#content_number").val();
content_number++;
$.ajax({
url: "{{ route('add-content') }}",
method: "GET",
data: {value: value, content_count: content_number},
success: function (result) {
$('.content-area').append(result);
$("#content_number").val(content_number);
// auto scrolling to newly added element
var newlyAdded = 'content_' + content_number;
$('body, html').animate({scrollTop: $('.' + newlyAdded).offset().top}, 1000);
}
});
}
$(document).on("click", ".add-new-page .row_remove", function () {
let element = $(this).parents('.add-new-page');
//element.remove(1000);
element.hide("slow", function () {
$(this).remove();
})
});
</script>
<script>
$(document).ready(function () {
tinymce.init({
selector: "textarea#question_content",
theme: "modern",
height: 130,
plugins: [
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools'
],
toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
image_advtab: true
});
tinymce.init({
selector: "textarea#result_content",
theme: "modern",
height: 130,
plugins: [
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools'
],
toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
image_advtab: true
});
$(".toggle-accordion").on("click", function () {
var accordionId = $(this).attr("accordion-id"),
numPanelOpen = $(accordionId + ' .collapse.in').length;
$(this).toggleClass("active");
if (numPanelOpen == 0) {
openAllPanels(accordionId);
} else {
closeAllPanels(accordionId);
}
})
openAllPanels = function (aId) {
console.log("setAllPanelOpen");
$(aId + ' .panel-collapse:not(".in")').collapse('show');
}
closeAllPanels = function (aId) {
console.log("setAllPanelclose");
$(aId + ' .panel-collapse.in').collapse('hide');
}
});
</script>
{{-- //add quiz question--}}
<script>
$(document).on("click", "#btn_add_quiz_question", function (event) {
event.preventDefault();
var post_type = 'trivia_quiz';
// var question_number = $('#question_number_'+unique_id).text();
var question_number = parseInt($(this).attr('data-question-number'));
var update = question_number + 1;
$('#btn_add_quiz_question').attr('data-question-number',update);
console.log(question_number);
$.ajax({
url: "{{ route('add-trivia-quiz-question') }}",
method: "GET",
data: {post_type: post_type, question_number: question_number},
success: function (result) {
$('#quiz_questions_container').append(result);
}
});
});
</script>
{{-- //add quiz result--}}
<script>
$(document).on("click", "#btn_add_quiz_result", function (event) {
event.preventDefault();
var post_type = 'trivia_quiz';
// var question_number = $('#question_number_'+unique_id).text();
var result_number = parseInt($(this).attr('data-result-number'));
var update = result_number + 1;
$('#btn_add_quiz_result').attr('data-result-number',update);
console.log(result_number);
$.ajax({
url: "{{ route('add-trivia-quiz-result') }}",
method: "GET",
data: {post_type: post_type, result_number: result_number},
success: function (result) {
$('#quiz_result_container').append(result);
}
});
});
</script>
{{-- //add quiz answer--}}
<script>
$(document).on("click", ".btn-add-quiz-answer", function (event) {
event.preventDefault();
var question_id = $(this).attr('data-question-id');
var post_type = $(this).attr('data-question-type');
console.log(question_id);
$.ajax({
url: "{{ route('add-trivia-quiz-answer') }}",
method: "GET",
data: {post_type: post_type, question_id: question_id},
success: function (result) {
$('#quiz_answers_container_question_' + question_id).append(result);
}
});
});
</script>
<script>
//delete quiz question
function delete_quiz_question(question_id) {
swal({
title: "{{ __('are_you_sure?') }}",
text: "{{ __('it_will_be_deleted_permanently') }}",
icon: "warning",
buttons: true,
buttons: ["{{ __('cancel') }}", "{{ __('delete') }}"],
dangerMode: true,
closeOnClickOutside: false
}).then(function (willDelete) {
if (willDelete) {
$('#panel_quiz_question_' + question_id).remove();
swal.stopLoading();
swal({
title: "{{ __('deleted') }}!",
text: "{{ __('deleted_successfully') }}",
icon: "success",
})
}
});
}
//delete quiz answer
function delete_quiz_answer(answer_id) {
swal({
title: "{{ __('are_you_sure?') }}",
text: "{{ __('it_will_be_deleted_permanently') }}",
icon: "warning",
buttons: true,
buttons: ["{{ __('cancel') }}", "{{ __('delete') }}"],
dangerMode: true,
closeOnClickOutside: false
}).then(function (willDelete) {
if (willDelete) {
$('#quiz_answer_' + answer_id).remove();
swal.stopLoading();
swal({
title: "{{ __('deleted') }}!",
text: "{{ __('deleted_successfully') }}",
icon: "success",
})
}
});
}
//delete quiz result
function delete_quiz_result(answer_id) {
swal({
title: "{{ __('are_you_sure?') }}",
text: "{{ __('it_will_be_deleted_permanently') }}",
icon: "warning",
buttons: true,
buttons: ["{{ __('cancel') }}", "{{ __('delete') }}"],
dangerMode: true,
closeOnClickOutside: false
}).then(function (willDelete) {
if (willDelete) {
$('#panel_quiz_result_' + answer_id).remove();
swal.stopLoading();
swal({
title: "{{ __('deleted') }}!",
text: "{{ __('deleted_successfully') }}",
icon: "success",
})
}
});
}
</script>
<script>
$(document).on('click', '.btn-delete-selected-image', function () {
var result_id = $(this).attr("data-answer-id");
console.log(result_id)
var question_id = $(this).attr("data-question-id");
var input = '<input type="hidden" name="result_image[]" value="">';
var content = '<div class="quiz-answer-image-container">' +
input +
'<a class="btn-select-image btn-image-modal" data-toggle="modal" id="btn_image_modal" data-target=".image-modal-lg" data-id="1" data-quiz-image-type="answer" data-question-id="'+ question_id +'" data-answer-id="' + result_id + '">' +
'<div class="btn-select-image-inner">' +
'<i class="icon-images fa fa-picture-o"></i>' +
'<button class="btn">{{__('select_image')}}</button>' +
'</div>' +
'</a>' +
'</div>';
document.getElementById("quiz_answer_image_container_answer_" + result_id).innerHTML = content;
});
</script>
@endsection