@extends('adminlte::page')

@section('title_postfix', ' - Svi članci')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3>Svi članci <a href="{{ route('post.create') }}" class="btn btn-primary">Dodaj članak</a></h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="main_table" class="display responsive  table" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>R.br.</th>
                    <th>Naslov</th>
                    <th>URL</th>
                    <th style="width: 150px;">Kategorija</th>
                    <th style="width: 180px;"></th>
                </tr>
                </thead>
                <tbody>
                                @foreach($tableModel as $item)
                    <tr class="root_page">
                        <td class="post-position" data-id="{{ $item->id }}">{{ $count }}</td>
                        <td>{{ $item->title }}</td>
                        <td><a href="/hr/{{ $item->slug }}">{{ $item->slug }}</a></td>
                        <td>
                            @foreach($item->categories as $category)
                                {{ $category->title }}<br>
                            @endforeach
                        </td>
                        <td class="datatable-controls">
                            <a href="{{ route('post.edit', $item->id) }}" class="root_page"><i class="fa fa-edit"></i></a>
                            {{ Form::open(['route' => ['post.destroy', $item->id], 'method' => 'delete', 'class'=>'table-controls-button']) }}
                            <button type="submit" class="strip-button" onclick="return confirm('@lang('common.confirm')')"><i class="fa fa-remove"></i></button>
                            {{ Form::close() }}
                        </td>
                    </tr>
                                    @endforeach

                </tbody>

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

@stop

@section('js')
    <script src="//cdn.datatables.net/v/bs/dt-1.10.18/datatables.min.js"></script>
    <script>
        $(document).ready(function() {

            var table = $('#main_table').DataTable({
                responsive: true,
                "language": {
                    "url": "/vendor/datatables/lang/croatian.json"
                },
                "order": [[ 0, 'asc' ]]
            });

            var body = $('body');

        })
    </script>
@stop