@extends('layout/base')

@section('content')

<section class="contact-page py-4">
    <div class="container">
        <h1 class="main-heading">
            {{ __('messages.contact_us') }}
            <div class="accent"></div>
        </h1>

        {{-- form --}}
        <div class="row">
            <div class="col-lg-8 contact-container">
                <div class="contact-form px-lg-5 px-4 py-4">
                    <form action="{{ route('contact-submit') }}" method="post">

                        @csrf

                        <div class="form-row row">
                            <div class="form-group col-lg-6 mb-4">
                                <input type="text" name="name" class="form-control" placeholder="{{ __('messages.name') }}" required>
                            </div>
                            <div class="form-group col-lg-6 mb-4">
                                <input type="text" name="phone" class="form-control" placeholder="{{ __('messages.phone') }}" required>
                            </div>
                        </div>
                        <div class="form-row row">
                            <div class="form-group col-lg-6 mb-4">
                                <input type="email" name="email" class="form-control" placeholder="{{ __('messages.email') }}" required>
                            </div>
                            <div class="form-group col-lg-6 mb-4">
                                <input type="text" name="company_name" class="form-control" placeholder="{{ __('messages.company_name') }}">
                            </div>
                        </div>
                        <div class="form-row mb-4">
                            <div class="form-group col-12">
                                <textarea name="message" class="form-control" rows="3" placeholder="{{ __('messages.message') }}"></textarea>
                            </div>
                        </div>
                        <div class="form-row">
                            <button name="submit" type="submit" class="btn btn-primary btn-hero px-5">{{ __('messages.submit') }}</button>
                        </div>
                    </form>

                    @if(session()->has('message'))
                        <div class="alert alert-success mt-5">
                            {{ session()->get('message') }}
                        </div>
                    @endif

                </div>
            </div>
            <div class="col-lg-4 bg-warning contact-side">
                <h4 class="mb-4 mt-5">{{ $websetting['company_name'] }}</h4>
                <ul class="contacts">
                    <li><i class="icon fab fa-whatsapp"></i> {{ $websetting['contact_whatsapp'] }}</li>
                    <li><i class="icon fas fa-phone-alt"></i> {{ $websetting['contact_phone'] }}</li>
                    <li><i class="icon icon-envelope far fa-envelope"></i> {!! nl2br( $websetting['contact_mail']) !!}</li>
                    <li><i class="icon icon-map fas fa-map-marker-alt"></i> {!! nl2br($websetting['company_address']) !!}</li>
                </ul>
            </div>

        </div>

        {{-- maps --}}
        <div class="row contact-maps mt-5 mb-5">
            <div class="col-lg-3 bg-primary p-5">
                <h1>{{ __('messages.explore_map') }}</h1>
            </div>
            <div class="col-lg-9 p-0">
                <div class="maps-container">
                    <iframe src="{{ $websetting['gmap_embed_url'] }}" width="100%" height="430" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </div>
</section>


@endsection