@extends('layouts.admin')

@section('styles')

@endsection


@section('content')
<div class="container-fluid">

    <style>
    .table thead tr td {
        padding: 0px 0px 15.2px 0px;
    }
    .card-body-alert .alert{
        margin-bottom: 15px !important;
    }
    </style>

    <div class="row">

        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-10">
                            @include('elements.admin-breadcrumb')
                        </div>
                        @can('admin.roles.create')
                        <div class="col-2 text-end">
                            <a class="btn btn-primary" wire:navigate href="{{ route('admin.roles.create') }}"><i class="fa fa-plus"></i> {{ __('Add New') }}</a>
                        </div>
                        @endcan

                    </div>
                </div>

                <div class="card-body">
                    @include('elements.alert')

                    <form class="mb-15" id="kt_Location_delete" action="{{ route('admin.roles.delete') }}"
                        method="POST">
                        @csrf
                        @method('post')
                        {{-- <table class="table  w-100 nowrap  no-footer">
                            <tbody>
                                <tr>
                                    <td>
                                        <button type="button" class="btn btn-dark" id="kt_reset">Reset</button>
                                        <button class="btn btn-danger" id="kt_delete" style="display: none"
                                            type="submit" name="submit" value="delete">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table> --}}
                        <table id="common_datatable" class="table table-striped w-100"
                            data-column="id,name,guard_name,created_at"
                            data-column-name="id,name,guard_name,created_at,actions"
                            data-extra-param="" data-extra-param-name=""
                            data-control="{{route('admin.roles.list')}}" data-sorting="3" data-sorting-type="DESC"
                            data-serial-number="1"
                            data-except-sorting-columns="8" role="grid" aria-describedby="common_datatable_info">
                            <thead>


                                <tr>
                                    <th>
                                        <input class="form-check-input" type="checkbox" name="checkAll" id="checkAll">
                                    </th>
                                    <th>Name</th>
                                    <th>Guard Name</th>

                                    <th>Created On</th>

                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>


                </div>

                </form>

            </div> <!-- end card body-->
        </div> <!-- end card -->
    </div><!-- end col-->
</div> <!-- end row-->

</div>
@endsection

@section('scripts')


@endsection