@extends('layouts.master')
@section('title') Permission Management @endsection
@section('css')
<link rel="stylesheet" type="text/css" href="{{ URL::asset('assets/libs/datatables/datatables.min.css')}}">
<link rel="stylesheet" href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css')}}">
<style>
#statuschange{
    width:80px;
}

.success-msg,.error-msg {
                margin: 10px 0;
                padding: 10px;
                border-radius: 3px 3px 3px 3px;
              }
              .error-msg {
                color: #D8000C;
                background-color: #FFBABA;
              }
              .success-msg {
                color: #270;
                background-color: #DFF2BF;
              }


</style>
@endsection
@section('content')
@component('common-components.breadcrumb')
@slot('title') Permission Management  @endslot
{{--
@slot('add_btn') <h4 class="card-title"><a style="margin-left: -28%;background:#314667;border:1px solid #314667;color:white;" href="{{ route('permissions.create') }}"
        class="btn btn-primary waves-effect btn-label waves-light"><i class="bx bx-plus label-icon"></i> Add Permission </a></h4> @endslot --}}

@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                   @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                    @if (Session::get('error'))
                    <div class="error-msg alert">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <i class="fa fa-times-circle"></i>
                    {{ Session::get('error') }}
                    </div>
                    @endif

                    <!-- For Success Messages -->
                    @if (Session::get('success'))
                    <div class="success-msg alert">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <i class="fa fa-check"></i>
                    {{ Session::get('success') }}
                    </div>
                    @endif

                <div class="table-responsive">

                    <table id="UsersList1" class="table">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                               <th>Module</th>
                               <th>Name</th>
                               {{-- <th>Action</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                             @php $i = 1; @endphp
                            @foreach($permissions as $row)
                            <tr>
                                <td>{{ $i }}</td>
                                <td>{{ $row->module_name }}  </td>
                                <td>{{ $row->title }}</td>
                                {{-- <td>
                                    <div class="dropdown">
                                        <a href="#" class="dropdown-toggle card-drop" data-toggle="dropdown" aria-expanded="false">
                                            <i class="mdi mdi-dots-horizontal font-size-18"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a class="dropdown-item" href="{{route('permissions.edit', $row->id)}}">Edit</a>

                                            <a class="dropdown-item" href="javascript:void(0);" id="delete">Delete</a>
                                        </div>
                                    </div>
                                </td> --}}
                            </tr>
                            @php $i++; @endphp
                            @endforeach

                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->
@endsection
@section('script')
<!-- Plugins js -->
<script src="{{ URL::asset('assets/libs/datatables/datatables.min.js')}}"></script>
<script src="{{ URL::asset('assets/libs/jszip/jszip.min.js')}}"></script>
<script src="{{ URL::asset('assets/libs/pdfmake/pdfmake.min.js')}}"></script>
<!-- Init js-->
<script src="{{ URL::asset('assets/js/pages/datatables.init.js')}}"></script>
<script src="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
            $('#UsersList1').DataTable();
            $(document).on('click','#delete',function(){

            });
        } );
</script>

@endsection