@extends('Frontend.layout.main')


@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">

<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />
@endsection

@section('content')

@include('Frontend.inc.banners')
<section class="keepfirst">
	<div class="container"> 
	<div class="row">
	<ul class="aboutul">

    <li> 
        <a href="{{url('/')}}"> HOME</a> </li> /

         <li><a href="{{url('/design-studio')}}"> DESIGN STUDIO </a></li>/

	     <li style=" text-transform: uppercase;" ><a href="{{url('/design-studio/projects/'.$category->slug)}}"> {{$category->title}}</a></li> /

          <li style=" text-transform: uppercase;"> {{$project->title}}</li>

	</ul>
	</div>
	</div>
</section>
<section>
	<div class="container">
	<div class="row">
   <div class="col-md-12 col-lg-12">
     <h1 class="mb-4">{{$project->title}} Images</h1>
	    <div class="row">
	
	   <div class="clearfix"></div>
       @foreach ($images as $image)
	    <div class="col-md-4 col-lg-4">
                <div class="product-grid imagew">
                    <div class="product-image">
                        <a target="_blank" href="{{ url('/storage/designs/images/'.$image->filename) }}" class="image">
                            <img class="pic-1" src="{{ url('/storage/designs/images/'.$image->filename) }}" alt="add-image">
                            <img class="pic-2" src="{{ url('/storage/designs/images/'.$image->filename) }}" alt="add-image">
                        </a>
                    
                    
                    </div>
                {{-- 
                    <div class="product-content">
                        <h3 class="title"><a href="#">{{$image->title}}</a></h3>
                        <div class="price">
                        <small>
                        {{strip_tags($image->description)}}
                        </small>
                        
                        </div>
                    </div> 
                 --}} 
                </div>
        </div>

        @endforeach
		 
		
        </div>
    </div>

</div>
</div>
</section>
<div class="clearfix"></div>


@endsection