@extends('admin.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
{{-- @section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="" class="nav-link custom-cumb">{{ __('Dashboard') }}</a>
    </li>
@endsection --}}
@section('content')
    <div class="app-main__outer">
        <div class="app-main__inner card">
            <!-- dashboard auction -->
            <div class="dashboard-auction">
                <div class="row">
                    <div class="col-12">
                        <div class="auction-table">
                            <div class="auction-tablehead">
                                <h3>Role List</h3>
                                {{-- <a href="#">View all</a> --}}
                                <div class="aircraft_table">
                                    <table id="example" class="stripe row-border order-column datatable_auction"
                                        style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Role Name</th>
                                                <th>Role Type</th>
                                                <th>Created On</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($roleList as $role)
                                        <tr>
                                            <td>{{ $role->name }}</td>
                                            <td>{{ $role->role_type }}</td>
                                            <td>{{ date('d-m-Y', strtotime($role->created_at)) }}</td>
                                           {{--  <td>
                                                @switch($role->status)
                                                    @case(1)
                                                        <a href="javascript:void(0)" data-value="0" data-table="roles"
                                                            data-message="inactive" data-uuid="{{ $role->uuid }}"
                                                            class="active-status changeStatus">Active</a>
                                                    @break

                                                    @case(0)
                                                        <a href="javascript:void(0)" data-value="1" data-uuid="{{ $role->uuid }}"
                                                            data-table="roles" data-message="active"
                                                            class="inactive-status changeStatus">Inactive</a>
                                                    @break

                                                    @default
                                                        <a href="javascript:void(0)"
                                                            class="badge badge-danger text-dark">Deleted</a>
                                                @endswitch
                                            </td> --}}

                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-secondary dropdown-toggle" type="button"
                                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">
                                                        <img src="{{ asset('assets/img/three-dot-btn.png') }}"
                                                            alt="">
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                        <a class="dropdown-item edit-permissions"
                                                            href="{{ route('admin.role.attach.permission', ['id' => $role->id]) }}">Permissions</a>
                                                    </div>
                                                </div>

                                            </td>
                                        </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center">No
                                                    Data Yet</td>
                                            </tr>
                                        @endforelse



                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


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


    </div>
@endsection
@push('scripts')
    <script>
        $(document).ready(function() {
            $("#addbranch-btn").click(function() {
                $("#slide-from-right").addClass("show-side-form");
            });

            $("#close-btn").click(function() {
                $("#slide-from-right").removeClass("show-side-form");
            });
        });
    </script>
@endpush