@extends('frontend.layouts.master')
@section('title') Agents @endsection
@section('main-content')

<div id="banner-area">
    <img src="{{ asset('frontend/images/banner/banner1.jpg') }}" alt ="" />
    <div class="parallax-overlay"></div>
        <!-- Subpage title start -->
        <div class="banner-title-content">
            <div class="text-center">
                <h2>Our Agents</h2>
                <ul class="breadcrumb">
                    <li><a href="{{route('home')}}">Home</a></li>
                    <li><a href="{{route('product')}}">Products</a></li>
                    <li>Our Agents</li>
                  </ul>
              </div>
          </div><!-- Subpage title end -->
</div><!-- Banner area end -->

<!-- Main container start -->

<section id="main-container">
    <div class="container">
        <div class="row">
            @if($agents)
				@foreach($agents as $agent)
                    <div class="col-md-6 col-sm-6">
                        <div class="team team-list-square wow slideInLeft">
                            <div class="img-square">
                                @php
                                    $photo=explode(',',$agent->photo);
                                @endphp
                                <img src="{{ Storage::url($agent->photo) }}" alt="">
                            </div>
                            <div class="team-content">
                                <h3>{{$agent->name}}</h3>
                                <p>{{$agent->location}}</p>
                                <p>{{$agent->phone}}</p>
                                <p>{{$agent->email}}</p>
                            </div>
                        </div>	
                    </div><!--/ Team 1 end -->
                @endforeach
            @endif
        </div><!--/ Content row end -->

    </div><!--/ container end -->

</section><!--/ Main container end -->

@endsection