@can('technical.create')

  <!-- /.create-dialog -->
  <div class="modal fade" id="create_modal" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog  ">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Add Data</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
        </div>
        <div class="modal-body">
                        <form action="javascript:;" method="POST" role="form" id="submit_create_form" class="custom-validation"   >
            
                <div class="row">
                    @foreach ($columns as $column)
                        <div class="col-md-12 mb-2 ">
                            <label class="control-label text-capitalize">{{ str_replace('_', ' ', $column)  }}</label>
                            @if ($column == "description")
                            <span class="text-danger">*</span>
                                <textarea  required  placeholder="{{ str_replace('_', ' ', $column)  }}"
                                id="create_{{$column}}" name="{{$column}}" class="form-control" rows="5"></textarea>
                            @else
                            <span class="text-danger">*</span>
                                <input type="{{$column =="marks"? 'number':'text'}}" placeholder="{{ str_replace('_', ' ', $column)  }}"
                                id="create_{{$column}}" name="{{$column}}" class="form-control" required  autofocus> 
                               
                            @endif
                           
                            <span class="text-danger ERR" id="err_create_{{$column}}"></span> 
                        </div>
                    @endforeach 

                    <div class="col-md-4">
                        <label class="radio-inline">
                            Compulsory </label>

                    
                        <div class="form-inline"> 
                        <div class="custom-control custom-radio ">
                            <input class="custom-control-input"  type="radio" id="compulsory" name="compulsory" value="compulsory" autofocus 
                              {{old('compulsory') == "yes"? 'checked':"" }} checked>
                            <label  class="custom-control-label"   for="compulsory"> Compulsory</label>
                        </div>
                        <div class="custom-control custom-radio ">
                            <input class="custom-control-input"  type="radio" id="not_compulsory" name="compulsory" value="not_compulsory"
                                autofocus  {{old('compulsory') == "not_compulsory"? 'checked':"" }} >
                            <label class="custom-control-label"   for="not_compulsory">Not Compulsory</label>  
                        </div>
                        @if ($errors->has('compulsory'))
                        <div class="invalid-feedback"  style="display: block">{{ $errors->first('compulsory') }}</div>
                        @endif 
                        </div>
                         
                   </div>
                    <div class="col-md-12"> 
                        <hr>
                        <button type="submit" class="btn btn-light float-right     waves-light">Save </button>
                    </div>
                </div>
            </form>
        </div> 
    </div>
    <!-- /.modal-content -->
    </div>
    
</div>
<!-- /.end create-dialog -->  
@endcan
@can('technical.update')

  <!-- /.create-dialog -->
  <div class="modal fade" id="edit_modal" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog  ">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Update Data</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
        </div>
        <div class="modal-body">
                        <form action="javascript:;" method="POST" role="form" id="edit_form" class="custom-validation"   >
                <input type="hidden" name="id" id="edit_id">
                <div class="row">
                    @foreach ($columns as $column)
                        <div class="col-md-12 mb-2 ">
                            <label class="control-label text-capitalize">{{ str_replace('_', ' ', $column)  }}</label>
                            @if ($column == "description")
                                <textarea placeholder="{{ str_replace('_', ' ', $column)  }}"
                                id="edit_{{$column}}" name="{{$column}}" class="form-control" rows="5"></textarea>
                            @else
                                <input type="{{$column =="marks"? 'number':'text'}}" 
                                placeholder="{{ str_replace('_', ' ', $column)  }}"
                                id="edit_{{$column}}" name="{{$column}}" class="form-control"   autofocus> 
                            @endif
                           
                            <span class="text-danger ERR" id="err_update_{{$column}}"></span> 
                        </div>
                    @endforeach 

                    <div class="col-md-4" id="other">
                        <label class="radio-inline">
                            Compulsory </label>

                    
                        <div class="form-inline"> 
                        <div class="custom-control custom-radio ">
                            <input class="custom-control-input"  type="radio" id="edit_compulsory" name="compulsory" 
                            value="compulsory" autofocus > 
                            <label  class="custom-control-label"   for="edit_compulsory"> Compulsory</label>
                        </div>
                        <div class="custom-control custom-radio ">
                            <input class="custom-control-input"  type="radio" id="edit_not_compulsory" name="compulsory" 
                            value="not_compulsory"
                                autofocus  >
                            <label class="custom-control-label"   for="edit_not_compulsory">Not Compulsory</label>  
                        </div>
                        @if ($errors->has('compulsory'))
                        <div class="invalid-feedback"  style="display: block">{{ $errors->first('compulsory') }}</div>
                        @endif 
                        </div>
                         
                   </div>

                    <div class="col-md-12"> 
                        <hr>
                        <button type="submit" class="btn btn-light float-right  submit_edit_form   waves-light">Save </button>
                    </div>
                </div>
            </form>
        </div> 
    </div>
    <!-- /.modal-content -->
    </div>
    
</div>
<!-- /.end create-dialog -->  
@endcan

 {{-- //////////////////Show/ --}}
 @can('technical.show')

  <!-- /.create-dialog -->
  <div class="modal fade" id="show_modal" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog  ">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Show Data</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
        </div>
        <div class="modal-body">
           <div class="row">
              <label> Marks</label> 
             
               <div class="col-xl-12">
                <p id="marks">

                </p>  
               </div>
               <label> Description</label> 
             
               <div class="col-xl-12">
                <p id="description">

                </p>
               </div>
               <label> Compulsory</label> 
             
               <div class="col-xl-12">
                <p id="comp">
                  
                </p>
              </div>
           </div>     
              
                    
        
        </div> 
    </div>
    <!-- /.modal-content -->
    </div>
    
</div>
<!-- /.end create-dialog -->  
@endcan