@extends('frontend.layout.master')
@section('content')
    <div class="container py-5 my-5">
        <h1 class="pb-5 fs-1 fw-bold">{{__('translation.contactus')}}</h1>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-12">
                <form action="{{route('web.contact.submit')}}" method="POST" class="row g-3" style="background-color: #f0f0f0; padding: 20px;">
                    @csrf()
                    <div class="col-md-6">
                        <label class="form-label">{{__('translation.name1')}}</label>
                        <input name="name" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.entername')}}" value="{{ old('name') }}">
                        @error('name')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">{{__('translation.email')}}</label>
                        <input name="email" type="email" class="form-control py-3 fs-5" placeholder="{{__('translation.entermail')}}" value="{{ old('email') }}">
                        @error('email')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-12 py-2">
                        <label class="form-label">{{__('translation.subject')}}</label>
                        <input name="subject" type="text" class="form-control py-3 fs-5" placeholder="{{__('translation.entersubject')}}" value="{{ old('subject') }}">
                        @error('subject')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-12">
                        <label class="form-label">{{__('translation.entermessage')}}</label>
                        <textarea name="message" class="form-control fs-5" rows="10">{{ old('message') }}</textarea>
                        @error('message')
                            <p class="text-danger">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-dark p-3 w-25 fs-5">{{__('translation.send')}}</button>
                    </div>
                </form>
            </div>
            <div class="col-lg-6 col-md-6 col-12">
                <div class="row  p-3 mb-3">
                    <div class="col-md-4 col-lg-4">
                        <p class="pb-3 fs-5"><i class='fas fa-envelope'>&nbsp</i>  {{__('translation.salesandgeneralinquiries')}}</p>
                        <p class="pb-3 fs-5"><i class='fas fa-envelope'>&nbsp</i>  {{__('translation.support')}}</p>
                        <p class="fs-5"><i class="fa fa-phone">&nbsp</i> {{__('translation.office')}}</p>
                    </div>
                    <div class="col-md-8 col-lg-8">
                        <p class="pb-3 fs-5"><a href="mailto:info.me@eizo.com">  info.me@eizo.com</a></p>
                        <p class="pb-3 fs-5"><a href="mailto:support.me@eizo.com">  support.me@eizo.com</a></p>
                        <p class="fs-5"><a href="tel:966 11 247 5788"> +966 11 247 5788</a></p>
                    </div>
                </div>
                <div class="iframe_ar">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3622.1593845869556!2d46.73924491500155!3d24.789995284087286!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xeeda7370eca4b4ab!2zRUlaTyBTYXVkaSBBcmFiaWEg2KXZitiy2Ygg2KfZhNiz2LnZiNiv2YrYqQ!5e0!3m2!1sen!2ssa!4v1532823145639" width="100%" height="380" frameborder="0" style="border:0" allowfullscreen=""></iframe>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('custom-css')
@endpush
@push('custom-script')
@endpush