@extends('website.layout.main')

@section('meta_title')
    @lang('front.contact')
@endsection
@section('content')






 <!-- Page Title -->
        <div class="page-title-area" style="background-image: url({{render_image_path(get_banners('Post')?->image)}})">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="title-content">
                            <h2>
    @lang('front.contact')

                            </h2>
                            {{-- <ul>
                                <li>
                                    <a href="index.html">
                                        @lang('front.home')
                                    </a>
                                </li>
                                <li>
                                    <span>{{render_post_title($post)}}</span>
                                </li>
                            </ul> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title -->

        <div class="contact-info-area pt-100 pb-70">
            <div class="container">
                <div class="row justify-content-center">

                    <div class="col-sm-6 col-lg-4">
                        <div class="contact-info-item">

                            <i class="bx bx-location-plus"></i>
                            <h3>
                                @lang('lable.location')
                            </h3>
                            <p>
                                <a href="#">
                                    {{company()->location1}}
                                </a>
                            </p>
                             <p>
                                <a href="#">
                                    {{company()->location2}}
                                </a>
                            </p>
                        </div>
                    </div>

                    <div class="col-sm-6 col-lg-4">
                        <div class="contact-info-item">

                            <i class="bx bx-phone-call"></i>
                            <h3>

                                @lang('lable.phone')
                            </h3>
                            <ul>
                                <li>
                                    <a href="tel:{{company()->phone1}}">
                                        {{company()->phone1}}
                                    </a>
                                </li>
                                <li>
                                    <a href="tel:{{company()->phone2}}">
                                        {{company()->phone2}}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-sm-6 col-lg-4">
                        <div class="contact-info-item">

                            <i class="bx bx-mail-send"></i>
                            <h3>
                                @lang('lable.email')
                            </h3>
                            <ul>
                                <li>
                                    <a href="mailto:{{company()->email1}}">
                                        {{company()->email1}}
                                    </a>
                                </li>
                                <li>
                                     <a href="mailto:{{company()->email2}}">
                                        {{company()->email2}}
                                    </a>

                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>


    <div>
        </div>

     <div class="container py-5">

        <div class="row justify-center items-center ">
        <div class="col-md-8 mx-auto">

    @foreach ($errors->all() as $error)
        <p class="text-danger">{{ $error }}</p>
    @endforeach

    <form  action="{{ render_route('contact.store') }}" method="POST">
        @csrf

        <h2 class="mb-4">@lang('front.contact')</h2>

        <div class="row g-3">
            <div class="col-lg-6">
                <input type="text" name="first_name" class="form-control" placeholder="@lang('lable.name')" required>
            </div>

            <div class="col-lg-6">
                <input type="email" name="email" class="form-control" placeholder="@lang('lable.email')" required>
            </div>

            <div class="col-lg-6">
                <input type="text" name="phone" class="form-control" placeholder="@lang('lable.phone')" required>
            </div>

            <div class="col-lg-6">
                <input type="text" name="subject" class="form-control" placeholder="@lang('front.subject')" required>
            </div>

            <div class="col-lg-12">
                <textarea name="message" class="form-control" rows="6" placeholder="@lang('front.message')" required></textarea>
            </div>

            <div class="col-lg-12">
                <button type="submit" class="btn btn-primary">
                    @lang('front.send_message')
                </button>
            </div>
        </div>
    </form>
        </div>
    </div>
</div>



        <div class="map-area">
            <div class="container-fluid p-0">

                {{-- Iframe --}}
            </div>
        </div>

    @endsection
