@extends('upgrade.layouts.home')
@section('content')
<!-- start banner -->
<section class='banner'>
    <div class="uk-cover-container uk-height-medium overlay-gradeint">
        <img src="{{ asset('assets/img/pic01.png') }}" alt="" uk-cover>
        <div class="uk-position-right uk-flex uk-flex-middle heading">
            <div>
                <h1 class='mark'>{{ $PageTitle }} </h1>
                <p><a class="uk-text-muted" href="{{url('')}}">الرئيسية</a> - {{ $PageTitle }}</p>
            </div>
        </div>

    </div>
</section>
<!-- end banner -->
<!-- start about -->

<section class="uk-section">
    <div class="container">
        <div class="row x-padding-small">
            <div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-child-width-1-1 contact-row">
                <div class='item'>
                    <div class="box uk-card uk-card-default uk-card-body uk-position-relative center">
                        <i class='fas fa-map-marker-alt mark uk-icon-large'></i>
                        <div class='uk-text-lead bold'>عنوان الشركة</div>
                        <div>{{ Helper::GeneralSiteSettings("contact_t1_".app()->getLocale()) }}</div>
                    </div>
                </div>
                <div class='item'>
                    <div class="box uk-card uk-card-default uk-card-body uk-position-relative center">
                        <i class='fas fa-phone mark uk-icon-large'></i>
                        <div class='uk-text-lead bold'>الدعم الفني</div>
                        <div>{{ Helper::GeneralSiteSettings("contact_t3") }}</div>
                    </div>
                </div>
                <div class='item'>
                    <div class="box uk-card uk-card-default uk-card-body uk-position-relative center">
                        <i class='fas fa-envelope mark uk-icon-large'></i>
                        <div class='uk-text-lead bold'>الأيميل</div>
                        <div>{{ Helper::GeneralSiteSettings("contact_t6") }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class='uk-section'>
    <div class="container">
        <header class='center'>
            <h2 class='x-margin-small'>
                <div class='x-margin-small-bottom'><i class='fas fa-comment-alt mark'></i></div>
                قي اي وقت تواصل معنا
            </h2>
        </header>
        <form  action="{{ route('message.post') }}" method="POST" class='form-c'>
            <div class="uk-grid uk-grid-large uk-child-width-1-2@m uk-child-width-1-1 uk-margin-medium-bottom">
                <div>
                    <div class='uk-margin'>
                        <input class="uk-input" type="text" name="name" required minlength="3" placeholder="الأسم">
                        @error('name')
                        {{  $message }}
                        @enderror
                    </div>
                    <div class='uk-margin'>
                        <input class="uk-input" type="text" name="phone" required minlength="10" maxlength="15" placeholder="رقم الهاتف">
                        @error('phone')
                        {{  $message }}
                        @enderror
                    </div>
                    <div class='uk-margin'>
                        <input  class="uk-input" type="email" name="email" required minlength="7" placeholder="الأيميل">
                        @error('email')
                        {{  $message }}
                        @enderror
                    </div>
                </div>
                <div>
                    <div>
                        <textarea class="uk-textarea" required minlength="3" rows="5" name="notes"  placeholder="اترك رسالتك هنا ..."></textarea>
                        @error('notes')
                        {{  $message }}
                        @enderror
                    </div>
                    <div class="uk-margin">
                        <button class="btn-fill">ارسال تعليق</button>
                    </div>
                </div>
            </div>


        </form>
    </div>
</section>

<section class="uk-margin-medium-top">
    <iframe style='width:100%;height:500px;' src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d463876.9397116346!2d47.10271572574278!3d24.725555345171905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f03890d489399%3A0xba974d1c98e79fd5!2z2KfZhNix2YrYp9i2IDExNTY02Iwg2KfZhNiz2LnZiNiv2YrYqQ!5e0!3m2!1sar!2seg!4v1607027994080!5m2!1sar!2seg" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</section>
<!-- end about -->
<!-- start -->
@endsection