@extends('layout.side-menu')

@section('subcontent')
    <div class="intro-y flex flex-col sm:flex-row items-center mt-4">
        <h2 class="text-lg font-medium mr-auto flex items-center">
            {{ isset($crud['title']['plural']) ? $crud['title']['plural'] : '' }}
        </h2>
        <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
            <a href="{{ route($crud['prefix'] . '.create') }}" type="button" class="button text-white bg-theme-1 shadow-md flex items-center">
                <i class="w-4 h-4 mr-2" data-feather="plus-square"></i>
                {{__('app.create')}}
            </a>
        </div>
    </div>

    <div class="intro-y overflow-auto lg:overflow-visible mt-8 sm:mt-5">
        {{$dataTable->table(['class' => 'table table-report sm:mt-2'], true)}}
    </div>
@endsection

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