@extends('web.layouts.layout')
@section('content')

    <main>

        <!-- Start pg_header -->
    @include('web.layouts.header')

            <!-- ---------- pg_contact_content ----------- -->
            <section class="pg_contact_content section_padding">
                <div class="container">
                    <div class="contact_form">
                        <div class="row gx-lg-5">
                            <div class="col-lg-6">
                                <form method="POST" action="{{$action}}" onsubmit="formAction(this)" class="form d-block">
                                    @CSRF
                                    <div class="form-group mb-4">
                                        <input type="text" name="name" class="form-control" placeholder="{{__('web.name')}}...">
                                    </div>
                                    <div class="form-group mb-4">
                                        <input type="email" name="email" class="form-control" placeholder="{{__('web.email')}}...">
                                    </div>
                                    <!--<div class="form-group mb-4">-->
                                    <!--    <input type="number" name="phone" class="form-control" placeholder="{{__('web.phone')}}...">-->
                                    <!--</div>-->
                                    <div class="form-group mb-4">
                                        <select name="subject_id" id="" class="form-select form-control">
                                            <option value=""> {{__('web.subject_id')}} </option>
                                            @foreach($subjects as $row)
                                                <option value="{{$row->id}}"> {{$row->name}} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group mb-4">
                                        <textarea name="message" rows="7" class="form-control" placeholder="{{__('web.message')}}..."></textarea>
                                    </div>
                                    <button type="submit" class="butn px-5"> <span> {{__('web.send')}} </span> </button>
                                </form>
                            </div>
                            <div class="col-lg-6">
                                <div class="map mt-4 mt-lg-0">
                                    <iframe src="{{$settings['map_link']}}" width="100%" height="448" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="contact_info">
                        <div class="row gx-0">
                            <div class="col-lg-4">
                                <div class="info_card">
                                    <div class="icon">
                                        <img src="{{url('')}}/assets/web/images/con1.svg" alt="">
                                    </div>
                                    <div class="inf">
                                        <h5> {{__('web.location')}} </h5>
                                        <p> {{$settings['site_address']}} </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="info_card">
                                    <div class="icon">
                                        <img src="{{url('')}}/assets/web/images/con2.svg" alt="">
                                    </div>
                                    <div class="inf">
                                        <h5> {{__('web.phone')}} </h5>
                                        <p> {{$settings['site_phone']}} </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="info_card">
                                    <div class="icon">
                                        <img src="{{url('')}}/assets/web/images/con3.svg" alt="">
                                    </div>
                                    <div class="inf">
                                        <h5> {{__('web.email')}} </h5>
                                        <p> {{$settings['site_email']}} </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


        </main>



@endsection
