@extends ('backend.layouts.app')

@section ('title', trans('labels.backend.departments.title'))

@section('after-styles')
    {{ Html::style("css/backend/plugin/datatables/dataTables.bootstrap.min.css") }}
    {{--<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/pdfmake-0.1.27/dt-1.10.15/af-2.2.0/b-1.3.1/b-colvis-1.3.1/b-flash-1.3.1/b-html5-1.3.1/b-print-1.3.1/cr-1.3.3/r-2.1.1/datatables.min.css"/>--}}

@endsection

@section('page-header')
    <h1>{{ trans('labels.backend.departments.title') }}</h1>
@endsection

@section('content')
    <div class="box box-success">
        <div class="box-header with-border">
            <h3 class="box-title">{{ trans('labels.backend.departments.management') }}</h3>

            <div class="box-tools pull-right">
                @permission('create-departament')
                <div class="pull-right mb-10 hidden-sm hidden-xs">
                    {{ link_to_route('admin.departments.create', trans('labels.backend.departments.create'), [], ['class' => 'btn btn-success btn-m']) }}
                </div><!--pull right-->


                <div class="pull-right mb-10 hidden-lg hidden-md">
                    <div class="btn-group">
                        {{ link_to_route('admin.departments.create', trans('labels.backend.departments.create'), [], ['class' => 'btn btn-success btn-m']) }}

                    </div><!--btn group-->
                </div><!--pull right-->
                @endauth
                <div class="clearfix"></div>
            </div>
        </div><!-- /.box-header -->

        <div class="box-body">
            <div class="table-responsive">
                <table id="roles-table" class="table table-condensed table-hover">
                    <thead>
                    <tr>
                        <th>{{ trans('labels.backend.departments.departament') }}</th>
                        <th>{{ trans('labels.general.actions') }}</th>

                    </tr>
                    </thead>
                </table>
            </div><!--table-responsive-->
        </div><!-- /.box-body -->
    </div><!--box-->


@endsection

@section('after-scripts')
    {{ Html::script("js/backend/plugin/datatables/jquery.dataTables.min.js") }}
    {{ Html::script("js/backend/plugin/datatables/dataTables.bootstrap.min.js") }}
    {{--<script type="text/javascript" src="https://cdn.datatables.net/v/dt/pdfmake-0.1.27/dt-1.10.15/af-2.2.0/b-1.3.1/b-colvis-1.3.1/b-flash-1.3.1/b-html5-1.3.1/b-print-1.3.1/cr-1.3.3/r-2.1.1/datatables.min.js"></script>--}}


    <script>
        $(function () {
            $('#roles-table').DataTable({
                sort: false,
                processing: true,
                serverSide: true,
                "language": {
                    "sProcessing": "Procesează...",
                    "sLengthMenu": "Afișează ultimele_MENU_ departamente",
                    "sZeroRecords": "Nu am găsit nimic - ne pare rău",
                    "sInfo": "Afișate de la _START_ la _END_ din _TOTAL_ departamente",
                    "sInfoEmpty": "Afișate de la 0 la 0 din 0 înregistrări",
                    "sInfoFiltered": "(filtrate dintr-un total de _MAX_ departamente)",
                    "sInfoPostFix": "",
                    "sSearch": "Caută:",
                    "sUrl": "",
                    "oPaginate": {
                        "sFirst": "Prima",
                        "sPrevious": "Precedenta",
                        "sNext": "Următoarea",
                        "sLast": "Ultima"
                    }
                },
                ajax: {
                    url: '{{ route("admin.departments.get") }}',
                    type: 'post'
                },
//                dom: 'B<"clear">lfrtip',
//                buttons: true,
                columns: [
                    {data: 'name', name: '{{config('access.departments_table')}}.name'},
                    {data: 'actions', name: 'actions', searchable: false, sortable: false}
                ],
                parameters: [
                    {buttons: 'reset'}],

                searchDelay: 100
            })
            ;
        });
    </script>


@endsection