@extends('dashboard.layout.default')

@section('page_title',$page_title)

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-left">
            <li class="breadcrumb-item"><a href="{{Route('dashboard')}}">{{ __("pages.home") }}</a></li>
            <li class="breadcrumb-item"><a>{{ __("pages.admins") }} {{__('pages.list')}}</a></li>
            </ol>
          </div>
        </div>
        <div class="row mb-2">
          <div class="col-md-6 my-2">
            <a href="{{Route('admins.create')}}" class="btn btn-primary"
            >{{ trans('pages.create')}} <i class="nav-icon  fas fa-plus"></i></a>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

            <div class="card">
                <!-- /.card-header -->
                <div class="card-body">
                {{ $dataTable->table(['class' => 'table datatable-table table-striped table-bordered  ' , 'style' => 'width:100%']) }}
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection

@push('js_scripts')
{{ $dataTable->scripts() }}
@endpush