@extends('frontend.layouts.app')
@section('content')
@include('frontend.partials.page-header', ['pageTitle'=>'Contact Us', 'pageSubtitle'=>"We'd love to hear from you", 'breadcrumbs'=>[['name'=>'Contact']]])
<section class="py-14"><div class="max-w-7xl mx-auto px-4">
<div class="grid lg:grid-cols-3 gap-10">
<div class="space-y-6">
@foreach([['fas fa-map-marker-alt','#1e40af','Address','Shri Gajanan Maharaj Sansthan Campus, Shegaon - 444203, Dist. Buldhana, Maharashtra'],['fas fa-phone-alt','#10b981','Phone','+91 8669638081 / +91 8669638082'],['fas fa-envelope','#f59e0b','Email','principal@ssgmce.ac.in'],['fas fa-clock','#7c3aed','Hours','Mon–Sat: 8:15 AM – 5:00 PM']] as [$icon,$color,$title,$val])
<div class="flex gap-4" data-aos="fade-right">
<div class="w-11 h-11 rounded-xl flex items-center justify-center text-white flex-shrink-0" style="background:{{ $color }}"><i class="{{ $icon }}"></i></div>
<div><h3 class="font-semibold text-gray-900 text-sm">{{ $title }}</h3><p class="text-gray-600 text-sm mt-0.5 leading-relaxed">{{ $val }}</p></div>
</div>
@endforeach
<div class="rounded-xl overflow-hidden shadow" data-aos="fade-up">
<iframe src="https://maps.google.com/maps?q=Shegaon+Maharashtra&output=embed" width="100%" height="200" frameborder="0" allowfullscreen loading="lazy"></iframe>
</div>
</div>
<div class="lg:col-span-2" data-aos="fade-left">
<div class="bg-white rounded-2xl shadow-lg border border-gray-100 p-8">
<h2 class="font-display font-bold text-2xl text-gray-900 mb-6">Send Us a Message</h2>
<form action="/contact" method="POST" class="space-y-5">
@csrf
<div class="grid md:grid-cols-2 gap-5">
@foreach([['name','Your Name','text','required'],['email','Email Address','email','required'],['phone','Phone Number','tel',''],['','Enquiry Type','select','']] as [$fname,$flabel,$ftype,$req])
@if($ftype==='select')
<div><label class="block text-sm font-medium text-gray-700 mb-1.5">Enquiry Type <span class="text-red-400">*</span></label>
<select name="type" class="w-full border border-gray-300 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary-500 focus:border-transparent outline-none">
<option value="general">General</option><option value="admission">Admission</option><option value="placement">Placement</option><option value="research">Research</option>
</select></div>
@else
<div><label class="block text-sm font-medium text-gray-700 mb-1.5">{{ $flabel }} @if($req)<span class="text-red-400">*</span>@endif</label>
<input type="{{ $ftype }}" name="{{ $fname }}" {{ $req }} value="{{ old($fname) }}" class="w-full border border-gray-300 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary-500 focus:border-transparent outline-none transition @error($fname) border-red-400 @enderror">
@error($fname)<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror</div>
@endif
@endforeach
</div>
<div><label class="block text-sm font-medium text-gray-700 mb-1.5">Subject <span class="text-red-400">*</span></label>
<input type="text" name="subject" required value="{{ old('subject') }}" class="w-full border border-gray-300 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary-500 focus:border-transparent outline-none transition @error('subject') border-red-400 @enderror">
@error('subject')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror</div>
<div><label class="block text-sm font-medium text-gray-700 mb-1.5">Message <span class="text-red-400">*</span></label>
<textarea name="message" rows="5" required class="w-full border border-gray-300 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary-500 focus:border-transparent outline-none transition @error('message') border-red-400 @enderror resize-none">{{ old('message') }}</textarea>
@error('message')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror</div>
<button type="submit" class="w-full bg-primary-700 hover:bg-primary-800 text-white font-semibold py-3.5 rounded-xl transition flex items-center justify-center gap-2 shadow-md">
<i class="fas fa-paper-plane"></i> Send Message
</button>
</form>
</div>
</div>
</div>
</div></section>
@endsection