@extends('site.master')

@section('title', $category->translation->meta_title)
@section('meta_description', $category->translation->meta_description)

@section('content')
    <section class="content">
        <div class="grid-row category-header">
            <div class="grid-col left">
                <span class="{{$category->code_name}}"></span>
                <h1>{{$category->translation->name}}</h1>
            </div>
            <div class="grid-col right">
                {!! $category->translation->description  !!}
            </div>
        </div>
        <div class="grid-row category-contents">
            @foreach($subcategories as $key=>$subcategory)
                <div class="grid-col catItem">
                    <a href="{{$category->translation->slug}}/{{$subcategory->translation->slug}}">
                        <h4>{{$subcategory->translation->name}}</h4>
                        <div class="imgHolder" style="
                        @if(count($subcategory->images) > 0)
                                background-image: url('{{$subcategory->images[0]->medium_image_url}}');
                        @else
                                background-color: #eeeeee;
                        @endif
                                ">
                            <span class="yellow-block-overlay"></span>
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </section>
@endsection