@extends('layout')

@section('content_title')
    Letöltések listája
@endsection

@section('top_button')
    @canany(['admin', 'soft_admin'])
    <a class="btn btn-labeled btn-outline-primary" href="{{ route('downloads.create') }}"><span class="btn-label btn-label-spaced"><i class="fa fa-plus"></i>Új rögzítés</span></a>
    @endcan
@endsection

@section('content')
    <table class="table table-striped datatable-basic">
        <thead>
        <tr>
            <th>Név</th>
            <th>Állomány neve</th>
            <th>Állomány méret</th>
            @canany(['admin', 'soft_admin'])
            <th>Engedélyezett</th>
            @endcan
            <th width="60" class="text-center">&nbsp;</th>
        </tr>
        </thead>
    </table>
@endsection

@push('scripts')
    <script>
        $(function() {
            function formatBytes(bytes, decimals = 2) {
                if (bytes === 0) return '0 Bytes';

                const k = 1024;
                const dm = decimals < 0 ? 0 : decimals;
                const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];

                const i = Math.floor(Math.log(bytes) / Math.log(k));

                return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
            }

            $('.datatable-basic').DataTable({
                orderCellsTop: true,
                fixedHeader: true,
                language: {
                    url: '/js/datatable_hu.json'
                },
                pageLength: 30,
                dom: '<"datatable-scroll"t><"datatable-footer"ip>',
                processing: true,
                serverSide: true,
                stateSave: true,
                ajax: {
                    url: '{{ route('downloads.data') }}',
                    type: 'POST'
                },
                columns: [
                    {data: 'name', name: 'name'},
                    {data: 'file_name', name: 'file_name'},
                    {
                        data: 'size', name: 'size', sortable: false, render: function (data, type, row) {
                            return formatBytes(data);
                        }
                    },
                        @canany(['admin', 'soft_admin'])
                    {
                        data: 'enabled', name: 'enabled', render: function (data, type, row) {
                            return data ? 'igen' : 'nem';
                        }
                    },
                    @endcan
                    {data: 'actions', searchable: false, sortable: false, className: 'text-center nowrap'}
                ],
                order: [[0, 'asc']]
            });
        });
    </script>
@endpush