@extends('main.en.master')
@section('head')
    <link rel="stylesheet" type="text/css" href="{{URL::asset('main')}}/fa/css/component.css"/>
    {{--<link rel="stylesheet" type="text/css" href="{{URL::asset('main')}}/fa/css/style.css"/>--}}
@endsection
@section('seo')
        <!-- This site is optimized with theSEO plugin  -->
<title>
    {{$website}}
    |
    {{$seo->seo_title}}

</title>
@endsection
@section('content')
<section class="section banner" style="background-image:url('{{ URL::asset('main') }}/fa/img/bg_pic.jpg');background-size: 100% 100%;

        background-repeat:no-repeat;" data-img-width="1170" data-img-height="220" data-diff="100">
</section>
<div class="page-title grey">
    <div class="container ltr">
        <div class="title-area pull-left">
            <h2>Gallery</h2>
            <div class="bread pull-right">
                <ol class="breadcrumb">
                    <li><a href="{{ URL::asset('/en') }}">Home</a></li>
                    <li class="active">gallery</li>

                </ol>
            </div>
        </div>
    </div>
</div>
<section class="section">
    <div class="general-title text-center">
        <h4 class="wow fadeInUp">The Lastest pictures</h4>
        <hr></div>
    <div class="text-center clearfix">
        <nav class="portfolio-filter ltr">
            <ul >
                <li><a class="active" href="#" data-filter="*"> <i class="fa fa-filter "></i> All</a></li>
                @foreach($gallerycat as $gl)
                    <li><a href="#" data-filter=".{{ $gl->cat_id }}">
                            {{ $gl->cat_view }}
                        </a></li>
                @endforeach
            </ul>
        </nav>
    </div>
    <div class="container gallery-bottom " >
        <div id="fourcol"  class=" portfolio">
            @foreach($galleries as $g)
                <div class="grid cs-style-3 pitem entry item-w1 item-h1 {{ $g->cat_id }}">
                    <figure>
                        <img class="gallery-img " src="{{ URL::asset('/local/public/images') }}/{{ $g->file_name }}" alt="img04">
                        <figcaption>
                            <h4>
                                {{ $g->title }}
                            </h4>

                            <a data-rel="prettyPhoto" href="{{ URL::asset('/local/public/images') }}/{{ $g->file_name }}" class="st" rel="bookmark">Magnefice</a>
                        </figcaption>
                    </figure>
                </div>
            @endforeach
        </div>
    </div>
</section>

@endsection