@extends('admin.layouts.admin')

@section('content')
<!-- Page Content-->
<div class="page-content-tab">
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="javascript:void(0);">Question Management</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="/admin/questions">Questions List</a>
                            </li>
                            <li class="breadcrumb-item active">Create Question</li>
                        </ol>
                    </div>
                    <h4 class="page-title">Create Question</h4>
                </div>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

        <!-- end page title end breadcrumb -->

        @if(session('alert-green'))
        <div class="alert alert-success mt-3 text-center">
            {{ session('alert-green') }}
        </div>
        @endif

        @if(session('alert-danger'))
        <div class="alert alert-danger mt-3 text-center">
            {{ session('alert-danger') }}
        </div>
        @endif
        @if($errors->any())
        <div class="row">
            <div class="col-md-12 mb-5">
                @foreach ($errors->all() as $error)
                <div class="text-danger small mb-1">* {{$error}}</div>
                @endforeach
            </div>
        </div>
        @endif


        {{ session('status') }}

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="mt-0 mb-0 header-title">Question Creation Form</h4>
                        <p class="text-muted mb-3"></p>
                        {{Form::open(['route'=>['admin.question.store'],'method'=>'post','class'=>'form-horizontal form-parsley','id'=>'form-horizontal'])}}

                        <div class="form-validation">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Question <span
                                                style="color:red">*</span> </label>
                                        {{Form::text('question',null,['class'=>'form-control required','required','placeholder'=> 'Question' ,'autocomplete'=>"off"])}}
                                        @if ($errors->has('question')) <strong
                                            style="color: red">{{ $errors->first('question') }}</strong> @endif
                                    </div>
                                    <!--end form-group-->

                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Question Type <span
                                                style="color:red">*</span> </label>
                                        {{Form::select('question_type',array('select' => 'Select', 'multiselect' => 'Multiselect','radio' => 'Radio','text' => 'Text'),null,['required','id' => 'question_type' ,'class' => 'select2 form-control mb-3 custom-select','placeholder' => ' Select Question Type'])}}
                                        @if ($errors->has('question_type')) <strong
                                            style="color: red">{{ $errors->first('question_type') }}</strong> @endif
                                    </div>
                                    <!--end form-group-->

                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Question Category <span
                                                style="color:red">*</span> </label>
                                        {{Form::select('question_category',array('aptitude' => 'Aptitude','personality_test' => 'Personality Test','others' => 'Others'),null,['required','id' => 'status' ,'class' => 'select2 form-control mb-3 custom-select','placeholder' => ' Select Question Category'])}}
                                        @if ($errors->has('question_category')) <strong
                                            style="color: red">{{ $errors->first('question_category') }}</strong> @endif
                                    </div>
                                    <!--end form-group-->

                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Question Status <span
                                                style="color:red">*</span> </label>
                                        {{Form::select('status',array('Active' => 'Active', 'Inactive' => 'Inactive'),null,['required','id' => 'status' ,'class' => 'select2 form-control mb-3 custom-select','placeholder' => ' Select Question Status'])}}
                                        @if ($errors->has('status')) <strong
                                            style="color: red">{{ $errors->first('status') }}</strong> @endif
                                    </div>
                                    <!--end form-group-->


                                    <div class="form-group" id="answer_parameter" style="display: block;">
                                        <label class="mb-2 text-bold-600 text-uppercase">Answer Parameter <span
                                                style="color:red">*</span> </label>
                                        {!!
                                        Form::textarea('ans_parameter',null,['class'=>'form-control','id'=>'ans_parameter','rows'=>
                                        5,'placeholder'=> 'Separated by ,']) !!}
                                        @if ($errors->has('ans_parameter')) <strong
                                            style="color: red">{{ $errors->first('ans_parameter') }}</strong> @endif
                                    </div>
                                    <!--end form-group-->
                                </div>


                                <div class="col-md-6" id="textAreaId" style="display: block;">


                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase">Right Answer Parameter <span
                                                style="color:red">*</span> </label>
                                        {!!
                                        Form::textarea('right_answer_parameter',null,['class'=>'form-control','id'=>'right_answer_parameter','rows'=>
                                        4,'placeholder'=> 'Separated by ,']) !!}
                                        @if ($errors->has('right_answer_parameter')) <strong
                                            style="color: red">{{ $errors->first('right_answer_parameter') }}</strong>
                                        @endif
                                    </div>
                                    <!--end form-group-->
                                </div>
                                <!--end col-->
                            </div>
                            <!--end row-->

                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light mt-4"
                                        style="float: right"></i>Create Question</button>
                                </div>
                                <!--end form-group-->
                            </div>

                        </div>

                        {{Form::close()}}
                        <!--end form-->
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->




    </div>
    <!-- container -->
    @include('admin.sections.footer')
    <!--end footer-->
</div>
<!-- end page content -->
@endsection

@section('script')

<script type="text/javascript">
$( document ).ready(function() {

    $('#question_type').change(function(){

        var question_type = $('#question_type').find(":selected").val();
        if(question_type == "text"){
            document.getElementById("answer_parameter").style.display = "none"; 
            document.getElementById("textAreaId").style.display = "none"; 
        }
    })
});
</script>
@endsection