@extends ('backend.layouts.app')

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

@section('after-styles')
    {{ Html::style("css/backend/plugin/datatables/dataTables.bootstrap.min.css") }}
@endsection

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

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

            <div class="box-tools pull-right">
                @permission('create-patient')
                <div class="pull-right mb-10 hidden-sm hidden-xs">
                    {{ link_to_route('admin.patients.create', trans('labels.backend.patients.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.patients.create', trans('labels.backend.patients.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.patients.name') }}</th>
                        <th>{{ trans('labels.backend.patients.phone') }}</th>
                        <th>{{ trans('labels.backend.patients.email') }}</th>
                        <th>{{ trans('labels.backend.patients.created-at') }}</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>
        $(function () {
            $('#roles-table').DataTable({
                sort: true,
                processing: true,
                serverSide: true,
                "language": {
                    "sProcessing": "Procesează...",
                    "sLengthMenu": "Afișează ultimii_MENU_ pacienti",
                    "sZeroRecords": "Nu am găsit nimic - ne pare rău",
                    "sInfo": "Afișate de la _START_ la _END_ din _TOTAL_ pacienti",
                    "sInfoEmpty": "Afișate de la 0 la 0 din 0 înregistrări",
                    "sInfoFiltered": "(filtrate dintr-un total de _MAX_ pacienti)",
                    "sInfoPostFix": "",
                    "sSearch": "Caută:",
                    "sUrl": "",
                    "oPaginate": {
                        "sFirst": "Prima",
                        "sPrevious": "Precedenta",
                        "sNext": "Următoarea",
                        "sLast": "Ultima"
                    }
                },
                ajax: {
                    url: '{{ route("admin.patients.get") }}',
                    type: 'post'
                },
                columns: [
                    {data: 'name', name: '{{config('access.patients_table')}}.name'},
                    {data: 'phone', name: '{{config('access.patients_table')}}.phone',sortable: false},
                    {data: 'email', name: '{{config('access.patients_table')}}.email'},
                    {data: 'created_at', name: '{{config('access.patients_table')}}.created_at'},
                    {data: 'actions', name: 'actions', searchable: false, sortable: false}
                ],

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


@endsection