@extends('adminlte::page')

@section('title', config('app.name'))

@section('content_header')
    <h1 class="m-0 text-dark">Roles</h1>
@stop

@section('css')
{{--   <link rel="stylesheet" href="{{ mix('css/admin-style.css') }}"> --}}
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header ">
                    <div class="d-flex align-items-center justify-content-between w-100">
                        <div><h3 class="card-title">Roles Info</h3></div>
                        <div> <a class="btn btn-success" href="{{route('role.create')}}">New role</a></div>
                    </div>
                </div>
                <div class="card-body">
                    <livewire:tables.roles />
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
@stop

@section('js')

@stop