@extends('layouts.front.app')
@section('meta')
	<title>Aircon in {{ $branch->title }} | Air Prosystems Inc</title>

    <meta property="og:locale"          content="en_US" />
    <meta property="og:url"             content="https://airpro.ph/branches/{{ str_replace(' ', '_', $branch->title) }}" />
    <meta property="og:type"            content="website" />
    <meta property="og:title"           content="Airpro  {{ $branch->title }}" />
    <meta property="og:description"     content="Air Prosystems Inc has already have 7 branches nationwide, one of them is in  {{ $branch->title }}" />
    <meta property="og:site_name"       content="airpro.ph" />
    <meta property="og:image"           content="{{ asset('images/'.$branch->image) }}" />

    <meta name="description" content="Air Prosystems Inc has already have 7 branches nationwide, one of them is in {{ $branch->title }}">
    <meta name="keywords" content="Air Prosystems Inc Davao City, Air Prosystems Inc CDO City, Air Prosystems Inc Cagayan De Oro City, Air Prosystems Inc Cebu, Air Prosystems Inc Bacolod, Air Prosystems Inc Gensan City, Air Prosystems Inc General Santos City, Air Prosystems Inc Pasig City, Air Prosystems Inc Manila, Air Prosystems Inc Mindanao, Air Prosystems Inc Visayas, Air Prosystems Inc Luzon, Air Prosystems Inc Philippines, airpro, air prosystems inc">
    <meta name="author" content="Air Prosystems Inc">
@stop
@section('content')
	<div class="breadcrumbs overlay" style="background-image:url({{ asset('images/branch.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('branches') }}">Store Branches</a></li>
							</ul>
						</div>
						<!-- Bread Title -->
						<div class="bread-title"><h2>{{ $branch->title }}</h2></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<section class="services section-bg section-space">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-12">
					<div class="section-title default text-center">
						<div class="section-top">
							<h1><span><i class="fas fa-store pr-1"></i>Store Branch</span></h1>
						</div>
					</div>
				</div>
				
			</div>
			<div class="row">
				<div class="col-xl-12">
					<div class="single-service card">
						<div class="row"> 
						    @if($branch->image)
							<div class="service-head col-xl-5">
								<img src="{{ asset('uploads/branch/'.$branch->image) }}" alt="#">
							</div>
							@endif
							<div class="col-xl-7">
								<div class="service-content">
									<h4><a href="https://www.google.com/maps" target="_blank">{{ $branch->title }}</a></h4>
									<div>
										{!! $branch->description !!}
									</div>
								</div>
							</div>
							@if($branch->map)
							<div class="col-xl-12 branch_map">
								{!! $branch->map !!}
							</div>
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	
@stop