@extends('frontend.layouts.master')

@section('content')
@if(session('success'))
<script>
    Swal.fire({
  title: "Success!",
  text: "Your Contact form has been submitted.",
  icon: "success"
});
</script>

@endif

<div class="banner goberdhan-campus-banner ">
    <section class="banner-sec">
        <img src="{{asset('frontend/images/hero1.jpg')}}" class="img-fluid" alt="">
        <div class="container">
            <nav aria-label="breadcrumb" class="page-menu">
                <h2>Contact</h2>
                <ul class="breadcrumb">
                     <li><a href="{{'frontend.home'}}">Home</a></li>
                    <li>Contact</li>
                </ul>
            </nav>
        </div>
    </section>
</div>

<div class="contact goberdhan-campus-contact">
    <div class="container">
        <section class="contact-sec">

            <div class="entry-content">
                <div class="row g-5">
                    <div class="col-lg-6">
                        <div class="map goberdhan-campus-map position-relative ">
                            <div class="map-img">
                                <iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d57021.272363870994!2d86.88588984049693!3d26.717892669976138!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ef1e4e7e1e7cef%3A0x4f62c88702f7c778!2sSaptakoshi!5e0!3m2!1sen!2snp!4v1712814743906!5m2!1sen!2snp"
                                    width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                                    referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="section-intro">
                            <div class="section-title">
                                <h3 class="small-title">Direct Communication</h3>
                                <h2>Connect with Us</h2>
                            </div>
                        </div>

                        <div class="content">
                            <h4>Where are we?</h4>
                            <p>
                            <i class="fa-solid fa-location-dot"></i>   {{@$setting->address}} </p>
                            <hr>
                            <h4>Contact Us</h4>
                            <p><i class="fa fa-phone"></i> {{@$setting->phone_no}} </p>
                            <p><i class="fa fa-envelope"></i> <a href="mailto:goberdhan-campus@gmail.com">{{@$setting->contact_email}}</a></p>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    </section>
</div>

<div class="contact-form">
    <div class="container">
        <section class="cf-sec pt-0">
            <div class="entry-content form-content">
                <div class="section-intro">
                    <div class="section-title">
                        <h3 class="small-title">Enquiry Form</h3>
                        <h2>Contact Our Office</h2>
                    </div>
                </div>
               <form action="
                {{ route('frontend.contactstore') }}
                " method="post" >
                    @csrf
                        <div class="form-group">
                            <input id="fullname" type="text" name="fullname" placeholder="Full Name " value="{{old('fullname')}}" required="">
                    
                    </div>
                    <div class="form-group">
                        <input id="email" type="email" name="email" placeholder="Email Address" value="{{old('email')}}" required="">
               
                    </div>
                    <div class="form-group">
                        <input id="subject" type="text" name="subject" placeholder="Subject " value="{{old('subject')}}" required="">
                    </div>
                    <div class="form-group">
                        <textarea name="message" id="message" rows="3" placeholder="Message" required>{{old('message')}}</textarea>
                    </div>
                    <button type="submit">Submit</button>
            </div>
        </section>
    </div>
</div>

@endsection