@extends('layout.index')
@section('title', 'Master Forms')
<!-- Dashboard Ecommerce start -->
@section('content')
    <section>

        <div class="content-body">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12 d-flex">
                            <h2 class="content-header-title float-start mb-0">Add Question Options</h2>
                        </div>
                    </div>
                </div>
                <!-- <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none">
                    <div class="mb-1 breadcrumb-right">
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb" style="justify-content: flex-end">
                                <li class="breadcrumb-item"><a href="#">Home</a>
                                </li>
                                <li class="breadcrumb-item"><a href="#">Master</a>
                                </li>
                                <li class="breadcrumb-item active">Question
                                </li>
                            </ol>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>

        @if ($message = Session::get('error'))
            <div class="demo-spacing-0 mb-1">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div class="alert-body">
                        {{-- <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> --}}
                        {{ $message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        @endif
        @if ($message = Session::get('success'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
                    {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        @endif

        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
							<form class="form" id="model" 
								{{-- action="{{ url('master_questions/view/'.$id) }}" --}}
								 method="post">
									@csrf
									<input type="hidden" name="form_type" value="add_question">
										<div class="row">
											<div class="col-md-3 col-12">
												<div class="form-group">
													<label for="key">Key <span style="color:red;">*</span></label>
													<input type="text" id="Key_id" class="form-control"
														placeholder="key" name="key" autocomplete="off" value="" />
														<h5><small class="text-danger" id="key_err"></small></h5>         
												</div>
											</div>

											<div class="col-md-2 col-12">
												<div class="form-group">
												<label for="">Active</label><br/>   
												<input type="checkbox" class="form-group-input" id="" name="active_check"
												value="checked" checked>
												
												</div>
											</div>
<!-- 
                                            <div class="col-md-3 col-12">
												<div class="form-group">
													<label for="amount">Amount </label>
													<input type="text" id="amount_id" class="form-control"
														placeholder="amount" name="amount" autocomplete="off" value="" />
														<h5><small class="text-danger" id="amount_err"></small></h5>         
												</div>
											</div> -->
                                            <div class="col-md-4 col-12">
												<div class="form-group">
										            <button type="button" id="validatebtn" class="btn btn-success mt-2 float-lg-right" onClick="return linkModel()" >Link Table</button>
												</div>
											</div>
                                            <div class="col-md-3 col-12">
                                                <a href="{{ url('/master_questions/add_edit') }}" type="reset" class="btn btn-primary pull-right">Add Another Question</a>
											</div>
										</div>
                                       
										<button type="submit" id="validatebtn" class="btn btn-primary mr-1" onClick="return validation()" >Submit</button>
										<a href="{{ url('master_questions/add_edit/'.$iId) }}" class="btn btn-danger">Cancel</a>
							</form>
						</div>
                    </div>
                </div>
            </div>
        	</section>
        </div>

        <div class="modal fade" id="add_language_model" tabindex="-1" role="dialog" aria-labelledby="add_language_model" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
            <div class="modal-content">
                <div class="col-xl-12">
                    <div class="card social-profile mb-0">
                        <div class="card-body">
                        <div id="add_language_model_body">


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

        <div class="modal fade" id="add_amount_model" tabindex="-1" role="dialog" aria-labelledby="add_amount_model" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
            <div class="modal-content">
                <div class="col-xl-12">
                    <div class="card social-profile mb-0">
                        <div class="card-body">
                        <div id="add_amount_model_body">


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

        <div class="modal fade" id="add_subquestion_modal" tabindex="-1" role="dialog" aria-labelledby="add_subquestion_modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
              <div class="modal-content">
                <div class="col-xl-12">
                  <div class="card social-profile mb-0">
               
                    <div class="card-body" >
                   
                        <form class="form" id="model" action="{{ url('master_questions/option/add_child_question') }}" method="post">
                       
                            @csrf
                            <div id="add_subquestion_modal_body">
                                
                            </div>
                        </form>
                    </div>         
                    <br>
                  </div>
                </div>  
              </div>
            </div>
        </div>

         <div class="modal fade" id="link_table_modal" tabindex="-1" role="dialog" aria-labelledby="link_table_modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
              <div class="modal-content">
                <div class="col-xl-12">
                  <div class="card social-profile mb-0">
               
                    <div class="card-body" >
                        <form class="form" id="model" action="{{ url('master_questions/link/'.$iId) }}" method="post">
                            @csrf
                            <div id="link_table_modal_body">
                                
                            </div>
                        </form>
                    </div>         
                    <br>
                  </div>
                </div>  
              </div>
            </div>
        </div>
      
		<div class="table-responsive mt-5">
			<table class="table table-striped table-bordered text-center">
				<thead>
					<tr>
						<th>Sr. No</th>
						<th >Name</th>
						<th >Active</th>
						<th >Language</th>
						<th >Amount</th>
						<th >Action</th>
						<th >Status</th>
					</tr>
				</thead>
				<tbody>
			     <tr>
						   <td colspan="8" style="text-align:center; color:red;">No Record Found</td>
					   </tr> </tbody>
		   </table>
		   </div>
           <div class="modal fade" id="district_table_modal" tabindex="-1" role="dialog" aria-labelledby="district_table_modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
              <div class="modal-content">
                <div class="col-xl-12">
                  <div class="card social-profile mb-0">
               
                    <div class="card-body" >
                       
                        <div id="district_table_modal_body">
                            
                        </div>
                       
                    </div>         
                    <br>
                  </div>
                </div>  
              </div>
            </div>
        </div>
       
    </section>
   
	@endsection		

	<script>
       
function validation()
 {
    if ($('#Key_id').val() == ""){
        $('#Key_id').parent().addClass('has-error');
        $('#key_err').html('Please Enter key Name.');
        $('#Key_id').focus();
        $('#Key_id').keyup(function () {
        $('#Key_id').parent().removeClass('has-error');
        $('#key_err').html('');
        });
        return false;
    }
    
 }

 function change_active_status(_this,id,status,name)
{       
        var url = '';
        if (confirm("Are you sure want to change this status?")) {
        // var active =status;
        var flag= $(_this).prop('checked') == true ? 1 : 0;
        var active=status
        let _token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({

            url: "