@extends('layouts.admin')
@section('styles')
<link href="{{asset('assets/admin/css/tabbar.css')}}" rel="stylesheet" />
@endsection
@section('content')
<!-- [ breadcrumb ] start -->
<div class="page-header">
    <div class="page-block">
        <div class="row align-items-center">
            <div class="col-md-12">
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">হোম</a></li>
                    <li class="breadcrumb-item"><a href="javascript: void(0)">কুইজ</a></li>
                    <li class="breadcrumb-item" aria-current="page">পার্সোনালিটি কুইজ / সম্পাদনা</li>
                </ul>
            </div>
            <div class="col-md-12">
                <div class="page-header-title"><h2 class="mb-0">পার্সোনালিটি কুইজ / সম্পাদনা</h2></div>
            </div>
        </div>
    </div>
</div>
<!-- [ breadcrumb ] end -->
@include('includes.admin.form-error')
@include('includes.admin.form-success')
<form id="personalityformdata" action="{{route('pquiz.update',$data->id)}}" method="POST" enctype="multipart/form-data">
    {{csrf_field()}}
<input type="hidden" name="is_pending">
<input type="hidden" name="post_type">
<input type="hidden" id="article_post_id" value="{{ $data->id}}">
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header"><h5>{{ __('কন্টেন্ট তথ্য') }}</h5></div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">{{ __('Language') }} *</label>
                    <select name="language_id" id="article_language_id" class="form-select">
                        <option value="">{{__('Please Select a Language')}}</option>
                        @foreach ($languages as $language)
                        <option value="{{$language->id}}" {{ $language->id == $data->language_id ? 'selected' : ''}}>{{$language->language}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Title') }} *</label>
                    <input type="text" class="form-control" name="title" placeholder="{{ __('Title') }}" autocomplete="off" id="title" value="{{ $data->title }}">
                    <small class="text-muted">{{ __('(In Any Language)') }}</small>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Slug') }} *</label>
                    <input type="text" class="form-control" name="slug" placeholder="{{ __('Slug') }}" autocomplete="off" id="slug" value="{{ $data->slug }}">
                    <small class="text-muted">{{ __('In English') }}</small>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Keyword meta tag') }} *</label>
                    <textarea class="form-control" name="meta_tag" rows="2" placeholder="{{ __('Keyword meta tag') }}">{{ $data->meta_tag }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Tags') }} *</label>
                    <input type="text" placeholder="{{ __('Tags') }}" class="form-control tags" id="tags" name="tags" value="{{$data->tags}}">
                </div>
                <div class="mb-3 description">
                    <label class="form-label">{{ __('Description') }} *</label>
                    <textarea class="nic-edit" name="description" placeholder="{{__('Description')}}" id="description">{{ $data->description}}</textarea>
                </div>
            </div>
        </div>
        {{-- Results (edit loop) --}}
        <div class="quiz_edit_result">
        @foreach ($data->presults as $presult)
        <input type="hidden" name="presult_id[]" value="{{$presult->id}}">
            <div class="quiz-result-area first-quiz-result">
                <div class="row mt-3"><div class="col-lg-12"><h6><b>{{__('Results')}}</b></h6></div></div>
                <div class="row"><div class="col-lg-12">
                    <div class="add-product-content card mb-4">
                        <div id="heading{{$loop->iteration}}">
                            <div class="btn d-flex justify-content-between bg-light">
                                <div class="left header-part">#<span class="result_serial_no">{{$loop->iteration}}</span><span class="result_title ml-2">{{$presult->result_title}}</span></div>
                                <div class="right">
                                    <button type="button" data-toggle="collapse" data-target="#collapse{{$loop->iteration}}result" aria-expanded="true" aria-controls="collapse{{$loop->iteration}}result" class="resultCollapse btn btn-info" data-id="plus"><i class="fas fa-minus"></i></button>
                                    @if (!$loop->first)
                                    <span class="btn btn-danger btn-sm"><i class="fas fa-trash remove_pquiz_result_edit" data-p_result_edit="{{$presult->id}}"></i></span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div id="collapse{{$loop->iteration}}result" class="collapse show" aria-labelledby="heading{{$loop->iteration}}">
                            <div class="card-body pt-3"><div class="product-description"><div class="body-area p-0">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('Result') }} *</label>
                                    <input type="text" name="result_title[]" value="{{$presult->result_title}}" class="form-control" id="get_result_title" placeholder="{{ __('Result') }}">
                                </div>
                                <div class="row">
                                    <div class="col-lg-4"><div class="mb-3"><label class="form-label">{{__('Image')}}</label>
                                        <div class="img-upload custom-image-upload"><div id="image-preview" class="img-preview" style="background: url({{ $presult->result_photo ? asset('assets/images/presult/'.$presult->result_photo) : asset('assets/admin/images/upload.png') }});"><label for="image-upload" class="img-label" id="image-label"><i class="icofont-upload-alt"></i>{{__('Upload')}}</label><input type="file" name="result_photo[]" class="img-upload" id="image-upload"></div></div>
                                    </div></div>
                                    <div class="col-lg-8"><div class="result_description"><label class="form-label">{{__('Description')}}</label>
                                        <textarea class="nic-edit" name="result_description" placeholder="Details">{{$presult->result_description}}</textarea>
                                    </div></div>
                                </div>
                            </div></div></div>
                        </div>
                    </div>
                </div></div>
            </div>
        @endforeach
        </div>
        <div class="row mb-4"><div class="col-lg-12 text-center"><a href="javascript:;" id="quiz-result" class="btn btn-info"><i class="fa fa-plus"></i> {{__('Add Result')}}</a></div></div>
        {{-- Questions (edit loop) --}}
        <div class="add_edit_pquestion">
        @php $i=1; @endphp
        @foreach ($data->pquizs as $pquiz)
            @php $j=1; @endphp
            <input type="hidden" name="question_id[]" value="{{$pquiz->id}}">
            <div class="quiz-question first-question">
                <div class="row mt-3"><div class="col-lg-12"><h6><b>{{__('Question')}}</b></h6></div></div>
                <div class="row"><div class="col-lg-12">
                    <div class="add-product-content card mb-4">
                        <div id="heading-0" class="iub">
                            <div class="btn d-flex justify-content-between bg-light">
                                <div class="left">#{{$loop->iteration}}</div>
                                <div class="right align-self-center">
                                    <button type="button" data-toggle="collapse" data-target="#collapse{{$loop->iteration}}" aria-expanded="true" aria-controls="collapse{{$loop->iteration}}" class="collapsebutton btn btn-info" data-id="plus"><i class="fas fa-minus"></i></button>
                                    @if (!$loop->first)
                                    <span class="btn btn-danger btn-sm"><i class="fas fa-trash remove_quiz_question_edit" data-p_quiz_qid="{{$pquiz->id}}"></i></span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div id="collapse{{$loop->iteration}}" class="collapse show" aria-labelledby="heading{{$loop->iteration}}">
                            <div class="card-body pt-3"><div class="product-description"><div class="body-area p-0">
                                <div class="mb-3"><label class="form-label">{{ __('Question') }} *</label>
                                    <input type="text" class="form-control" name="question_title[]" value="{{$pquiz->question_title}}" placeholder="{{ __('Question') }}">
                                </div>
                                <div class="row">
                                    <div class="col-lg-4"><div class="mb-3"><label class="form-label">{{__('Image')}}</label>
                                        <div class="img-upload custom-image-upload"><div id="image-preview" class="img-preview" style="background: url({{ $pquiz->question_photo ? asset('assets/images/pquiz/'.$pquiz->question_photo) : asset('assets/admin/images/upload.png') }});"><label for="image-upload" class="img-label" id="image-label"><i class="icofont-upload-alt"></i>{{__('Upload')}}</label><input type="file" name="question_photo[]" class="img-upload" id="image-upload"></div></div>
                                    </div></div>
                                    <div class="col-lg-8"><div class="question_description"><label class="form-label">{{__('Description')}}</label>
                                        <textarea class="nic-edit" name="question_description" placeholder="Details">{{$pquiz->question_description}}</textarea>
                                    </div></div>
                                </div>
                                <hr>
                                <div class="quiz-answer-area">
                                    <label class="form-label">{{ __('Answer') }}</label>
                                    <div class="row" id="quiz-single-answer">
                                        @foreach ($pquiz->answers as $key=>$answer)
                                        <input type="hidden" name="answer_id[{{$i}}][{{$j}}]" value="{{$answer->id}}">
                                            <div class="col-xl-4 col-6 quiz-single-div mt-2"><div class="card single-answer">
                                                @if (!($key==0 || $key==1))
                                                <div class="close"><i class="fa fa-times remove_button_edit" data-val="{{$answer->id}}"></i></div>
                                                @endif
                                                <div class="card-body py-3 border">
                                                    <div class="img-upload custom-image-upload"><div id="image-preview" class="img-preview" style="background: url({{ $answer->answer_photo ? asset('assets/images/panswer/'.$answer->answer_photo) : asset('assets/admin/images/upload.png') }});"><label for="image-upload" class="img-label" id="image-label"><i class="icofont-upload-alt"></i>{{__('Upload')}}</label><input type="file" name="answer_photo[{{$i}}][{{$j}}]" class="img-upload" id="image-upload"></div></div>
                                                    <input type="text" class="input-field mt-3" name="answer_title[{{$i}}][{{$j}}]" value="{{$answer->answer_title}}" placeholder="{{ __('Answer Text') }}" autocomplete="off">
                                                    <div class="correct-ans mt-2"><div class="form-group"><select class="form-control myColors" data-value="{{$answer->answer_option}}" name="answer_option[{{$i}}][{{$j}}]"><option>Select a Result</option></select></div></div>
                                                </div>
                                            </div></div>
                                            @php $j++; @endphp
                                        @endforeach
                                    </div>
                                </div>
                                <div class="text-center mt-2"><a href="javascript:;" class="btn btn-info quiz-answer" data-question="{{$loop->iteration}}"><i class="fa fa-plus"></i> {{__('Add Answer')}}</a></div>
                            </div></div></div>
                        </div>
                    </div>
                </div></div>
            </div>
            @php $i++; @endphp
        @endforeach
        </div>
        <div class="row mb-4"><div class="col-lg-12 text-center"><a href="javascript:;" id="add-quiz-question" class="btn btn-info"><i class="fa fa-plus"></i> {{__('Add Question')}}</a></div></div>
    </div>
    {{-- RIGHT COLUMN --}}
    <div class="col-lg-4">
        <div class="card"><div class="card-header"><h5>{{ __('ফিচার্ড ইমেজ') }}</h5></div><div class="card-body">
            <div class="img-upload custom-image-upload"><div id="image-preview" class="img-preview" style="background: url({{ $data->image_big ? asset('assets/images/post/'.$data->image_big) : asset('assets/admin/images/upload.png') }});"><label for="image-upload" class="img-label" id="image-label"><i class="icofont-upload-alt"></i>{{__('Upload')}}</label><input type="file" name="image_big" class="img-upload" id="image-upload"></div>
            <p class="text-muted small mt-1">{{__('Prefered Size: (600x600) or Square Sized Image')}}</p></div>
        </div></div>
        <div class="card categoryDiv" style="display:none;"><div class="card-header"><h5>{{ __('ক্যাটাগরি') }}</h5></div><div class="card-body">
            <div class="mb-3"><label class="form-label">{{ __('Category') }} *</label><select name="category_id" id="article_parent_id" class="form-select"></select></div>
            <div class="mb-3"><label class="form-label">{{ __('Sub Category') }}</label><select name="subcategories_id" id="subcategory_id" class="form-select"></select></div>
        </div></div>
        <div class="card"><div class="card-header"><h5>{{ __('পোস্ট অপশন') }}</h5></div><div class="card-body">
            @php $radioOptions = [['name'=>'is_feature','label'=>__('Add to Feature'),'id'=>'is_feature','val'=>$data->is_feature],['name'=>'is_slider','label'=>__('Add to Slider'),'id'=>'is_slider','val'=>$data->is_slider],['name'=>'slider_right','label'=>__('Slider Right Post'),'id'=>'slider_right','val'=>$data->slider_right],['name'=>'is_trending','label'=>__('Add to Trending News'),'id'=>'is_trending','val'=>$data->is_trending]]; @endphp
            @foreach($radioOptions as $opt)
            <div class="mb-3"><label class="form-label">{{ $opt['label'] }}</label><div>
                <div class="form-check form-check-inline"><input type="radio" class="form-check-input" name="{{ $opt['name'] }}" value="1" id="{{ $opt['id'] }}1" {{ $opt['val'] == 1 ? 'checked' : '' }}><label class="form-check-label" for="{{ $opt['id'] }}1">{{__('Yes')}}</label></div>
                <div class="form-check form-check-inline"><input type="radio" class="form-check-input" name="{{ $opt['name'] }}" value="0" id="{{ $opt['id'] }}2" {{ $opt['val'] == 0 ? 'checked' : '' }}><label class="form-check-label" for="{{ $opt['id'] }}2">{{__('No')}}</label></div>
            </div></div>
            @endforeach
        </div></div>
        <div class="card"><div class="card-header"><h5>{{ __('প্রকাশ') }}</h5></div><div class="card-body">
            <div class="mb-3" @if($data->schedule_post == 0) style="display:none;" @endif>
                <div class="form-check"><input type="checkbox" class="form-check-input schedule" name="schedule_post" value="{{ $data->schedule_post}}" {{$data->schedule_post ==1 ? 'checked':''}} disabled id="schedule_post"><label class="form-check-label" for="schedule_post">{{ __('Schedule Post') }}</label></div>
            </div>
            <div class="mb-3 datepick" style="display:none;"><label class="form-label">{{ __('Start Date') }}</label><input id="from" class="form-control" type="text" name="schedule_post_date" autocomplete="off" placeholder="{{__('Start Date')}}" required="" value="{{ $data->schedule_post_date}}"></div>
            <div class="d-grid gap-2"><input type="submit" data-draft="0" class="btn btn-primary personality-btn1 addPost" value="Update Post"></div>
        </div></div>
    </div>
</div>
</form>
@endsection
@section('scripts')
<script src="{{asset('assets/admin/js/articleEdit.js')}}"></script>
<script src="{{asset('assets/admin/js/page.js')}}"></script>
<script src="{{asset('assets/admin/js/tagify.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.all.min.js"></script>
<script>$('.tags').tagify();</script>
<script type="text/javascript">
    "use strict";
    var lang = {
        'question': '{{ __('Question') }}','image': '{{ __('Image') }}','description': '{{ __('Description') }}','upload': '{{ __('Upload') }}','answer': '{{ __('Answer') }}','answer_text': '{{ __('Answer Text') }}','correct': '{{ __('Correct') }}','add_answer': '{{ __('Add Answer') }}','result': '{{ __('Result') }}','min': '{{ __('Min') }}','max': '{{ __('Max') }}','number_of_correct_answer': '{{ __('Number of Correct Answers') }}','range_of_correct': '{{ __('The range of correct answers to show this result') }}',
    }
</script>
<script src="{{asset('assets/admin/js/pquiz_edit.js')}}"></script>
@endsection
