@extends('frontend.layouts.app')

@section('title')
    Photo Gallery
@stop

@section('content')
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px; height: 180px;">
  <h1 class="text-center text-white mt-5" style="font-weight: bold;">GALLERY</h1>
</div>

  <div class="container my-5">
    <div class="row">
      <div class="col-lg-12">
        <div class="row">
          @foreach ($photos as $photo)
          <div class="col-lg-6 my-4">
            <div class="card">
              <div class="card-body">
                <h3 class="text-center">{{ $photo->name }}</h3>
                <img class="img-fluid" src="/uploads/photos/{{ $photo->img_path }}" alt="image-{{ $photo->id }}" style="width: 100%;" />
              </div>
            </div>
          </div>
          @endforeach

        </div>
      </div>
      {{-- <div class="col-lg-4 mt-4">
        <h2 class="text-center">Categories</h2>
      </div> --}}

    </div>
  </div>
@stop