@extends('frontend.inner')

@section('sidebar')
    @include('frontend.includes.about-left', ['type' => 'infrastructure'])
@endsection

@section('page_title')
    Infrastructure – {{ Str::title(str_replace('-', ' ', $infra_info->slug)) }}
@endsection

@section('inner')
    {{-- Infrastructure Content --}}
    @if(!empty($infra_info->content))
        {!! $infra_info->content !!}
    @endif

    {{-- Photos --}}
    @if($photos->count() > 0)
        <h5>
            {{ Str::title(str_replace('-', ' ', $infra_info->slug)) }} – Photos
        </h5>

        <div class="row" style="font-size:14px; padding:15px;">
            @foreach($photos as $photo)
                <div style="float:left; width:315px; height:170px; padding:5px; border:1px solid #ddd; margin:5px;">
                    <figure class="image-box">
                        <a href="{{ asset('storage/' . $photo->image) }}" class="lightbox-image"
                            data-fancybox="gallery">

                            <img src="{{ asset('storage/' . $photo->image) }}" width="305" height="160"
                                alt="Infrastructure Image">
                        </a>
                    </figure>
                </div>
            @endforeach
        </div>
    @endif

    <div style="clear: both;"></div>
@endsection