@section('title', 'Lyallpur Girls Cadet College Faisalabad | Contact Us')
@section('description', 'Get in touch with Lyallpur Girls Cadet College Faisalabad. Find contact details, location, phone numbers, and email for admissions and general inquiries')
@section('keywords',  'LGCC contact number Girls cadet college contact details Lyallpur Girls Cadet College Faisalabad Contact Information How to contact Lyallpur Girls Cadet College Faisalabad')
@section('tags', 'LGCC contact number, Girls cadet college contact details, Lyallpur Girls Cadet College Faisalabad Contact Information, How to contact Lyallpur Girls Cadet College Faisalabad')

@extends('front.layouts.app')
@section('content')
    <div class="admission-banner">
        <div class="admission-banner-img">
            <img src="{{ asset('front/img/contact.png') }}" alt="Academic year">
        </div>
        <div class="admission-banner-text w-100">
            <h2 class="text-white">Contact </h2>
        </div>
    </div>
    <div class="contact-us">
        <div class="inner-content my-3">
            <h2 class="mt-4">Drop us a message...</h2>
            @if (Session::has('success'))
                <div class="alert alert-success">{{ Session::get('success') }}</div>
            @endif
            <form action="{{ route('save-contact') }}" method="post">
                @csrf
                <div class="contact-page mt-4 text-center">
                    <input class="mt-4" name="name" type="text" placeholder="Full Name *">
                    @error('name')
                    <span class="text-danger">{{$message}}</span>
                    @enderror
                    <input class="mt-4" name="email" type="text" placeholder="Your Email *">
                    @error('email')
                    <span class="text-danger">{{$message}}</span>
                    @enderror
                    <textarea name="message" name="message" placeholder="Your Message *" style="height:200px" class="mt-4"></textarea>
                    @error('message')
                    <span class="text-danger">{{$message}}</span>
                    @enderror
                </div>
                <div class="submit-message mt-4">
                    <input class="px-5 py-4 text-white" type="submit" value="Send Message">
                </div>
            </form>
        </div>

        <div class="contact-us">
            <div class="row  mt-5">
                <div class="col-lg-6">
                    <h2 class="mt-4">Find Us on Google:</h2>
                    <p>MON-SAT 09:00 AM - 05:00 PM</p>
                    <h2 class="mt-4">Find Us on Google:</h2>
                    <p class="text-black"><a class="text-dark" href="mailto:info@lgcc.edu.pk">info@lgcc.edu.pk</a></p>
                </div>

                <div class="col-lg-6">
                    <h2 class="mt-4">Find Us on Cell: </h2>
                    <p>041-5477771-2 </p>
                    <p>03301980735 </p>
                    <h2 class="mt-4">Address:</h2>
                    <p>Lyallpur Girls Cadet College, </p>
                    <p class="mt-0">University Town Gate No.2,</p>
                    <p class="mt-0">Sargodha Road, Faisalabad. </p>
                </div>

            </div>


        </div>
    </div>

    <div class="row">
        <div class="col-lg-12 d-flex justify-content-center my-4">
            <div class="social-icons-contact">
                <h2>Social Media:</h2>
                <ul class="nav ms-md-5 ms-0">
                    <li class="nav-item"><a href="https://www.facebook.com/LGCCofficial" class="nav-link"><i
                                class="fab fa-facebook-f"></i></a></li>
                    <li class="nav-item"><a href="https://twitter.com/LGCCofficial" class="nav-link"><i
                                class="fab fa-twitter"></i></a></li>
                    <li class="nav-item"><a href="https://www.instagram.com/LGCCofficial/" class="nav-link"><i
                                class="fab fa-instagram"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
@endsection