@extends('back/layouts.app')
@section('back_css')
    <x-admin.datatable.header-css/>
    <style>
      a.kt-userpic.kt-userpic--circle.kt-margin-r-5.kt-margin-t-5 img
      {
          width: 50px;
      }
          div#action_div {
          display: inline-flex;
      }
      a.btn.btn-brand.btn-icon-sm {
          color: white;
          background: #0a7a18;
      }
    </style>
@endsection

@section('content')

<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
  <div class="kt-portlet">


  </div>

  <div class="kt-portlet kt-portlet--mobile">
    <div class="kt-portlet__body">

      <style> .dataTables_wrapper div.dataTables_filter { display: contents; } </style>
      @if(session()->has('success'))
          <div class="alert alert-success text-center">
              {{ session()->get('success') }}
          </div>
      @elseif(session()->has('MasterErorr'))
          <div class="alert alert-danger text-center">
              <strong> Failed!  </strong> {{ session()->get('MasterErorr') }}
          </div>
      @endif

      @include('back.includes.breadcrumb',['routes' => [
          ['name' => __('meta.title.members')],
      ]])

      <div class="col-md-12 row">

          <div class="col-md-4">
              <form action="{{ route('dashboard.tests-show', $id) }}" method="get">
                  <div class="input-group">
                      <input type="text" name="course" value="{{ old('course') }}" class="form-control" placeholder="اسم المادة">
                      <div class="input-group-btn">
                          <button class="btn btn-default" type="submit">
                              <i class="glyphicon glyphicon-search"></i>
                          </button>

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

      </div>
      <hr>





      <table class="table table-striped- table-bordered table-hover table-checkable" id="kt_table_1">
        <thead>
            <tr>
                <th><input type="checkbox" name="select_all" class="dt-select-all" id="select_all"></th>
                <th class="text-center">#</th>
                <th>الاسم</th>
                <th>المادة</th>
                <th>الدرجة</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
              @foreach($tests as $test)
                <tr id="{{ $test->id }}">
                    <td value="{{ $test->id }}"></td>
                    <td value="{{ $test->id }}">{{ $test->id }}</td>
                    <td> {{ $test->course->name }} </td>
                    <td> {{ $test->test->title }} </td>
                    <td> {{ $test->degree }} </td>
                    <td> <a href="{{ route('dashboard.edit-user-test', ['user_id' => $id, 'test_id' => $test->test_id, 'test_result_id' => $test->id]) }}" class="btn btn-brand btn-icon-sm">تعديل</a> </td>
                </tr>
              @endforeach
        </tbody>
      </table>



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

{{-- {{ $result->withQueryString()->links() }} --}}





<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body" id="modal-body-div">
        <p> </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>



@endsection