@extends('layout1')
@section('title')
    <title>{{ $seoSetting->seo_title }}</title>
@endsection
@section('meta')
    <meta name="description" content="{{ $seoSetting->seo_description }}">
@endsection

@section('frontend-content')
    <!--===BREADCRUMB PART START====-->
    <section class="wsus__breadcrumb" style="background: url({{ $setting->breadcrumb_image ? asset($setting->breadcrumb_image) : '' }});">
        <div class="wsus_bread_overlay">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center">
                        <h4>{{ __('Our Agent') }}</h4>
                        <nav style="--bs-breadcrumb-divider: '-';" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{ __('Our Agent') }}</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--===BREADCRUMB PART END====-->


<!--=========AGENT START============-->
<section class="wsus__agents mt_45 mb_20">
  <div class="container">
    <div class="row">
        <div class="col-12">
            <form class="agent_top" action="{{ route('agents') }}">
                <select name="location" id="" class="form-control select_2">
                    <option value="">{{ __('Select Location') }}</option>
                    @foreach ($cities as $city)
                    @if (request()->has('location'))
                    <option {{ request()->get('location') == $city->slug ? 'selected' : '' }} value="{{ $city->slug }}">{{ $city->title }}</option>
                    @else
                    <option value="{{ $city->slug }}">{{ $city->title }}</option>
                    @endif
                    @endforeach
                </select>
                <button class="common_btn2">{{ __('Search') }}</button>
            </form>
        </div>
    </div>

    <div class="row">
        @if ($agents->count() > 0)
            @foreach ($agents as $agent)
                <div class="col-xl-3 col-sm-6 col-lg-4">
                    <div class="wsus__single_team">
                    <a href="{{ route('agent.show',['user_type' => '2','user_name'=>$agent->user_name]) }}" class="wsus__single_team_img">
                        <img src="{{ $agent->image ? asset($agent->image) : asset($setting->default_avatar) }}" alt="team images" class="imf-fluid w-100" loading="lazy">
                    </a>
                    <a href="{{ route('agent.show',['user_type' => '2','user_name'=>$agent->user_name]) }}" class="title">{{ $agent->name }}</a>
                    <p><i class="fal fa-location-circle"></i> {{ $agent->address }}</p>
                    <ul class="agent_link">
                        @if ($agent->icon_one && $agent->link_one)
                        <li><a href="{{ $agent->link_one }}"><i class="{{ $agent->icon_one }}"></i></a></li>
                        @endif

                        @if ($agent->icon_two && $agent->link_two)
                        <li><a href="{{ $agent->link_two }}"><i class="{{ $agent->icon_two }}"></i></a></li>
                        @endif

                        @if ($agent->icon_three && $agent->link_three)
                        <li><a href="{{ $agent->link_three }}"><i class="{{ $agent->icon_three }}"></i></a></li>
                        @endif

                        @if ($agent->icon_four && $agent->link_four)
                        <li><a href="{{ $agent->link_four }}"><i class="{{ $agent->icon_four }}"></i></a></li>
                        @endif
                    </ul>
                    </div>
                </div>
            @endforeach

            <div class="col-12 mt_25">
                {{ $agents->links('custom_paginator') }}
            </div>
        @else
            <div class="col-12 text-center text-danger mt-5">
                <h4>{{ __('Agent Not Found!') }}</h4>
            </div>
        @endif
    </div>
  </div>
</section>
<!--=========AGENT END==========-->
@endsection