@extends('layouts.app') 

@section('title',trans('seo.title'))
@section('description',trans('seo.description'))
@section('image',asset('img/share.jpg'))
@section('keywords',trans('seo.keywords'))
@section('linkage','https://saphareli.ge')
@section('url','https://saphareli.ge')

@section('content')


<div class="video-saphareli">
  <div class="overlay"></div>
  <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
    <source src="{{ asset('img/saphareli.mp4') }}" type="video/mp4">
  </video>
  <div class="container h-100">
    <div class="d-flex h-100 text-center align-items-center">
      <div class="w-100 text-white">
       
      </div>
    </div>
  </div>
</div>


@if($about->main_image)
	<div class="basic-process-area ptb-40 area-since">
		<div class="container-fluid">
			<div class="area-title-since">
				<h3>{{($about->{$attributes->tt('main_title')})}}</h3>
			</div>			
			<div class="row">
				<div class="col-sm-9 col-md-9 col-lg-9 col-xl-9 p-0">
					<img  src="{{ asset('img/about/'.$about->main_image) }}" alt="{{($about->{$attributes->tt('main_title')})}}">		
				</div>
			</div>
		</div>
	</div>
@endif



@if(count($production)>0)
	<div class="basic-portfolio-area ptb-40 ">
		<div class="container">
			<div class="area-title area-title-text text-center">
				<h3>@lang('title.Our Products')</h3>
				<p>{{($about->{$attributes->tt('production_title')})}}</p>
			</div>			
			<div class="row">
				@foreach($production as $value)
					<div class="col-md-4">
						<div class="portfolio-item">
							<div class="portfolio-wrapper">
								<div class="portfolio-thumb">
									@if($attributes->image($value->app_id))
										<a href="/production/{{$value->id}}">
                          <img src="{{ asset('img/product/thum/'.$attributes->image($value->app_id)->image) }}" alt="{{($value->{$attributes->tt('title')})}}" >   
                      </a>
                    @endif
                    <!--
											<div class="view-icon">
												<a class="popup-link"  href="{{ asset('img/product/'.$attributes->image($value->app_id)->image) }}"><span class="icon-focus"></span></a>
											</div>
										-->
								</div>
								<div class="portfolio-caption caption-border text-center">
									<h4><a  href="/production/{{$value->id}}">{{($value->{$attributes->tt('title')})}}</a></h4>
								</div>
							</div>
						</div>
					</div>
				@endforeach   
			</div>
			<div class="view-more mt-0 text-center">
				<a class="btn btn-large" href="/production">@lang('title.View All')</a>
			</div>			
		</div>
	</div>
@endif


@if(count($projects)>0)
	<div class="basic-portfolio-area ptb-40">
		<div class="container">
			<div class="area-title area-title-text text-center">
				<h3>@lang('title.Our Projects')</h3>
				<p>{{($about->{$attributes->tt('projects_title')})}}</p>
			</div>			
			<div class="row">

				@foreach($projects as $value)
					<div class="col-md-4">
						<div class="portfolio-item">
							<div class="portfolio-wrapper">
								<div class="portfolio-thumb">
									@if($attributes->image($value->app_id))
										<a  href="/projects/{{$value->id}}">
                          <img src="{{ asset('img/projects/thum/'.$attributes->image($value->app_id)->image) }}" alt="{{($value->{$attributes->tt('title')})}}" >   
                      </a>
                    @endif		
                    <!--
										<div class="view-icon">
											<a class="popup-link"  href="{{ asset('img/projects/'.$attributes->image($value->app_id)->image) }}"><span class="icon-focus"></span></a>
										</div>
									-->
								</div>
								<div class="portfolio-caption caption-border text-center">
									<h4><a  href="/projects/{{$value->id}}">{{($value->{$attributes->tt('title')})}}</a></h4>
								</div>
							</div>
						</div>
					</div>
				@endforeach   
				
			</div>
			<div class="view-more mt-20 text-center">
				<a class="btn btn-large" href="/projects">@lang('title.View All')</a>
			</div>			
		</div>
	</div>
@endif



@if(isset($about->main_notices_image_up) && isset($about->main_notices_image_down))
	<div class="basic-portfolio-area ptb-40">
		<div class="container row-position">


			<div class="row">
				<div class="col-md-6 offset-md-3 col-float-right">
					<img  src="{{ asset('img/about/'.$about->main_notices_image_up) }}" alt="{{($about->{$attributes->tt('main_notices_title')})}}">		
				</div>
			</div>


			<div class="row">
				<div class="col-md-6 col-top">
					<img  src="{{ asset('img/about/'.$about->main_notices_image_down) }}" alt="{{($about->{$attributes->tt('main_notices_title')})}}">		
				</div>
			</div>


			<div class="row">
				<div class="col-md-6 offset-md-3 col-float-right">
						<h2 class="text-left-notices">BE NOTICED </h2> 
						<h2 class="text-right-notices">BE REMEMBERED</h2>
						<p>{{($about->{$attributes->tt('main_notices_title')})}}</p>
				</div>
			</div>
			

		</div>
	</div>
@endif


@if(count($news)>0)
	<div class="basic-blo-area gray-bg ptb-40">
		<div class="container">
			<div class="area-title text-center">
				<h3>@lang('title.News')</h3>
			</div>
			<div class="row">

				@foreach($news as $value)
					<div class="col-sm-6 col-md-4 blog-item">
						<article class="post">
							<a class="details-btn2"href="/news/{{$value->id}}">
								<div class="post-thumbnail">
										@if($attributes->image($value->app_id))
		                    <img src="{{ asset('img/news/'.$attributes->image($value->app_id)->image) }}" alt="{{($value->{$attributes->tt('title')})}}" >   
		                @endif
								</div>
							</a>
							<div class="post-header">
								<h3 class="post-title"><a href="/news/{{$value->id}}">{{($value->{$attributes->tt('title')})}}</a></h2>
							</div>
						</article>
					</div>
				@endforeach 
				
			</div>
			<div class="view-more mt-20 text-center">
				<a class="btn btn-large" href="/news">@lang('title.View All')</a>
			</div>
		</div>
	</div>
@endif


@endsection