@extends('admin.layouts.master')
@section('title', 'Institute - Admin')
@section('maincontent')
@include('admin.layouts.topbar',$data)
<div class="contentbar">
  @if ($errors->any())
  <div class="alert alert-danger" role="alert">
    @foreach($errors->all() as $error)
    <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close" title="{{ __('Close') }}">
        <span aria-hidden="true" style="color:red;">&times;</span></button></p>
    @endforeach
  </div>
  @endif
  <!-- Start row -->
  <div class="row">
    <div class="col-lg-12">
      <div class="card dashboard-card m-b-30">
        <div class="card-header">
          <h5 class="card-title">{{ __('Institutes')}}</h5>
          <div>
            <div class="widgetbar">
              @can('institute.create')
              <a href="{{ route('institute.create') }}" class="btn btn-primary-rgba" title="{{ __('Add Institute') }}"><i
                  class="feather icon-plus mr-2"></i>{{ __("Add Institute")}}</a>
              @endcan
              {{ csrf_field() }}
              <a href="{{ route('institute.import') }}" class="btn btn-success-rgba" title="{{ __('Import') }}"><i
                  class="feather icon-plus mr-2"></i>{{ __("Import")}}</a>
            </div>
          </div>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            @if(Auth::User()->role == "admin")
            <table id="datatable-buttons" class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th>{{ __('Id') }}</th>
                  <th>{{ __('Image') }}</th>
                  <th>{{ __('Institute Name') }}</th>
                  <th>{{ __('Details') }}</th>
                  <th>{{ __('Skills') }}</th>
                  <th>{{ __('Status') }}</th>
                  <th>{{ __('Verify') }}</th>
                  <th>{{ __('Action') }}</th>
                </tr>
              </thead>
              @foreach($institute as $key => $item)

              <tbody>
                <tr>
                  <td>{{ filter_var($key+1) }}</td>
                  <td><img src="{{ asset('files/institute/'.filter_var($item->image)) }}"
                      class="img-responsive img-circle"></td>
                  <td>{{$item->title}}</td>
                  <td>{{$item->detail}}</td>
                  <td>{{$item->skill}}</td>
                  <td>
                    <label class="switch">
                      <input class="status" type="checkbox" name="status" data-id="{{$item->id}}"
                        {{ $item->status == '1' ? 'checked' : '' }}>
                      <span class="knob"></span>
                    </label>
                  </td>
                  <td>
                    <label class="switch">
                      <input class="verify" type="checkbox" name="verify" data-id="{{$item->id}}"
                        {{ $item->verified == '1' ? 'checked' : '' }}>
                      <span class="knob"></span>
                    </label>
                  </td>
                  <td>
                    <div class="dropdown">
                      <button class="btn btn-round btn-primary-rgba" type="button" id="CustomdropdownMenuButton3"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                          class="feather icon-more-vertical-" title="{{ __('Settings') }}"></i></button>
                      <div class="dropdown-menu" aria-labelledby="CustomdropdownMenuButton3">
                        <a class="dropdown-item" href="{{route('institute.edit',['id' => $item->id])}}" title="{{ __('Edit') }}"><i
                            class="feather icon-edit mr-2"></i>{{ __("Edit")}}</a>
                        <a class="dropdown-item" data-toggle="modal"  data-target="#delete{{ $item->id }}" title="{{ __('Delete') }}"><i
                            class="feather icon-delete mr-2"></i>{{ __("Delete")}}</a>
                      </div>
                    </div>

                    <div class="modal fade bd-example-modal-sm" id="delete{{$item->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" title="{{ __('Close') }}">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                          <div class="modal-body">
                            <p class="text-muted">
                              {{ __("Do you really want to delete these records? This process cannot be undone.")}}</p>
                          </div>
                          <div class="modal-footer">
                            <form method="post" action="{{ route('institute.delete',['id' => $item->id])}}
                                              " data-parsley-validate class="form-horizontal form-label-left">
                              {{ csrf_field() }}
                              {{ method_field('DELETE') }}
                              <button type="button" class="btn btn-secondary"
                                data-dismiss="modal">{{ __("No")}}</button>
                              <button type="submit" class="btn btn-danger">{{ __("Yes")}}</button>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                  </td>
                </tr>
              </tbody>
              @endforeach

            </table>
            @endif

            @if(Auth::User()->role == "instructor")
            <table id="datatable-buttons" class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th>{{ __('Id') }}</th>
                  <th>{{ __('Image') }}</th>
                  <th>{{ __('Institutes') }}</th>
                  <th>{{ __('Details') }}</th>
                  <th>{{ __('Skills') }}</th>
                  <th>{{ __('Action') }}</th>
                </tr>
              </thead>
              <tbody>
                @php
                $insti = App\Institute::where('user_id',Auth::User()->id)
                ->where('status',1)
                ->get();

                @endphp
                @foreach($insti as $key => $value)
                <tr>
                  <td>{{ filter_var($key+1) }}</td>
                  <td><img src="{{ asset('files/institute/'.filter_var($value->image)) }}"
                      class="img-responsive img-circle"></td>
                  <td>{{$value->title}}</td>
                  <td>{{$value->detail}}</td>
                  <td>{{$value->skill}}</td>
                  <td>
                    <div class="dropdown">
                      <button class="btn btn-round btn-primary-rgba" type="button" id="CustomdropdownMenuButton3"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                          class="feather icon-more-vertical-" title="{{ __('Settings') }}"></i></button>
                      <div class="dropdown-menu" aria-labelledby="CustomdropdownMenuButton3">
                        @can('institute.edit')
                        <a class="dropdown-item" href="{{route('institute.edit',['id' => $value->id])}}" title="{{ __('Edit') }}"><i
                            class="feather icon-edit mr-2"></i>{{ __("Edit")}}</a>
                        @endcan
                        @can('institute.delete')
                        <a class="dropdown-item" data-toggle="modal" data-target=".bd-example-modal-sm" title="{{ __('Delete') }}"><i
                            class="feather icon-delete mr-2"></i>{{ __("Delete")}}</a>
                        @endcan
                      </div>
                    </div>
                  </td>
                  <div class="modal fade bd-example-modal-sm" 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" title="{{ __('Close') }}">
                            <span aria-hidden="true">&times;</span>
                          </button>
                        </div>
                        <div class="modal-body">
                          <p class="text-muted">
                            {{ __("Do you really want to delete these records? This process cannot be undone.")}}</p>
                        </div>
                        <div class="modal-footer">
                          <form method="post" action="{{ route('institute.delete',['id' => $value->id])}}
                                              " data-parsley-validate class="form-horizontal form-label-left">
                            {{ csrf_field() }}
                            {{ method_field('DELETE') }}
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __("No")}}</button>
                            <button type="submit" class="btn btn-danger">{{ __("Yes")}}</button>
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>
                </tr>
                @endforeach
              </tbody>
            </table>
            @endif
          </div>
        </div>
      </div>
    </div>
    <!-- End col -->
  </div>
  <!-- End row -->
</div>
@endsection
@section('script')
<script>
  $(document).on("change", ".status", function () {
    $.ajax({
      type: "GET",
      dataType: "json",
      url: 'institute/status',
      data: {
        'status': $(this).is(':checked') ? 1 : 0,
        'id': $(this).data('id')
      },
      success: function (data) {
        console.log(id)
      }
    });
  });
</script>
<script>
  $(document).on("change", ".verify", function () {
    $.ajax({
      type: "GET",
      dataType: "json",
      url: 'institute/verify',
      data: {
        'verify': $(this).is(':checked') ? 1 : 0,
        'id': $(this).data('id')
      },
      success: function (data) {
        var warning = new PNotify({
          title: 'success',
          text: 'Status Update Successfully',
          type: 'success',
          desktop: {
            desktop: true,
            icon: 'feather icon-thumbs-down'
          }
        });
        warning.get().click(function () {
          warning.remove();
        });
      }
    });
  });
</script>
@endsection