@extends('frontend.layouts.master')
@section('content')

<div class="page-content mb-6">
    <!--section-->
    <div class="section mt-0">
        <div class="breadcrumbs-wrap">
            <div class="container">
                <div class="breadcrumbs">
                    <a href="{{ url('/') }}">Home</a>
                    <span>{{$page_name}}</span>
                </div>
            </div>
        </div>
    </div>
    <!--//section-->
    <!--section-->
    <div class="section page-content-first">
        <div class="container">
            <div class="text-center mb-2 mb-md-3 mb-lg-4">
                <div class="h-sub theme-color">Find Us On Map</div>
                <div class="h-decor"></div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div id="map" style="height: 400px; margin-bottom: 30px; border: 1px solid #ddd; overflow: hidden; border-radius: 10px;">
                        <iframe 
                            src="{{ $location_map->location }}" 
                            frameborder="0" 
                            width="100%" 
                            height="400px" 
                            style="border:0; overflow:hidden;" 
                            allowfullscreen
                            loading="lazy">
                        </iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection