@extends('templates.backend')

@section('page-title', isset($page_title) ? $page_title : 'View Category')

@section('breadcrumbs')
    {!! App\Helpers\Breadcrumbs::generate([
        'Categories'    => ['backend.categories.index'],
        $category->name => null,
    ]); !!}
@stop

@section('content')

    {!! link_to_route('backend.categories.edit.get', 'Edit Category', [$category->id], ['class' => 'btn btn-warning']) !!}
    {!! link_to_route('backend.categories.destroy', 'Delete Category', [$category->id], ['class' => 'btn btn-danger']) !!}
    <br />
    <br />

    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#category">Category</a></li>
        {{--<li><a data-toggle="tab" href="#image">Image</a></li>--}}
        <li><a data-toggle="tab" href="#icon">Icon</a></li>
        <li><a data-toggle="tab" href="#markers">Markers</a></li>
    </ul>

    <div class="tab-content">
        <div id="category" class="tab-pane fade in active">
            @include('backend.categories._partials.snapshot')
        </div>
        <div id="markers" class="tab-pane fade">
            @include('backend.markers._partials.table', ['markers' => $category->markers, 'hidden_columns' => ['Category'=>1]])
        </div>
        {{--<div id="image" class="tab-pane fade">--}}
            {{--@if($image_url = $category->getImageUrl('image'))--}}
                {{--{!! link_to_route('backend.categories.delete_image', 'Delete Image', [$category->id], ['class' => 'btn btn-danger']) !!}--}}
                {{--<br />--}}
                {{--<br />--}}
                {{--<img src="{{ $image_url }}" />--}}
            {{--@else--}}
                {{--None--}}
            {{--@endif--}}
        {{--</div>--}}
        <div id="icon" class="tab-pane fade">
            @if($icon_url = $category->getIconImageUrl())
                {!! link_to_route('backend.categories.delete_icon', 'Delete Icon', [$category->id], ['class' => 'btn btn-danger']) !!}
                <br />
                <br />
                <img src="{{ $icon_url }}" />
            @else
                None
            @endif
        </div>
    </div>
@stop