{{ HTML::style('../css/vendor/bootstrap.css') }}
{{ HTML::style('../css/core/screen.css') }}
{{ HTML::style('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css') }}
{{ HTML::script('../js/vendor/jquery.min.js') }}

{{ HTML::script('../js/vendor/jquery.noty.packaged.min.js') }}
{{ HTML::script('../js/vendor/jquery.numeric.js') }}
{{ HTML::script('../js/core/noty.cityhub.theme.js') }}
{{ HTML::script('../js/core/core.js') }}
{{ HTML::script('../js/vendor/jquery.mCustomScrollbar.js') }}
{{ HTML::script('../https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js')}}
{{ HTML::script('../js/core/bootstrap-select.js') }}

<script>
    var token = '{{ csrf_token() }}', currentTree, previous, back_text = '{{ Lang::get('tree.button.back_parent_category') }}';
</script>

<div class="categories-header">
  <div class="header-overlay">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="categories-logo">

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

<div class="container" style="padding-top: 30px;">
  <div class="row">
    <div class="col-xs-12 breadcrumbs">
        <ol class="breadcrumb" id="breadcrumbsWeb">
            <li><a onclick="rootCategories()"> {{ Lang::get('core.menu_home') }} </a></li>
        </ol>
    </div>
  </div>
</div>

<div class="container" style="padding-top: 30px;">
  <div class="row">
    <div class="col-xs-6">
    <div id="backToParentWrapper"></div>
      <div id="rootCategories">
          @foreach($rootCategories as $root)
              <div  class="row">
                  <div class="col-xs-12">
                      @if($root->category_tree != '')
                          <div class="tree-display-cell" style="border-bottom-color: {{$root->background_color}};" onclick="getChild({{$root->id}})">
                              <img src="/uploads/core/trees/{{$root->image}}" alt="">
                              <p style="color: {{$root->text_color}}; background-color: {{$root->background_color}};">{{$root->title}}</p>
                          </div>
                      @else<!-- Nema djecu -->
                          @if($root->posts == 1)<a href="#" id="" onclick="getPosts({{$root->id}})" >@endif <!-- Ima postove -->
                              <div class="tree-display-cell" style="border-bottom-color: {{$root->background_color}};">
                                  <img src="/uploads/core/trees/{{$root->image}}" alt="">
                                  <p style="color: {{$root->text_color}}; background-color: {{$root->background_color}};">{{$root->title}}</p>
                              </div>
                              @if($root->posts == 1)</a>@endif
                      @endif
                  </div>
              </div>
      @endforeach
        <!-- Here goes tree list -->
      </div>
        <div id="children" hidden></div>
    </div>
    <div class="col-xs-6 " id="postsWeb">
        <!-- List of posts -->
    </div>
  </div>
</div>

@if (isset($js_footer_files) && is_array($js_footer_files))
    @foreach ($js_footer_files as $js_file)
        {{ HTML::script($js_file) }}
    @endforeach
@endif
{{ HTML::script('../js/vendor/bootstrap.min.js') }}
<script type="text/javascript">


</script>