@extends('admin.layout')

@section('head_css')
    @parent

    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"/>
@endsection

@section('admin_content')
    <div class="panel panel-default">
        <div class="panel-heading no-bg panel-settings">
            <h3 class="panel-title">
                {{ trans('admin.beers.title') }}
            </h3>
        </div>

        <div class="panel-body">


            <table id="beers-datatable" class="table table-bordered">
                <thead>
                <tr>
                    <th>{{ trans('beers.name') }}</th>
                    <th>{{ trans('beers.submission_date')}}</th>
                    <th>{{ trans('beers.brewery_name') }}</th>
                    <th>{{ trans('common.actions') }}</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>@endsection

@section('bottom_js')
    @parent

    <script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

    <script>
        var BEERS_DATA_URL = '{{ route('admin.beers.get_datatable_data') }}';
        var DATATABLE_TRANSLATIONS = '{{ asset('js/datatables/i18n/' . LaravelLocalization::getCurrentLocale() . '.json') }}';
    </script>

    <script type="text/javascript" src="{{ asset('js/datatables/beers.js') }}"></script>
@endsection