@extends('layouts.admin')
@section('content')
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h1>Security Question</h1>
                    </div>
                    <div class="panel-body">
                      <div class="row">
                          <div class="col-md-6">
                              <div class="panel-heading text-center">
                                  <h4>Create Item</h4>
                              </div>
                              <form action="{{route('create.security_question')}}" method="post" id="security-question-form" class="needs-validation"  >
                                  @csrf
                                  <div class="form-row">
                                      <div class="form-group col-md-12">
                                          <label>Question</label>
                                          <input name="question" type="text" class="form-control" >
                                      </div>
                                  </div>
                                  <div class="form-row">
                                      <div class="form-group pull-right" style="margin-right: 5px">
                                          <button id="submit-button" type="submit"  class="btn btn-md btn-info" >
                                              <i class="fa fa-save fa-lg"></i>&nbsp;
                                              <span>Save</span>
                                          </button>
                                      </div>
                                  </div>

                              </form>
                          </div>
                          <div class="col-md-6">
                            <div class="panel-heading text-center">
                                <h4>Question list</h4>
                            </div>

                                  <div class="row">
                                      <div class="col-md-12 col-sm-12 col-xs-12">
                                          <div class="x_panel">
                                              <div class="x_content">
                                                  <table id="datatable-responsive" class="table table-striped table-hover table-responsive dt-responsive nowrap" cellspacing="0" width="100%">
                                                      <thead>
                                                      <tr>
                                                          <th>Id</th>
                                                          <th>Question</th>
{{--                                                          <th>Actions</th>--}}
                                                      </tr>
                                                      </thead>
                                                      <tbody>
                                                      @if(!empty($security_questions))
                                                          @foreach($security_questions as $security_question)
                                                              <tr class="tr-height ">
                                                                  <td  class="text-left">{{$security_question->id}}</td>
                                                                  <td  class="text-left">{{ $security_question->questions}}</td>

{{--                                                                  <td  class="text-left">--}}
{{--                                                                      <a href="{{route('get.client.info',$obj->id)}}" class="btn btn-success" style="padding: 1px 6px;"> <span class="glyphicon glyphicon-pencil" title="Edit"></span></a>--}}
{{--                                                                      <button onclick="return clientDelete(`{{$obj->id}}`)"  class="btn btn-danger" style="padding: 1px 6px;"> <span class="glyphicon glyphicon-trash" title="Delete"></span></button>--}}
{{--                                                                  </td>--}}
                                                              </tr>
                                                          @endforeach
                                                      @endif
                                                      </tbody>
                                                  </table>
                                                  <div id="pagination_panel">
                                                      {{ $security_questions->links('basic.pagination') }}
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>


                          </div>

                      </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
@push('script')
    <script>
        $(document).ready(function() {
            common_helper.formValidate('#security-question-form',
                {'question':'required'},
                {
                    'question':{required: "Please enter question"},
                }
            );
        })

    </script>
@endpush