@extends('layouts.front.app')
@section('meta')
	<title>Our Projects | Air Conditioner | {{ env('APP_NAME') }}</title>
	
	<meta property="og:locale"          content="en_US" />
    <meta property="og:url"             content="https://airpro.ph/" />
    <meta property="og:type"            content="website" />
    <meta property="og:title"           content="Air Prosystems Inc Air Conditioner" />
    <meta property="og:description"     content="Air Prosystems Inc. is a leading distributor and installer of all major air-conditioning products and equipment nationwide. Our services include Free Ocular Survey, Installation & Design Consultation, and Regular Service Maintenance Program." />
    <meta property="og:site_name"       content="airpro.ph" />
    <meta property="og:image"           content="https://airpro.ph/images/thumbnail.jpg" />

    <meta name="description" content="Air Prosystems Inc. is a leading distributor and installer of all major air-conditioning products and equipment nationwide. Our services include Free Ocular Survey, Installation & Design Consultation, and Regular Service Maintenance Program.">
    <meta name="keywords" content="@foreach(App\Models\Project::get() as $c_seo) {{ $c_seo->title }}, @endforeach @foreach(App\Models\Brand::get() as $c_seo) {{ $c_seo->title }} aircon, @endforeach inverter aircon, aircon price, aircon sale, aircon promo, air conditioning, aircon, aircon philippines, aircon installation, aircon repair, aircon cleaning, ac, cooling aircon, kinds of aircon, air, cold air, airpro, air prosystems inc">
    <meta name="author" content="Air Prosystems Inc">
@stop

@section('content')
	<div class="breadcrumbs overlay" style="background-image:url({{ asset('images/about.jpg')  }})">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="bread-inner">
						<!-- Bread Menu -->
						<div class="bread-menu">
							<ul>
								<li><a href="{{ url('/') }}">Home</a></li>
								<li><a href="{{ url('projects') }}">Projects</a></li>
							</ul>
						</div>
						<!-- Bread Title -->
						<div class="bread-title"><h2>Our Projects</h2></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<section class="blog-layout news-default section-space">
		<div class="container">
			<div class="row ">
				@foreach($projects as $project)
				<div class="col-lg-4 col-md-4 col-sm-6 col-12">
					<div class="single-news ">
						<a href="{{ url('projects/'.str_replace(' ', '_', $project->title)) }}">
							<div class="news-head overlay">
								<img src="{{ asset('uploads/projects/'.$project->display_image) }}" alt="#">
							</div>
						</a>
						<div class="news-body">
							<div class="news-content">
								<h3 class="news-title">
									{{ $project->title }}
								</h3>
								<a href="{{ url('projects/'.str_replace(' ', '_', $project->title)) }}" class="more">View Project <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
							</div>
						</div>
					</div>
				</div>
				@endforeach
			</div>
		</div>
	</section>
@stop
@section('js')
	<script type="text/javascript">
		
	</script>
@stop