@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">Filter</h4>
            <p class="text-muted mb-3">Search Question</p>
            <form  class="form-horizontal form-wizard-wrapper">
              <div class="row">
                <!-- <div class="col-md-3">
                  <div class="form-group">
                    <label class="text-bold-600 text-uppercase" for="ques">Question</label>
                    <input type="text" class="form-control" name="inputfield" aria-required="true" id="ques" placeholder="Question 1">
                  </div>
                </div> -->
                <div class="col-md-3">
                  <div class="form-group">
                    <label class="text-bold-600 text-uppercase" for="serialno">Serial No.</label>
                    <select class="select2 form-control mb-3 custom-select" id="serialno">
                      <option selected disabled value="">Select</option>
                      <option value="AZ">1</option>
                      <option value="CO">2</option>
                      <option value="ID">3</option>
                      <option value="MT">4</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label class="text-bold-600 text-uppercase" for="questype">QUESTION TYPE</label>
                    <select class="select2 form-control mb-3 custom-select" id="questype">
                      <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>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label class="text-bold-600 text-uppercase" for="quessts">QUESTION STATUS</label>
                    <select class="select2 form-control mb-3 custom-select" id="quessts">
                      <option selected disabled value="">Select</option>
                      <option value="PU">Published</option>
                      <option value="DR">Draft</option>
                      <option value="ED">Edited</option>
                    </select>
                  </div>
                </div>
                <!-- <div class="col-md-3">
                  <div class="form-group">
                    <label class="text-bold-600 text-uppercase" for="ansparameter">Answer Parameter</label>
                    <input type="text" class="form-control" name="inputfield" aria-required="true" id="ansparameter" placeholder="Answer Parameter">
                  </div>
                </div> -->
                <div class="col-md-3">
                  <div class="form-group">
                    <button type="button" class="btn btn-primary waves-effect waves-light mt-4"><i class="ti-search mr-2"></i>Filter Now</button>
                  </div>
                </div>
              </div>
              </form><!--end form-->
              </div><!--end card-body-->
              </div><!--end card-->
              </div><!--end col-->
              </div><!--end row-->
              <div class="row">
                <div class="col-sm-12">
                  <div class="card">
                    <div class="card-body">
                      <h4 class="mt-0 mb-0 header-title">Question List <span class="text-primary">[5]</span>  </h4>
                      <p class="text-muted mb-3">Application Pay As You Go Low Risk</p>
                      <div class="table-datatable">
                        <table id="datatable" class="table table-bordered dt-responsive nowrap">
                          <thead>
                            <tr>
                              <th>SL No.</th>
                              <th>Question</th>
                              <th>Question Type</th>
                              <th>Answer Parameter</th>
                              <th>Right Answer Parameter</th>
                              <th>Question Status</th>
                              <th>Action</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td>1</td>
                              <td>What year did Bangladesh finally become independent and gain the name it has today?</td>
                              <td>Multiple Choice</td>
                              <td>Test,Test,Test</td>
                              <td>Test</td>
                              <td>
                                <span class="badge badge-success">Active</span>
                              </td>
                              <td class="d-flex">
                                <!-- <a href="details.html" class="btn btn-xs btn-primary mr-2" title="View">
                                  <i data-feather="eye" class="mr-0 font-16"></i>
                                </a> -->
                                <a href="javascript:void(0)" class="btn btn-xs btn-warning mr-2" title="Edit">
                                  <i data-feather="edit" class="mr-0 font-16"></i>
                                </a>
                                <a href="#." class="btn btn-xs btn-danger mr-2" id="sa-warning" title="Delete">
                                  <i data-feather="trash-2" class="mr-0 font-16"></i>
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td>2</td>
                              <td>How do you find the missing number in a given integer array of 1 to 100?</td>
                              <td>Multiple Choice</td>
                              <td>Test,Test,Test</td>
                              <td>Test</td>
                              <td>
                                <span class="badge badge-warning">Draft</span>
                              </td>
                              <td class="d-flex">
                                <!-- <a href="details.html" class="btn btn-xs btn-primary mr-2" title="View">
                                  <i data-feather="eye" class="mr-0 font-16"></i>
                                </a> -->
                                <a href="javascript:void(0)" class="btn btn-xs btn-warning mr-2" title="Edit">
                                  <i data-feather="edit" class="mr-0 font-16"></i>
                                </a>
                                <a href="javascript:void(0)" class="btn btn-xs btn-danger mr-2 sa-warning" title="Delete">
                                  <i data-feather="trash-2" class="mr-0 font-16"></i>
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td>3</td>
                              <td>SHow do you find the missing number in a given integer array of 1 to 100?</td>
                              <td>Multiple Choice</td>
                              <td>Test,Test,Test</td>
                              <td>Test</td>
                              <td>
                                <span class="badge badge-danger">Inactive</span>
                              </td>
                              <td class="d-flex">
                                <!-- <a href="details.html" class="btn btn-xs btn-primary mr-2" title="View">
                                  <i data-feather="eye" class="mr-0 font-16"></i>
                                </a> -->
                                <a href="javascript:void(0)" class="btn btn-xs btn-warning mr-2" title="Edit">
                                  <i data-feather="edit" class="mr-0 font-16"></i>
                                </a>
                                <a href="javascript:void(0)" class="btn btn-xs btn-danger mr-2 sa-warning" title="Delete">
                                  <i data-feather="trash-2" class="mr-0 font-16"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div><!--end /tableresponsive-->
                    </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