@extends('components.master')
@section('admin')
    <div class="breadcumb-wrapper background-image"
        style="background-image: url(&quot;assets/img/bg/breadcumb-bg.jpg&quot;);">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Contact Us</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </div>


    {{-- contact Us --}}
    <div class="space">
        <div class="container">
            <div class="title-area text-center"><span class="sub-title">Get In Touch</span>
                <h2 class="sec-title">Our Contact Information</h2>
            </div>
            @foreach ($contact as $show)
            <div class="row gy-4 justify-content-center">
                <div class="col-xl-4 col-lg-6">
                    <div class="about-contact-grid style2">
                        <div class="about-contact-icon"><img src="assets/img/icon/location-dot2.svg" alt=""></div>
                        <div class="about-contact-details">
                            <h6 class="box-title">Our Address</h6>
                            <p class="about-contact-details-text">{{ $show->address}}</p>
                            {{-- <p class="about-contact-details-text">Road, New York, Canada</p> --}}
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6">
                    <div class="about-contact-grid">
                        <div class="about-contact-icon"><img src="assets/img/icon/call.svg" alt=""></div>
                        <div class="about-contact-details">
                            <h6 class="box-title">Phone Number</h6>
                            <p class="about-contact-details-text"><a href="tel:{{ $show->phone}}">{{ $show->phone}}</a></p>
                            <p class="about-contact-details-text"><a href="tel:{{ $show->phone_1}}">{{ $show->phone_1}}</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6">
                    <div class="about-contact-grid">
                        <div class="about-contact-icon"><img src="assets/img/icon/mail.svg" alt=""></div>
                        <div class="about-contact-details">
                            <h6 class="box-title">Email Address</h6>
                            <p class="about-contact-details-text"><a
                                    href="mailto:{{ $show->email}}">{{ $show->email}}</a></p>
                            <p class="about-contact-details-text"><a
                                    href="mailto:{{ $show->email_1}}">{{ $show->email_1}}</a></p>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>

    <div class="space-extra2-top space-extra2-bottom background-image"
        style="background-image: url(&quot;assets/img/bg/video_bg_1.jpg&quot;);">
        <div class="container">
            <div class="row flex-row-reverse justify-content-center align-items-center">
                <div class="col-lg-6">
                    <div class="video-box1"><a href="https://www.youtube.com/watch?v=cQfIUPw72Dk"
                            class="play-btn style2 popup-video"><i class="fa-sharp fa-solid fa-play"></i></a></div>
                </div>
                <div class="col-lg-6">
                    <form action="{{ route('contact.send') }}" method="POST" class="contact-form2">
                        <div>
                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif
                    
                            @if (session('error'))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif
                        </div>
                    
                        @csrf
                        <div class="row">
                            <div class="form-group col-12">
                                <input type="text" class="form-control" name="name" placeholder="First Name" value="{{ old('name') }}">
                                @error('name')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                    
                            <div class="form-group col-md-6">
                                <input type="email" class="form-control" name="email" placeholder="Your Mail" value="{{ old('email') }}">
                                @error('email')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                    
                            <div class="form-group col-md-6">
                                <input type="text" class="form-control" name="phone" placeholder="Your Phone" value="{{ old('phone') }}">
                                @error('phone')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                    
                            <div class="form-group col-12">
                                <select name="subject" class="form-select nice-select">
                                    <option value="" disabled selected>Select Tour Type</option>
                                    <option value="immigration" {{ old('subject') == 'immigration' ? 'selected' : '' }}>Immigration</option>
                                    <option value="travel" {{ old('subject') == 'travel' ? 'selected' : '' }}>Travel & Tours</option>
                                    <option value="realestate" {{ old('subject') == 'realestate' ? 'selected' : '' }}>Real Estate</option>
                                </select>
                                @error('subject')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                    
                            <div class="form-group col-12">
                                <textarea name="message" class="form-control" placeholder="Your Message" rows="3">{{ old('message') }}</textarea>
                                @error('message')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    
                        <div class="form-btn-wrapp">
                            <div class="form-btn">
                                <button type="submit" class="th-btn white-btn">Send Message <img src="assets/img/icon/plane3.svg" alt=""></button>
                            </div>
                            <div class="contact-info">
                                <p class="contact-info_link"><a href="tel:+92 3452729101">+92 3452729101</a></p>
                                <div class="contact-info_icon"><a href="#"><img src="assets/img/icon/call.svg" alt=""></a></div>
                            </div>
                        </div>
                    </form>
                    
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="">
        <div class="container-fluid">
            <div class="contact-map style2">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d933.077926492528!2d73.12433656698039!3d33.55047129063418!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfed04d81818a1%3A0xf8765e09999d0c70!2sH42F%2B5V8%2C%20Civic%20Center%20Bahria%20Town%20Civic%20Center%20Bahria%20Town%2C%20Rawalpindi%2C%20Islamabad%2C%20Punjab%2C%20Pakistan!5e0!3m2!1sen!2s!4v1739252526440!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                {{-- <div class="contact-icon">
                    <img src="assets/img/icon/location-dot3.svg" alt="">
                </div> --}}
            </div>
        </div>
    </div>


    {{-- contact Us --}}
@endsection