@extends('front.layout.master')
@section('content')

    <main class="main-content">
        <div class="locations">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="city-selection-wrap nears">
                                <div class="city-head">
                                    <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image'))) }}" alt="location" />
                                    <h4>{{ __('front.nearby_branches') }}</h4> <!-- Translated text here -->
                                </div>
                                <div class="locations-list">
                                    <ul>
                                        @foreach($branches as $branch)
                                            <li>
                                                <div class="top">
                                                    <div class="img">
                                                        <img src="{{ $branch['image_path'] != null ? $branch['image_path']  : asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image'))) }}" alt="Branch Image" class="branch-image" />
                                                    </div>
                                                    <div class="info">
                                                        <h4>{{ $branch['name'] }}</h4>
                                                        <p>
                                                            {{ $branch['address'] }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="bottom">
                                                    <a href="tel:965{{ $branch['phone'] }}" class="btn">
                                                        {{ __('front.phone') }}{{ $branch['phone'] }} <!-- Translated phone text -->
                                                        <img src="{{asset('front/images/phone.svg')}}" alt="phone" />
                                                    </a>
                                                    <a href="{{ $branch['location'] }}" class="btn outline">
                                                        {{ __('front.branch_location') }} <!-- Translated location text -->
                                                        <img
                                                                src="{{asset('front/images/location-pin.svg')}}"
                                                                alt="location-pin"
                                                        />
                                                    </a>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>


@endsection