@extends('client.layouts.app')

@section('page_title', 'Text blocks')

@section('body_class', 'text_blocks')

@section('content_header_title')

@endsection

@section('content')
    <div class="email_templates">
        <div class="container-fluid">
            <h1 class="page-title">{{ __('client.navigation.text_blocks') }}</h1>
            <div class="table-responsive">
                <table id="text_blocks" class="table table--administrators">
                    <thead>
                        <tr class="enable-sorting table__header">
                            <th data-name="name">{{__('client.global.name')}}</th>
                            <th class="text-right"></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('custom_scripts')
    <script type="text/javascript" charset="utf8" src="{{ asset('vendor/data-tables/js/jquery.dataTables.min.js') }}"></script>
    <script>
        var table;
        $(function() {
            var i = 0;
            var columnDefs = [
                {
                    targets: i++,
                    data: 'name',
                    name: 'name',
                    searchable: true,
                },
                {
                    targets: i++,
                    data: 'actions',
                    orderable: false,
                    searchable: false,
                    className: 'text-right datatables-actions-cell'
                },
            ];
            var options = {
                searching: true,
                info: false,
                lengthChange: false,
                paging: false,
                processing: true,
                serverSide: true,
                sDom: 'lrtip',
                ajax: "{{ route('client.settings.text_blocks.datatable') }}",
                columnDefs: columnDefs,
            };
            table = $('#text_blocks').DataTable(options);
        });
    </script>
@endsection