@extends('adminlte::page')

@section('title_postfix', ' - Primka')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3>Primka - {{ $tableModel->id }}</h3>
            <h4>{{ $tableModel->created_at->format('d.m.Y. H:i') }} <br/>{{ $tableModel->user->name }}</h4>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="main_table" class="display responsive nowrap" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Mobitel</th>
                    <th>Maskica</th>
                    <th>Količina</th>
                </tr>
                </thead>
                <tbody>
                @foreach($tableModel->items as $item)
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>{{ $item->cover->device->name }}</td>
                        <td>{{ $item->cover->name }}</td>
                        <td>{{ $item->qty }}</td>
                    </tr>
                @endforeach

                </tbody>

            </table>
        </div>
    </div>

@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('#main_table').dataTable( {
                responsive: true,
                columnDefs: [
                    { targets: 'no-sort', orderable: false },
                ],
                order: [[ 0, "asc" ]],
                displayLength: 25,
            } )
        })
    </script>
@stop