@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>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

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

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="mt-0 mb-0 header-title">HR Module Question Create Form</h4>
                        <p class="text-muted mb-4">Create Question and Answer</p> 
                        <form class="row g-3 needs-validation" novalidate>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="validationCustom01" class="mb-2 text-bold-600 text-uppercase">Question Title<span class="text-danger">*</span> </label>
                                    <input type="text" class="form-control required" name="inputfield" aria-required="true" id="validationCustom01" value="Question 1" required>
                                    <div class="valid-feedback">
                                        Looks good!
                                    </div>
                                </div><!--end form-group-->

                                <div class="form-group">
                                    <label class="text-bold-600 text-uppercase" for="validationCustom02">Question Type <span class="text-danger">*</span> </label>
                                    <select class="select2 form-control mb-3 custom-select" id="validationCustom02" required>
                                        <option selected disabled value="">Select</option>
                                        <option value="AZ">Multiple Choice</option>
                                        <option value="CO">Direct Answer</option>
                                        <option value="ID">Yes/No</option> 
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid status.
                                    </div>
                                </div><!--end form-group-->


                                <div class="form-group">
                                    <label for="validationCustom04" class="form-label text-bold-600 text-uppercase">Question Status <span class="text-danger">*</span>  </label>
                                    <select class="form-select select2 form-control mb-3 custom-select" id="validationCustom04" required>
                                        <option selected disabled value="">Select</option>
                                        <option value="PU">Published</option>
                                        <option value="DR">Draft</option>
                                        <option value="ED">Edited</option> 
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid status.
                                    </div>
                                </div> <!--end form-group-->



                                <div class="form-group">
                                    <label class="mb-2 text-bold-600 text-uppercase" for="validationCustom04">Serial No <span class="text-danger">*</span> </label>
                                    <input type="text" class="form-control required" name="inputfield" id="validationCustom04"  placeholder="Enter Serial No." aria-required="true" required>
                                    <div class="invalid-feedback">
                                        Please provide valid serial no!
                                    </div>
                                </div><!--end form-group--> 
                            </div><!--end col-->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="mb-2 text-bold-600 text-uppercase" for="answer">Answer Parameter <span class="text-danger">*</span> </label>
                                    <textarea class="form-control" rows="5" id="answer"></textarea>
                                </div><!--end form-group-->
                                <div class="form-group">
                                    <label class="mb-2 text-bold-600 text-uppercase" for="answer">Right Answer Parameter <span class="text-danger">*</span> </label>
                                    <textarea class="form-control" rows="4" id="answer"></textarea>
                                </div><!--end form-group--> 

                            </div><!--end col-->

                            <div class="col-12">
                                <button class="btn btn-primary" type="submit">Create Question</button>
                            </div>
                        </form>

                    </div><!--end card-body-->
                </div><!--end card-->
            </div><!--end col-->
        </div><!--end row-->
    </div>
    <!-- container -->
    <footer class="footer text-center text-sm-left">
        &copy; 2021 SSL Wireless <span class="text-muted d-none d-sm-inline-block float-right">Design and Developed by <a href="#">SSL Wireless</a></span>
    </footer>
    <!--end footer-->
</div>
<!-- end page content -->
@endsection