@extends('admin.layouts.master')
@section('title','All Answer')
@section('maincontent')
@component('components.breadcumb',['secondaryactive' => 'active'])
@slot('heading')
   {{ __('Answer') }}
@endslot

@slot('menu1')
   {{ __('Answer') }}
@endslot

@slot('button')

<div class="col-md-4 col-lg-4">
    <div class="widgetbar">
        <button type="button" class="float-right btn btn-danger-rgba mr-2 " data-toggle="modal" data-target="#bulk_delete"><i
            class="feather icon-trash mr-2"></i> Delete Selected</button>
      </div>                        
</div>
@endslot
@endcomponent
<div class="contentbar"> 
  <div class="row">
      
      <div class="col-lg-12">
          <div class="card m-b-30">
              <div class="card-header">
                  <h5 class="box-title">All Answer</h5>
              </div>
              <div class="card-body">
              
                  <div class="table-responsive">
                      <table id="datatable-buttons" class="table table-striped table-bordered">
                          <thead>
                          <tr>
                              <th>
                                  <input id="checkboxAll" type="checkbox" class="filled-in" name="checked[]"
                                  value="all" />
                              <label for="checkboxAll" class="material-checkbox"></label>   # 
                              </th>
                              <th>{{ __('adminstaticword.Answer') }}</th>
                              <th>{{ __('adminstaticword.Question') }}</th>
                              <th>{{ __('adminstaticword.Course') }}</th>
                              <th>{{ __('adminstaticword.Status') }}</th>
                              <th>{{ __('adminstaticword.Action') }}</th>
                             
                            </tr>
                            </thead>
                            <tbody>
                                                        @foreach($answers as $ans)
                            <tr>
                                                            <td>
                                                     
                                <input type='checkbox' form='bulk_delete_form' class='check filled-in material-checkbox-input'
                                    name='checked[]' value={{ $ans->id }} id='checkbox{{ $ans->id }}'>
                                <label for='checkbox{{ $ans->id }}' class='material-checkbox'></label>
                                1                            <div id="bulk_delete" class="delete-modal modal fade" role="dialog">
                                <div class="modal-dialog modal-sm">
                                    <!-- Modal content-->
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                            <div class="delete-icon"></div>
                                        </div>
                                        <div class="modal-body text-center">
                                            <h4 class="modal-heading">Are You Sure ?</h4>
                                            <p>Do you really want to delete selected item names here? This process
                                                cannot be undone.</p>
                                        </div>
                                        <div class="modal-footer">
                                            <form id="bulk_delete_form" method="post"
                                                action="{{ route('answerbulk.bulk_delete') }}">
                                                @csrf
                                                @method('POST')
                                                <button type="reset" class="btn btn-gray translate-y-3"
                                                    data-dismiss="modal">No</button>
                                                <button type="submit" class="btn btn-danger">Yes</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div></td>
                            <td>{{ strip_tags($ans->answer)}}</td>
                            <td>{{strip_tags($ans->question->question)}}</td>
                            <td>{{$ans->courses->title}}</td> 
                          <td>

                            <label class="switch">
                                <input class="user" type="checkbox"  data-id="{{$ans->id}}" name="status" {{ $ans->status == '1' ? 'checked' : '' }}>
                                <span class="knob"></span>
                              </label>            
                          </td>
                          <td>
                            <div class="dropdown">
                                <button class="btn btn-round btn-outline-primary" type="button" id="CustomdropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="feather icon-more-vertical-"></i></button>
                                <div class="dropdown-menu" aria-labelledby="CustomdropdownMenuButton1">
                                    <a class="dropdown-item" href="{{url('instructoranswer/'.$ans->id)}}"><i class="feather icon-edit mr-2"></i>Edit</a>
                                    <a class="dropdown-item btn btn-link" data-toggle="modal" data-target="#delete{{ $ans->id }}" >
                                        <i class="feather icon-delete mr-2"></i>{{ __("Delete") }}</a>
                                    </a>
                                </div>
                            </div>

                            <!-- delete Modal start -->
                            <div class="modal fade bd-example-modal-sm" id="delete{{$ans->id}}" tabindex="-1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog modal-sm">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleSmallModalLabel">Delete</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                                <h4>{{ __('Are You Sure ?')}}</h4>
                                                <p>{{ __('Do you really want to delete')}} ? {{ __('This process cannot be undone.')}}</p>
                                        </div>
                                        <div class="modal-footer">
                                            <form method="post" action="{{url('instructoranswer/'.$ans->id)}}" class="pull-right">
                                                {{csrf_field()}}
                                                {{method_field("DELETE")}}
                                                <button type="reset" class="btn btn-secondary" data-dismiss="modal">No</button>
                                                <button type="submit" class="btn btn-primary">Yes</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- delete Model ended -->

                        </td>
                        
                        </tr>
                        @endforeach
                            </tbody>
                      </table>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
    @endsection
    @section('script')
    <script>
      $(function() {
        $('.custom_toggle').change(function() {
            var status = $(this).prop('checked') == true ? 1 : 0; 
          var id = $(this).data('id'); 
            $.ajax({
                type: "GET",
                dataType: "json",
                url: 'user/status',
                data: {'answerstatus': status, 'id': id},
                success: function(data){
                  console.log(id)
                }
            });
        })
      })
    </script>
  <script>
          $("#checkboxAll").on('click', function () {
      $('input.check').not(this).prop('checked', this.checked);
    });
    </script>
    @endsection