@extends("layouts.app")
@section("title")
    @php $tablename="CourseAssignmentQuestion" @endphp
    Courses Quizes

@endsection
@section("content")
{{-- ---------------------------------------------------- table 1 html -------------------------------------------------- --}}
<style type="text/css">
    .select2-container {
        width: 100% !important;
        padding: 0;
    }
</style>
@php $tableNo=1;

 @endphp
         <div class="kt-portlet__head">

            <div @if(isset($MyPermissionPage[$tablename]))
                 @if($MyPermissionPage[$tablename]->add != 1)
                 style="display: none"
                 @endif
                 @endif class="kt-portlet__head-tools">
                <ul class="kt-portlet__nav">
                        <a href="#" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air"
                           id="modal_button__{{$tableNo}}" data-toggle="modal" onclick="$('#display-special-needs').hide()" data-target="#m_modal__{{$tableNo}}">
                            <span>
                                <i class="la la-cart-plus"></i>
                                <span>New {{"Courses Assignment Questions"}} </span>
                            </span>
                        </a>
                </ul>
            </div>
        </div>
    <div  class="kt-portlet m-portlet--mobile">

        <div class="kt-portlet__body">
            <!--begin: Datatable -->
            <table class="" id="m_table__{{$tableNo}}">
            </table>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
        <!-- Start::modal form-->
        <div class="modal fade" id="m_modal__{{$tableNo}}" role="dialog" aria-labelledby="exampleModalLabel"
             style="display: none;" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Add/Edit</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="kt-login__form">
                            <form class="kt-login__form m-form" id="form_add__1" method="POST" action="">

                                <div class="form-group row">
                                    <div class="col-md-12">
                                        <label class="control-label">Question title
                                            <span class="required"> * </span>
                                        </label>
                                        <textarea type="text" name="question_title" id="question_title" class="form-control"></textarea>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-12">
                                        <label class="control-label">Answer 1
                                            <span class="required"> * </span>
                                        </label>
                                        <input type="text" required name="answer_1" id="answer_1" class="form-control">
                                    </div>
                                    <div class="col-md-12">
                                        <label class="control-label">Answer 2
                                            <span class="required"> * </span>
                                        </label>
                                        <input type="text" required name="answer_2" id="answer_2" class="form-control">
                                    </div>
                                    <div class="col-md-12">
                                        <label class="control-label">Answer 3
                                        </label>
                                        <input type="text" name="answer_3" id="answer_3" class="form-control">
                                    </div>
                                    <div class="col-md-12">
                                        <label class="control-label">Answer 4
                                        </label>
                                        <input type="text" name="answer_4" id="answer_4" class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="control-label">true answer
                                            <span class="required"> * </span>
                                        </label>
                                        <select class="form-control" name="true_answer">
                                            <option value="">Select the true answer</option>
                                            <option value="1">Answer 1</option>
                                            <option value="2">Answer 2</option>
                                            <option value="3">Answer 3</option>
                                            <option value="4">Answer 4</option>
                                        </select>
                                    </div>
                                    <input type="hidden" name="course_assignment_id" value="{{$_GET['row_id']}}">
                                </div>
                                <input type="hidden" name="_method" value="post">

                                {{ csrf_field() }}
                                <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">                               <input type="submit" class="btn btn-brand btn-pill btn-elevate" value="Save" >
                                    <input type="reset" id="form_reset__1" style="display: none;" >
                                </div>
                            </form>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- End::modal form-->
    </div>
    <form method="post" id="delete_form__{{$tableNo}}">
        {{csrf_field()}}
        <input type="hidden" name="_method" value="delete"/>
    </form>

@endsection
@section("script")
    <script type="text/javascript" src="{{url("js/main2.js")}}"></script>
    <script view="{{$_GET['view']}}" type="text/javascript" src="{{url("js/backend/".$tablename.".js")}}"
            tablename="{{$tablename}}"
            Permissions="{{json_encode($MyPermissionPage)}}"
            lang="{{\Illuminate\Support\Facades\App::getLocale()}}"
            url_website="{{url("")}}"
            row_id="{{$_GET['row_id']}}"></script>
@endsection