@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.downloadcenter') }} {{ __('navigation.files') }}
    </h4>
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-datatable table-responsive">
                    <div class="ml-4 mb-0">
                        <a href="{{ route('admin_downloadcenter_upload') }}" class="btn btn-sm btn-primary">Neue Dateien hochladen</a>
                    </div>
                    <table class="datatables-dcfiles table table-striped table-bordered" id="datatables-dcfiles">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Bild</th>
                            <th>Datei</th>
                            <th>Größe</th>
                            <th>ext</th>
                            <th>aktiv</th>
                            <th>Tag</th>
                            <th>angelegt</th>
                            <th>#</th>
                        </tr>
                        </thead>
                        <tbody>
        
                        </tbody>
        
                    </table>
                    <div class="mt-2 ml-4">
                        <a href="{{ route('admin_downloadcenter_upload') }}" class="btn btn-sm btn-primary">Neue Dateien hochladen</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $( document ).ready(function() {

            var oTable = $('#datatables-dcfiles').DataTable({
                "processing": true,
                "serverSide": true,
                ajax: {
                    url: '{!! route( 'admin_downloadcenter_datatable') !!}',
                    data: function(d) {
                    }
                },
                "order": [[0, "desc" ]],
                "columns": [
                    { data: 'id', searchable: false},
                    { data: 'image', name: 'image', searchable: false, orderable: false },
                    { data: 'name', name: 'name' },
                    { data: 'size', name: 'size' },
                    { data: 'ext', name: 'ext' },
                    { data: 'active', name: 'active' },
                    { data: 'tags', name: 'tags', searchable: false, orderable: false  },
                    { data: 'created_at', name: 'created_at' },
                    { data: 'action', name: 'action', searchable: false, orderable: false },
                ],
                "bLengthChange": false,
                "iDisplayLength": 100,
                "language": {
                    "url": "/js/datatables-{{ \App::getLocale() }}.json"
                }
            });
        });
    </script>
    
@endsection