@extends('ar.layouts.layout')
@section('content')
<!-- start page title area-->
<div class="page-title-area ptb-100">
    <div class="container">
        <div class="page-title-content">
            <h1>{{ \App\Models\Links::where('id', 7)->first()->name_ar }}</h1>
            <ul>
                <li class="item"><a href="{{route('home')}}">{{ \App\Models\Links::where('id', 1)->first()->name_ar }}</a></li>
                <li class="item active"><span></span>{{ \App\Models\Links::where('id', 7)->first()->name_ar }}</li>
            </ul>
        </div>
    </div>
    <div class="bg-image">
        <img src="{{ asset(\App\Models\Images::where('id', 9)->first()->picture) }}" alt="Demo Image">
    </div>
</div>
<!-- end page title area -->

<!-- start contact section -->
<section id="contact" class="contact-section contact-single pt-100 pb-70">
    <div class="container">
        {!! \App\Models\Settings::where('id', 30)->first()->value_ar !!}
        <div class="row align-items-center">
            <div class="col-lg-6 " >
                <iframe src="{!! \App\Models\Settings::where('id', 31)->first()->value_ar !!}" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
            <div class="col-lg-6 mb-30">
                <form id="contactForm">
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" id="name" required="" data-error="Enter your name" placeholder="Your Name" />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" id="email" required="" data-error="Enter your email" placeholder="Email Address" />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="phone_number" class="form-control" id="phone_number" required="" data-error="Enter your number" placeholder="Phone Number" />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="msg_subject" class="form-control" id="msg_subject" required="" data-error="Enter your subject" placeholder="Subject" />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <div class="form-group">
                                <textarea name="message" id="message" class="form-control" cols="30" rows="8" required="" data-error="Please enter your message" placeholder="Your Message..."></textarea>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <button type="submit" class="primary-btn">submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- end contact section -->
@endsection