@extends('frontend.layouts.master')
@section('content')

<div class="section mt-0">
    <div class="breadcrumbs-wrap">
        <div class="container">
            <div class="breadcrumbs">
                <a href="{{ url('/') }}">Home</a>
                <span>{{$page_name}}</span>
            </div>
            <h2>{{$page_name}}</h2>
        </div>
    </div>
</div>

            <div class="campus-information-area pt-70 pb-70 mt-6">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="privacy-content pr-20 mr-20">
                                <iframe src="{!! $location_map->location !!}" width="100%" height="260" style="border:0;"
                                    allowfullscreen="" loading="lazy"></iframe>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contacts-form " style="margin-left: 50px;">
                                <h3>Leave a message</h3>
                                {!! Form::open([
                                    'contact-form-submission' => 'form',
                                    'url' => 'contact-form-submission',
                                    'files' => true,
                                    'class' => 'contact_form wrap-form pt-15 clearfix',
                                ]) !!}
                                <div class="row">
                                    <div class="col-lg-6 col-sm-6">
                                        <div class="form-group">
                                            <label>Your name</label>
                                            <input type="text" name="name" id="name" class="form-control" required
                                                data-error="Please enter your name">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6">
                                        <div class="form-group">
                                            <label>Your email</label>
                                            <input type="email" name="email" id="email" class="form-control" required
                                                data-error="Please enter your email">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6">
                                        <div class="form-group">
                                            <label>Your phone</label>
                                            <input type="text" name="phone" id="phone" required
                                                data-error="Please enter your number" class="form-control">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6">
                                        <div class="form-group">
                                            <label>Subject</label>
                                            <input type="text" name="subject" id="subject" class="form-control" required
                                                data-error="Please enter your subject">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label>Your message</label>
                                            <textarea name="message" class="form-control" id="message" cols="30" rows="8" required
                                                data-error="Write your message"></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12">
                                        <button type="submit" class="btn btn-success">Send Message
                                        </button>
                                        <div id="msgSubmit" class="h3 text-center hidden"></div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="contact-us-area pt-100 pb-70 mb-6">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="contact-and-address">
                                <div class="contact-and-address-content">
                                    <div class="row">
                                        <!-- Contact Section -->
                                        <div class="col-lg-4 col-md-6">
                                            <div class="contact-card">
                                                <div class="icon">
                                                    <i class="ri-map-pin-line"></i>
                                                </div>
                                                <h4>Meet With Us</h4>
                                                @foreach ($cnt_msg as $cnt_ms1)
                                                    <p>{{ $cnt_ms1->text }}</p>
                                                @endforeach
                                            </div>
                                        </div>
            
                                        <!-- Meet With Us Section -->
                                        <div class="col-lg-4 col-md-6">
                                            <div class="contact-card">
                                                <div class="contact-card-header">
                                                    <div class="icon">
                                                        <i class="ri-phone-line"></i>
                                                    </div>
                                                    <h4>Contact</h4>
                                                </div>
                                                <div class="contact-card-body">
                                                    <p>Email: <a href="mailto:{{ url("$quick_contact->email") }}">{{ $quick_contact->email }}</a></p>
                                                    <p>Email: <a href="mailto:{{ url("$quick_contact->support") }}">{{ $quick_contact->support }}</a></p>
                                                    @foreach ($cnt_msg as $cnt_ms)
                                                    <p>Mobile: <a href="tel:{{ $cnt_ms->phone }}">{{ $cnt_ms->phone }}</a></p>
                                                    @endforeach
                                                </div>
                                            </div>
                                            
                                        </div>
            
                                        <!-- Social Media Section -->
                                        <div class="col-lg-4 col-md-12">
                                            <div class="contact-card">
                                                <div class="icon">
                                                    <i class="ri-share-line"></i>
                                                </div>
                                                <h4>Our Address</h4>
                                                <p><i class="icon-placeholder2"></i>{!! $location_address->address !!}</p>
                                                <ul class="social-media">
                                                    @foreach ($socialicon as $socialicon_value)
                                                        <li>
                                                            <a href="{{ strpos($socialicon_value->url, 'http') === false ? 'http://' . $socialicon_value->url : $socialicon_value->url }}"
                                                                target="_blank">
                                                                <i class="fa fa-{{ strtolower($socialicon_value->name) }}"></i>
                                                            </a>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            

<style>
    .contact-card {
    background-color: #e7e3e3;
    border-radius: 0px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 350px;
    margin: 20px auto;
}

.contact-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.contact-card-header h4 {
    font-weight: 600;
    color: #333;
}

.contact-card-body {
    font-size: 14px;
    color: #555;
}

.contact-card-body p {
    margin: 10px 0;
}

.contact-card-body a {
    color: #007BFF;
    text-decoration: none;
}

.contact-card-body a:hover {
    text-decoration: underline;
}

</style>
@endsection