@extends('admin.layout.master')

@section('content')





<div class="app-content  my-3 my-md-5">
  <div class="side-app">
    <div class="page-header">
      <h4 class="page-title">Dificulty Management Lists</h4>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('admin.dificulties')}}">Difficulty Management</a></li>
        <li class="breadcrumb-item active" aria-current="page">Difficulty Management </li>
      </ol>

    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          @if(Session::has('success'))

            <div class="alert alert-primary">
              <p>{{ Session::get('success') }}</p>
            </div>

          @endif

          @if(Session::has('errors'))

            <div class="alert alert-danger">
              <p>{{ Session::get('errors') }}</p>
            </div>

          @endif
          
          <div class="card-header">
            <h3 class="card-title">Dificulty Management List</h3>
            <div class="col-xl-2 col-lg-2 col-md-2 ml-auto">
              <a href="{{route('admin.add')}}"><button type='button' class="btn btn-primary">Add New Dificulty</button></a>
            </div>
          </div>


          <div class="card-body">
            <div class="table-responsive" id="vueapp">

            <table id="tables" class="table card-table table-vcenter text-nowrap">
              <thead>
                <tr>
                  <th style="text-align: center;">#</th>
                  <th style="text-align: center;">Difficulty level</th>
                  <th style="text-align: center;">Action</th>
                  
                  
                </tr>
              </thead>
              <tbody>
              
                @if($difficulties)
              @foreach($difficulties as $key=>$val)
                <tr>

                  <td style="text-align: center;">{{$key+1}}</td>
                  <td style="text-align: center;">{{$val->level}}</td>
                  <td style="text-align: center;"> 

                 <a href="{{route('admin.editdificulties',base64_encode($val->id)) }}" class="btn btn-dark btn-sm text-white" data-toggle="tooltip" data-original-title="Edit" href=""><i class="fa fa-pencil"></i></a>

                    <a class="icon" href="javascript:void(0)"></a>
                      
                  <a href="{{route('admin.deletedificulties',base64_encode($val->id)) }}" data-toggle="tooltip" data-original-title="For Delete" class="btn btn-warning btn-sm text-white" onclick="return confirm('Are You Sure To Delete This level?')"><i class="fa fa-trash"></i></a>  
                  
                    
                   </td>
                 
                  
                  </td>
                </tr>
                @endforeach  
                @else
                <p>no data</p>
                @endif     
              </tbody>
            </table> 
            
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</div>

@section('scripts')
<script type="text/javascript">
  $(document).ready(function() {
        $('#tables').DataTable();
  }); 
</script>
@endsection

























@endsection
@section('scripts')
<script type="text/javascript">
  $(document).ready(function() {
        $('#tables').DataTable();
  }); 
</script>
@endsection