@extends('layouts.master')
@section('css')
<!-- DataTables -->
<link href="{{ URL::asset('assets/plugins/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('assets/plugins/datatables/buttons.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
<!-- Responsive datatable examples -->
<link href="{{ URL::asset('assets/plugins/datatables/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('assets/plugins/ion-rangeslider/ion.rangeSlider.skinModern.css')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
<div class="container-fluid">
   <div class="row">
      <div class="col-sm-12">
         <div class="page-title-box">
            <h4 class="page-title">Permission Lists</h4>
            <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="javascript:void(0);">Lexa</a></li>
               <li class="breadcrumb-item"><a href="javascript:void(0);">Tables</a></li>
               <li class="breadcrumb-item active">Data Table</li>
            </ol>
            <div class="state-information d-none d-sm-block">
               <div class="text-center" >
                  <a class="btn btn-primary " href="{{ route('permissions.create') }}"> Add</a>
               </div>
           </div>
         </div>
      </div>
      
   </div>
   <!-- end row -->
   <div class="row">
      <div class="col-12">
         <div class="card m-b-20">
            <div class="card-body">
               @include('sweetalert::alert')

               <table id="datatable" class="table table-bordered dt-responsive nowrap"
                  style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                  <thead>
                     <tr>
                        <th>Sr .No</th>
                        <th>Department ID</th>
                        <th>Name</th>
                        <th>URL</th>
                        <th>Slug</th>
                        <th>Action</th>
                     </tr>
                  </thead>
                  <tbody>
                     @php $i=0; @endphp
                     @foreach ($data as $key)
                     <tr>
                        <td>{{ ++$i }}</td>
                        <td>{{ $key->department_id }}</td>
                        <td>{{ $key->name }}</td>
                        <td>{{ $key->url }}</td>
                        <td>{{ $key->slug }}</td>
                        <td>
                           <form action="{{ route('permissions.destroy',$key->id) }}" method="POST">
   
                              {{-- <a class="btn btn-success btn-sm" href="{{ route('permission.show',$permisson->id) }}">Show</a> --}}
                              <a  href="{{ route('permissions.edit',$key->id) }}"> 
                                  <button  type="button" class="btn btn-primary btn-sm">Edit</button> </a>&emsp;
                                 
                              @csrf
                              @method('DELETE')
                
                              <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are You Sure Want To Delete This')">Delete</button>
                          </form>
                        </td>
                     </tr>
                     @endforeach
                  </tbody>
               </table>
            </div>
         </div>
      </div>
      <!-- end col -->
   </div>
   <!-- end row -->
</div>
<!-- container-fluid -->
@endsection