@extends('layoutAdmin')

@section('content1')
    @include('errors.list')
    <!-- /.row-fluid -->
    <!-- .row-fluid -->
        <div class="row-fluid">
        <!-- .span12 -->
        <div class="span12">
            <div class="box">
                <header>
                    <div class="icons"><i class="icon-edit"></i></div>
                    <h5>Kategorije Proizvoda</h5>
                    <div class="toolbar">
                        <a href="{{ URL ('/admin/add_category') }}" value="Dodaj" class="btn btn-primary">Dodaj kategoriju</a>
                        <a href="#actionTable" data-toggle="collapse" class="accordion-toggle minimize-box">
                            <i class="icon-chevron-up"></i>
                        </a>
                    </div>
                </header>
                <div id="actionTable" class="body collapse in">
                    <table class="table table-bordered responsive">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Naziv kategorije</th>
                                <th>Parent kategorije</th>
                                <th>Opis</th>
                                <th>Akcije</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($categories as $key => $cat)
                            <tr style="{{ (!$cat->parent) ? 'background-color: orange' : '' }}">
                                <td>{{ $key + 1 }}</td>
                                <td>{{ $cat->name }}</td>
                                <td>{{ (!$cat->parent) ? "Glavna" : $catsid[intval($cat->parent)] }}</td>
                                <td>{{ $cat->description }}</td>
                                <td>
                                    <a class="btn edit" href="{{ url('admin/' . $cat->id . '/edit_category') }}"><i class="icon-edit"></i></a>
                                    <button class="btn btn-danger remove" data-toggle="confirmation"><i class="icon-remove"></i></button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- /.span12 -->
    </div>
    <!-- /.row-fluid -->

    <!-- .row-fluid -->
                      
@endsection