@extends('layouts.backend.master')

@section('title', 'Roles')

@section('breadcrumbs')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="d-flex align-items-center">
        <div class="mr-auto">
            <h3 class="page-title">{{__('Roles') }}</h3>
        </div>

    </div>
</div>
@endsection

@section('content')


<div class="row">
    <div class="col-12">
        <div class="box">
            <div class="box-body">
                <div class="table-responsive roles_table">
                    <table id="bstable" class="table-striped" data-show-export="false" data-filter-control="true" data-show-search-clear-button="true" data-pagination="true" data-search="false" data-toolbar="#custom_toolbar" data-toggle="table" data-show-columns="true" data-show-columns-toggle-all="true" data-show-toggle="false" table-for="tbl_super_roles" data-export-options='{"fileName": "{{ config('app.name')." - Roles - ".date('d/m/Y-H:m:s')}}"}' data-search-time-out="2000">
                        <thead>
                            <tr>
                                <th title="#" data-field="no" data-filter-control="input" data-width="75" data-width-unit="px">#</th>
                                <th title="Name" data-field="name" data-filter-control="input">{{__('Name') }}</th>
                                <th title="Date" data-field="created_at" data-filter-control="input">{{__('Created At') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($roles as $role)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $role->name }}</td>
                                <td>{{ $role->created_at->format('d-m-Y') }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection