@extends('frontpage.layout.default')

@section('content')

<div class="main" role="main">
    <div id="content" class="content full">

        <header class="page-header parallax parallax1" style="background-image:url(/gfx/header001a.jpg);">
            <section>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <h1>{{ $category->title ?? null }}</h1>
                            <h5>{!! $category->description ?? null !!}</h5>
                        </div>
                    </div>
                </div>
            </section>
        </header>

        <div class="container">
            <div class="row"> 
                <aside class="col-md-3 sidebar right-sidebar">
                    @include('frontpage.layout.sidebar')
                </aside>
                <div class="col-md-9">
                    
                    <article class="col-md-5" id="project-details">
                        <ul class="owl-carousel2 single-carousel2 owl-alt-controls2" data-columns="1" data-autoplay="yes" data-pagination="yes" data-arrows="no" data-single-item="yes">
                            <li class="item"> 
                            	@if(isset($gallery[0]->diskname))
                                <img src="/files/artikli_galerija/{{$nid}}/{{$id}}/thumb_{{$gallery[0]->diskname}}" alt="">
                                @endif
                            </li>
                        </ul>

                        <p>{!!$product->description!!}</p>

                        <br>

                    </article>
            
                    <article class="col-md-7" id="project-additional-info">
                        <h3>{{$product->title}}</h3>

                        @if($product->cena > 0)
                        <h3>Cena: {{number_format($product->cena, 2, ',', '.')}} &euro;</h3>
                        @endif
            
                        <table class="table table-bordered table-striped table-hover">
                            @if (!empty($attributes->gume))
                            <tr>
                                <td>Gume:</td>
                                <td class="text-right">{{$attributes->gume or null}}</td>
                            </tr>
                            @endif

                            @if (!empty($attributes->barva))
                            <tr>
                                <td>Barva:</td>
                                <td class="text-right">{{$attributes->barva or null}}</td>
                            </tr>
                            @endif
                            
                            @if (!empty($attributes->model))
                            <tr>
                                <td>Model:</td>
                                <td class="text-right">{{$attributes->model or null}}</td>
                            </tr>
                            @endif
                            
                            @if (!empty($attributes->poreklo))
                            <tr>
                                <td>Poreklo:</td>
                                <td class="text-right">{{$attributes->poreklo or null}}</td>
                            </tr>
                            @endif
                            
                            @if (!empty($attributes->notranjost))
                            <tr>
                                <td>Notranjost:</td>
                                <td class="text-right">{{$attributes->notranjost or null}}</td>
                            </tr>
                            @endif
                            
                            @if (!empty($attributes->dokumentacija))
                            <tr>
                                <td>Dokumentacija:</td>
                                <td class="text-right">{{$attributes->dokumentacija or null}}</td>
                            </tr>
                            @endif
                            
                            @if (!empty($attributes->stanje_vozila))
                            <tr>
                                <td>Stanje vozila:</td>
                                <td class="text-right">{{$attributes->stanje_vozila or null}}</td>
                            </tr>
                            @endif
                            
                            @if (!empty($attributes->letnik_izdelave))
                            <tr>
                                <td>Leto izdelave:</td>
                                <td class="text-right">{{$attributes->letnik_izdelave or null}}</td>
                            </tr>
                            @endif
                        </table>


                    </article>
            
                    <hr style="clear:both">
            
                    <div class="row">
                        @foreach ($gallery as $row)                        
                        <div class="col-md-4" style="margin-bottom:20px @if($loop->index % 3 == 0) ;clear:both; @endif ">
                            <a title="{{$product->title or null}}" data-rel="prettyPhoto[galname]" href="/files/artikli_galerija/{{$nid}}/{{$id}}/{{$row->diskname}}">
                                <img src="/files/artikli_galerija/{{$nid}}/{{$id}}/thumb_{{$row->diskname}}" alt=""> 
                            </a>
                            <br>
                        </div>
                        @endforeach
                    </div> <!-- end .row -->

                    <hr style="clear:both">
                    <br style="clear:both;">
                    
                </div> <!-- end .col-md-9 -->
            </div> <!-- end .row -->
        </div> <!-- end .container -->
    </div> <!-- end .content -->
</div> <!-- end .main -->
<br style="clear:both;">
<br><br>

@endsection