@extends('admin.layout.layout')
@section('title',__('Roles'))

@section('breadcrumbs')
    <li class="breadcrumb-item pe-3 @if(Route::currentRouteName() == 'Admin.roles.index') text-muted @endif">{{ __('Roles') }}</li>
@endsection

@section('content')
    <div class="post d-flex flex-column-fluid mb-8" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <!--begin::Products-->
            <div class="card card-flush">
                <!--begin::Card header-->
                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                    <!--begin::Card title-->
                    <div class="card-title">
                        <!--begin::Search-->
                        <div class="d-flex align-items-center position-relative my-1">
                            @include('admin.data-table-header-ajax')
                        </div>
                        <!--end::Search-->
                    </div>
                    <!--end::Card title-->
                    <!--begin::Card toolbar-->
                    <div class="card-toolbar flex-row-fluid justify-content-end gap-5">
                        @if(auth()->user()->type == 1)
                        <!--begin::Add product-->
                        <a href="{{ route('Admin.roles.create') }}" class="btn btn-primary">{{ __('Add Role') }}</a>
                        <!--end::Add product-->
                        @endif
                    </div>
                    <!--end::Card toolbar-->
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body pt-0">
                    <!--begin::Table-->
                    <div id="kt_ecommerce_sales_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer"
                                id="kt_ecommerce_sales_table">
                                <!--begin::Table head-->
                                <thead>
                                    <!--begin::Table row-->
                                    <tr class="text-center text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                                        <th class="min-w-100px sorting" tabindex="0"
                                            aria-controls="kt_ecommerce_sales_table" rowspan="1" colspan="1"
                                            aria-label="Role Id: activate to sort column ascending"
                                            style="width: 109.297px;">{{ __('Role Id') }}</th>
                                        <th class="min-w-175px sorting" tabindex="0"
                                            aria-controls="kt_ecommerce_sales_table" rowspan="1" colspan="1"
                                            aria-label="Role Name: activate to sort column ascending"
                                            style="width: 231.547px;">{{ __('Role Name') }}</th>
                                        <th class="text-center min-w-70px sorting" tabindex="0"
                                            aria-controls="kt_ecommerce_sales_table" rowspan="1" colspan="1"
                                            aria-label="Permissions: activate to sort column ascending"
                                            style="width: 83.3906px;">{{ __('Permissions') }}</th>
                                        @if(auth()->user()->type == 1)
                                        <th class="text-center min-w-100px sorting" tabindex="0"
                                            aria-controls="kt_ecommerce_sales_table" rowspan="1" colspan="1"
                                            aria-label="Users same role: activate to sort column ascending" style="width: 109.297px;">
                                            {{ __('Users same role') }}</th>
                                        @endif
                                        <th class="text-center min-w-100px sorting_disabled" rowspan="1" colspan="1"
                                            aria-label="Actions" style="width: 109.375px;">{{ __('Actions') }}</th>
                                    </tr>
                                    <!--end::Table row-->
                                </thead>
                                <!--end::Table head-->
                                <!--begin::Table body-->
                                <tbody class="fw-bold text-gray-600 text-center">

                                </tbody>
                                <!--end::Table body-->
                            </table>
                        </div>

                    </div>
                    <!--end::Table-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Products-->
        </div>
        <!--end::Container-->
    </div>
@endsection

@push('scripts')