@extends('layouts.frontend.master')
@section('title') {{ $menu->transtitle }} @endsection
@section('keyword') {{ $menu->transkeywords }} @endsection
@section('description') {{ $menu->transdescription  }} @endsection
@section('content')
    @include('frontend.includes.breadcrumbs',['title'=> $menu->transtitle])
    <!-- contact single area start -->
    <div class="rts-contact-area-page rts-section-gap">
        <div class="container">
            <div class="row g-5">
                <!-- single contact area -->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="single-contact-one-inner sal-animate" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="content">
                            <div class="icone">
                                <img src="{{ asset('frontend/images/contact/shape/01.svg') }}" alt="">
                            </div>
                            <div class="info">
                                <span>@lang('frontend.phone')</span>
                                <a href="tel:{!! settings('phone')  !!}">
                                    <h5>{!! settings('phone')  !!}</h5>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single contact area end -->
                <!-- single contact area -->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="single-contact-one-inner sal-animate" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                        <div class="content">
                            <div class="icone">
                                <img src="{{ asset('frontend/images/contact/shape/02.svg') }}" alt="">
                            </div>
                            <div class="info">
                                <span>@lang('frontend.email')</span>
                                <a href="mailto:{!! settings('email')  !!}">
                                    <h5>{!! settings('email')  !!}</h5>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single contact area end -->
                <!-- single contact area -->
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="single-contact-one-inner sal-animate" data-sal-delay="350" data-sal="slide-up" data-sal-duration="800">
                        <div class="content">
                            <div class="icone">
                                <img src="{{ asset('frontend/images/contact/shape/03.svg') }}" alt="">
                            </div>
                            <div class="info">
                                <span>@lang('frontend.location')</span>
                                <a href="#">
                                    <h5>{!! settings('location')  !!}</h5>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- single contact area end -->
            </div>
        </div>
    </div>
    <!-- conact single area end -->

    <!-- axela map area start -->
    <div class="rts-contact-map-area">
        <div class="contaciner-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="contact-map-area-fluid">
                        <iframe class="contact-map" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d14602.288851207937!2d90.47855065!3d23.798243149999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1663151706353!5m2!1sen!2sbd" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        <img class="location" src="{{ asset('frontend/images/contact/shape/location.svg') }}" alt="Business_map">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- axela map area end -->
    <!-- conact us form fluid start -->
    <div class="rts-contact-form-area">
        <div class="container">

            <div class="rts-contact-fluid rts-section-gap">
                <div class="row mb--30">
                    <div class="col-12">
                        <div class="title-area text-center">
                            <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800"
                                  class="sal-animate">@lang('frontend.get_in_touch')</span>
                            <h3 class="title animated fadeIn sal-animate" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">@lang('frontend.needs_help')
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="form-wrapper">
                    <div id="form-messages"></div>
                    <form id="contact-form" action="{{ route('frontend.contact.send') }}" method="post">
                        <div class="name-email">
                            <input type="text" name="name" type="text" value="{{ old('name') ?? '' }}" placeholder="@lang('frontend.name')" required>
                            <input type="email" name="email" type="email" value="{{ old('email') ?? '' }}" placeholder="@lang('frontend.email')" required>
                        </div>
                        <input type="text" name="subject" type="text" value="{{ old('subject') ?? '' }}" placeholder="@lang('frontend.subject')">
                        <textarea name="message" placeholder="@lang('frontend.message')">{{ old('message') ?? '' }}</textarea>
                        <button type="submit" class="rts-btn btn-primary">@lang('frontend.send_message')</button>
                    </form>
                </div>
            </div>
        </div>

    </div>
    <!-- conact us form fluid end -->
@endsection