@extends('master.front')

@section('title')
 {{'Location'}}
@endsection


@section('meta')
<meta name="tile" content="Location">
<meta name="keywords" content="Location">


@endsection


@section('content')

    <div class="">
        <div class="container-fluid container60">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb py-3">
                    <li class="breadcrumb-item"><a href="#">{{__('หน้าหลัก')}}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{__('ข้อมูลบริษัท')}}</li>
                </ol>
            </nav>

        



        <!-- Element  -->
        <div class="row">
                <div class="col-12 py-4">
                    <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                        <i class="material-symbols-outlined me-3 md-32">pin_drop</i>{{__('ที่ตั้งสาขา')}}
                    </h2>
                </div>
            </div>

            <!-- Content  -->
            <div class="row g-4 pb-5">

            <!-- location  -->
            

            @foreach(@$data as $d)
            <div class="col-sm-6">
                    <div class="card card-body rounded-10 cardContact" style="border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem !;">
                        <div class="row gx-4">
                            <div class="col-sm-6 mb-3 mb-sm-0">
                                    <iframe
                                    class="rounded-10 w-100 h-100" style="border:0;" allowfullscreen="" loading="lazy"
                                    referrerpolicy="no-referrer-when-downgrade"
                                    src="https://www.google.com/maps?q={{$d->latitude}} ,{{$d->longitude}}&hl=th&z=17&output=embed">
                                    </iframe> 
                            </div>
                            <div class="col-sm-6">
                                <h4 class="fw-semibold" style="margin-bottom: 5px">{{__($d->title)}}</h4>
                                <hr>
                                <h6 class="fw-semibold mt-2"><i class="fas fa-map-marker-alt text-blue1"></i> {{__('ที่อยู่')}}</h6>
                                <p>{!! $d->address !!}</p>
                                <h6 class="fw-semibold"><i class="fas fa-phone text-blue1"></i> {{__('เบอร์โทรศัพท์')}}</h6>
                                <p class="text-gray1"><a href="tel:027072222" class="link-blue1">
                                    @foreach(explode(' ',$d->tel) as $tel)
                                    {{__($tel)}} <br>
                                    @endforeach
                                </a></p>
                                <h6 class="fw-semibold"><i class="fas fa-fax text-blue1"></i> {{__('เบอร์โทรสาร')}}</h6>
                                <p class="text-gray1"><a href="tel:027072257" class="link-blue1">
                                @foreach(explode(' ',$d->tel2) as $fax)
                                    {{__($fax)}} <br>
                                    @endforeach
                                </a></p>
                                <h6 class="fw-semibold"><i class="fas fa-envelope text-blue1"></i> {{__('อีเมล์ฝ่ายขาย')}}</h6>
                                <p class="text-gray1"><a href="mailto:sales@hardwarehouse.co.th"
                                        class="link-blue1">{{__($d->email)}}</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach



            <!-- End location  -->
            </div>


            <!-- End Content  -->
    </div>
        <!-- End Element  -->
        </div>
 
    @endsection