@extends('layouts.app')
@section('title', __("Contact Us"))
@section('content')
    <div class="breadcrumb-area pt-5 pb-5 mb-5">
        <div class="container">
            <div class="breadcrumb-content text-center">
                <h2>{{__('Contact Us')}}</h2>
                <ul>
                    <li><a href="{{ route('home') }}">{{__("Home")}}</a></li>
                    <li>{{__('Contact Us')}}</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container pb-5 mb-5">
        <div class="row">
            <div class="col-lg-8">
                <div class="col-lg-12">
                    <div class="contact-message">

                        <div class="contact-title">
                            <h4>{{__("Contact Information")}}</h4>
                            @include('partials.frontend.flash')
                        </div>

                        <form action="{{ route('contact.store') }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="contact-input-style mb-30">
                                        <input type="text" name="name" value="{{ old('name') }}" placeholder="{{__("What's your name?")}}">
                                        @error('name')<span class="text-danger">{{ $message }}</span>@enderror
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="contact-input-style mb-30">
                                        <input type="email" name="email" value="{{ old('email') }}" placeholder="{{__("Your Email Adsress")}}">
                                        @error('email')<span class="text-danger">{{ $message }}</span>@enderror
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="contact-input-style mb-30">
                                        <input type="text" name="title" value="{{ old('title') }}" placeholder="{{__("Subject")}}">
                                        @error('title')<span class="text-danger">{{ $message }}</span>@enderror
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="contact-textarea-style mb-30">
                                        <textarea name="message" placeholder="{{__("What can we help you with?")}}">{{ old('message') }}</textarea>
                                        @error('message')<span class="text-danger">{{ $message }}</span>@enderror
                                    </div>
                                    <button class="submit contact-btn btn-default btn-block">
                                        {{__(" Send")}}
                                        <i class="far fa-envelope"></i>
                                    </button>
                                </div>
                            </div>
                        </form>

                        <p class="form-messege"></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="contact-info-wrapper">
                    <div class="contact-title">
                        <h4>{{__("Location & Details")}}</h4>
                    </div>
                    <div class="contact-info">
                        <div class="single-contact-info">
                            <div class="contact-info-icon">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div class="contact-info-text">
                                <p>
                                    <span>{{__("Address")}} : </span>
                                    <ul style="list-style: circle">
                                        <li> {!! getSettingsOf('address') !!} </li>
                                        <li> {!! getSettingsOf('address2') !!} </li>
                                     </ul>
                                </p>
                            </div>
                        </div>
                        <div class="single-contact-info">
                            <div class="contact-info-icon">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="contact-info-text">
                                <p><span>{{__("Email")}} : </span> {!! getSettingsOf('site_email') !!}</p>
                            </div>
                        </div>
                        <div class="single-contact-info">
                            <div class="contact-info-icon">
                                <i class="fas fa-phone"></i>
                            </div>
                            <div class="contact-info-text">
                                <p><span> {{__("Phone")}}: </span> {!! getSettingsOf('phone_number') !!}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection