<?php $__env->startSection('title', 'Home'); ?>

<?php $content = app('App\Http\Controllers\FrontController'); ?>
<?php $__env->startSection('content'); ?>

<!-- Success/Error Notifications -->
<?php if(session('success')): ?>
<div x-data="{ show: true }" x-show="show" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 transform translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-2" class="fixed top-4 right-4 z-50 bg-gradient-to-r from-military-green to-military-dark text-white px-6 py-4 rounded-xl shadow-2xl border border-military-green/30">
    <div class="flex items-center space-x-3">
        <div class="bg-white/20 rounded-full p-2">
            <i class="fas fa-check text-lg"></i>
        </div>
        <div>
            <h4 class="font-bold text-sm uppercase tracking-wide">Mission Accomplished</h4>
            <p class="text-gray-200 text-sm"><?php echo e(session('success')); ?></p>
        </div>
        <button @click="show = false" class="text-white/80 hover:text-white ml-4">
            <i class="fas fa-times"></i>
        </button>
    </div>
</div>
<?php endif; ?>

<?php if(session('error')): ?>
<div x-data="{ show: true }" x-show="show" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 transform translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-2" class="fixed top-4 right-4 z-50 bg-gradient-to-r from-usa-red to-red-700 text-white px-6 py-4 rounded-xl shadow-2xl border border-usa-red/30">
    <div class="flex items-center space-x-3">
        <div class="bg-white/20 rounded-full p-2">
            <i class="fas fa-exclamation-triangle text-lg"></i>
        </div>
        <div>
            <h4 class="font-bold text-sm uppercase tracking-wide">Mission Failed</h4>
            <p class="text-gray-200 text-sm"><?php echo e(session('error')); ?></p>
        </div>
        <button @click="show = false" class="text-white/80 hover:text-white ml-4">
            <i class="fas fa-times"></i>
        </button>
    </div>
</div>
<?php endif; ?>

<?php if($errors->any()): ?>
<div x-data="{ show: true }" x-show="show" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 transform translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-2" class="fixed top-4 right-4 z-50 bg-gradient-to-r from-usa-red to-red-700 text-white px-6 py-4 rounded-xl shadow-2xl border border-usa-red/30 max-w-md">
    <div class="flex items-start space-x-3">
        <div class="bg-white/20 rounded-full p-2 flex-shrink-0">
            <i class="fas fa-exclamation-triangle text-lg"></i>
        </div>
        <div class="flex-1">
            <h4 class="font-bold text-sm uppercase tracking-wide mb-2">Validation Errors</h4>
            <ul class="text-gray-200 text-sm space-y-1">
                <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li>• <?php echo e($error); ?></li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </ul>
        </div>
        <button @click="show = false" class="text-white/80 hover:text-white ml-4 flex-shrink-0">
            <i class="fas fa-times"></i>
        </button>
    </div>
</div>
<?php endif; ?>


<!-- Enhanced Professional Contact Section -->
<section class="py-20 bg-gradient-military bg-hero-pattern relative overflow-hidden">
    <!-- Professional Background Elements -->
    <div class="absolute inset-0 bg-[url('data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%232d4a1e\' fill-opacity=\'0.03\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')] opacity-30"></div>

    <div class="container mx-auto px-4 relative z-10">
        <div class="grid lg:grid-cols-2 gap-16">

            <!-- Enhanced Contact Form -->
            <div class="order-2 lg:order-1" x-data="{ isVisible: true }" x-intersect="isVisible = true">
                <div x-show="isVisible" x-transition:enter="transition-all ease-out duration-1200" x-transition:enter-start="opacity-0 transform -translate-x-12" x-transition:enter-end="opacity-100 transform translate-x-0">
                    <div class="bg-white rounded-2xl shadow-2xl p-8 md:p-12 border border-gray-200 relative overflow-hidden">

                        <!-- Background Pattern -->
                        <div class="absolute top-0 right-0 w-40 h-40 opacity-5">
                            <i class="fas fa-paper-plane text-8xl text-military-green"></i>
                        </div>
                        <div class="absolute -top-10 -left-10 w-32 h-32 bg-gradient-to-br from-military-green/20 to-eagle-gold/20 rounded-full blur-xl"></div>

                        <div class="relative z-10">
                            <!-- Form Header -->
                            <div class="mb-10">
                                <div class="inline-flex items-center bg-gradient-to-r from-military-green to-military-dark text-white px-6 py-3 rounded-full mb-6 shadow-lg">
                                    <i class="fas fa-edit mr-3"></i>
                                    <span class="font-semibold uppercase tracking-wide text-sm">Mission Briefing Form</span>
                                </div>
                                <h2 class="text-3xl md:text-4xl font-bold mb-4 text-military-dark">
                                    Send Secure
                                    <span class="text-transparent bg-clip-text bg-gradient-to-r from-military-green to-eagle-gold">Communication</span>
                                </h2>
                                <p class="text-gray-600 text-lg leading-relaxed">
                                    Submit your inquiry through our encrypted military communication system. All messages receive priority handling with guaranteed response within 24 hours.
                                </p>
                            </div>

                            <!-- Enhanced Form -->
                            <form action="<?php echo e(route('enquiry')); ?>" method="post" class="space-y-8">
                                <?php echo csrf_field(); ?>
                                <!-- Name & Email Row -->
                                <div class="grid md:grid-cols-2 gap-6">
                                    <div class="group">
                                        <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                            <i class="fas fa-user mr-2 text-military-green"></i>Full Name *
                                        </label>
                                        <input type="text" name="fname" value="<?php echo e(request('fname') ?? old('fname')); ?>" placeholder="Enter your full name" required
                                               class="w-full border-2 <?php $__errorArgs = ['fname'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400">
                                    </div>
                                    <div class="group">
                                        <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                            <i class="fas fa-envelope mr-2 text-military-green"></i>Email Address *
                                        </label>
                                        <input type="email" name="email" value="<?php echo e(request('email') ?? old('email')); ?>" placeholder="your.email@domain.com" required
                                               class="w-full border-2 <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400">
                                    </div>
                                </div>

                                <!-- Subject & Phone Row -->
                                <div class="grid md:grid-cols-2 gap-6">
                                    <div class="group">
                                        <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                            <i class="fas fa-tag mr-2 text-military-green"></i>Subject *
                                        </label>
                                        <select name="subject" required
                                                class="w-full border-2 <?php $__errorArgs = ['subject'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400">
                                            <option value="">Select inquiry type...</option>
                                            <option value="Military Leave Application" <?php echo e((request('subject') == 'Military Leave Application' || old('subject') == 'Military Leave Application') ? 'selected' : ''); ?>>Military Leave Application</option>
                                            <option value="Emergency Leave Request" <?php echo e((request('subject') == 'Emergency Leave Request' || old('subject') == 'Emergency Leave Request') ? 'selected' : ''); ?>>Emergency Leave Request</option>
                                            <option value="Adoption Block Leave" <?php echo e((request('subject') == 'Adoption Block Leave' || old('subject') == 'Adoption Block Leave') ? 'selected' : ''); ?>>Adoption Block Leave</option>
                                            <option value="Pregnancy Home Leave" <?php echo e((request('subject') == 'Pregnancy Home Leave' || old('subject') == 'Pregnancy Home Leave') ? 'selected' : ''); ?>>Pregnancy Home Leave</option>
                                            <option value="Special Terminal Leave" <?php echo e((request('subject') == 'Special Terminal Leave' || old('subject') == 'Special Terminal Leave') ? 'selected' : ''); ?>>Special Terminal Leave</option>
                                            <option value="Spousal Request - Family Services" <?php echo e((request('subject') == 'Spousal Request - Family Services' || old('subject') == 'Spousal Request - Family Services') ? 'selected' : ''); ?>>Spousal Request - Family Services</option>
                                            <option value="Conjugal Visits - Schedule Request" <?php echo e((request('subject') == 'Conjugal Visits - Schedule Request' || old('subject') == 'Conjugal Visits - Schedule Request') ? 'selected' : ''); ?>>Conjugal Visits - Schedule Request</option>
                                            <option value="Flight Booking - Travel Arrangements" <?php echo e((request('subject') == 'Flight Booking - Travel Arrangements' || old('subject') == 'Flight Booking - Travel Arrangements') ? 'selected' : ''); ?>>Flight Booking - Travel Arrangements</option>
                                            <option value="Care Package - Send/Receive Request" <?php echo e((request('subject') == 'Care Package - Send/Receive Request' || old('subject') == 'Care Package - Send/Receive Request') ? 'selected' : ''); ?>>Care Package - Send/Receive Request</option>
                                            <option value="Medical Kits - Health Supplies Request" <?php echo e((request('subject') == 'Medical Kits - Health Supplies Request' || old('subject') == 'Medical Kits - Health Supplies Request') ? 'selected' : ''); ?>>Medical Kits - Health Supplies Request</option>
                                            <option value="General Support" <?php echo e((request('subject') == 'General Support' || old('subject') == 'General Support') ? 'selected' : ''); ?>>General Support</option>
                                            <option value="Technical Issues" <?php echo e((request('subject') == 'Technical Issues' || old('subject') == 'Technical Issues') ? 'selected' : ''); ?>>Technical Issues</option>
                                        </select>
                                    </div>
                                    <div class="group">
                                        <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                            <i class="fas fa-phone mr-2 text-military-green"></i>Phone Number *
                                        </label>
                                        <input type="tel" name="phone" value="<?php echo e(request('phone') ?? old('phone')); ?>" placeholder="+1 (XXX) XXX-XXXX" required
                                               class="w-full border-2 <?php $__errorArgs = ['phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400">
                                    </div>
                                </div>

                                <!-- Service Information -->
                                <div class="grid md:grid-cols-2 gap-6">
                                    <div class="group">
                                        <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                            <i class="fas fa-flag mr-2 text-military-green"></i>Service Branch
                                        </label>
                                        <select name="service_branch"
                                                class="w-full border-2 <?php $__errorArgs = ['service_branch'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400">
                                            <option value="">Select your branch...</option>
                                            <option value="US Army" <?php echo e((request('service_branch') == 'US Army' || old('service_branch') == 'US Army') ? 'selected' : ''); ?>>US Army</option>
                                            <option value="US Navy" <?php echo e((request('service_branch') == 'US Navy' || old('service_branch') == 'US Navy') ? 'selected' : ''); ?>>US Navy</option>
                                            <option value="US Air Force" <?php echo e((request('service_branch') == 'US Air Force' || old('service_branch') == 'US Air Force') ? 'selected' : ''); ?>>US Air Force</option>
                                            <option value="US Marines" <?php echo e((request('service_branch') == 'US Marines' || old('service_branch') == 'US Marines') ? 'selected' : ''); ?>>US Marines</option>
                                            <option value="US Coast Guard" <?php echo e((request('service_branch') == 'US Coast Guard' || old('service_branch') == 'US Coast Guard') ? 'selected' : ''); ?>>US Coast Guard</option>
                                            <option value="US Space Force" <?php echo e((request('service_branch') == 'US Space Force' || old('service_branch') == 'US Space Force') ? 'selected' : ''); ?>>US Space Force</option>
                                            <option value="National Guard" <?php echo e((request('service_branch') == 'National Guard' || old('service_branch') == 'National Guard') ? 'selected' : ''); ?>>National Guard</option>
                                            <option value="Reserves" <?php echo e((request('service_branch') == 'Reserves' || old('service_branch') == 'Reserves') ? 'selected' : ''); ?>>Reserves</option>
                                        </select>
                                    </div>
                                    <div class="group">
                                        <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                            <i class="fas fa-star mr-2 text-military-green"></i>Rank/Grade
                                        </label>
                                        <input type="text" name="rank" value="<?php echo e(request('rank') ?? old('rank')); ?>" placeholder="e.g. Staff Sergeant, Captain"
                                               class="w-full border-2 <?php $__errorArgs = ['rank'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400">
                                    </div>
                                </div>

                                <!-- Message -->
                                <div class="group">
                                    <label class="block text-sm font-bold text-military-dark mb-3 uppercase tracking-wide">
                                        <i class="fas fa-comment mr-2 text-military-green"></i>Detailed Message *
                                    </label>
                                    <textarea name="message" rows="6" placeholder="Please provide detailed information about your inquiry, including dates, circumstances, and any specific requirements..." required
                                              class="w-full border-2 <?php $__errorArgs = ['message'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-500 <?php else: ?> border-gray-300 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?> p-4 rounded-xl focus:border-military-green focus:ring-2 focus:ring-military-green/20 focus:outline-none transition-all duration-300 bg-gray-50 focus:bg-white group-hover:border-gray-400 resize-vertical"><?php echo e(old('message')); ?></textarea>
                                </div>

                                <!-- Security Notice & Submit -->
                                <div class="bg-gradient-to-r from-military-green/10 to-eagle-gold/10 rounded-xl p-6 border border-military-green/30">
                                    <div class="flex items-start space-x-4 mb-6">
                                        <div class="bg-military-green text-white rounded-full p-3 flex-shrink-0">
                                            <i class="fas fa-shield-alt text-lg"></i>
                                        </div>
                                        <div>
                                            <h4 class="font-bold text-military-dark mb-2">Secure Military Communication</h4>
                                            <p class="text-gray-700 text-sm leading-relaxed">
                                                Your information is transmitted through encrypted channels and handled according to military security protocols.
                                                Response time: <span class="font-semibold text-military-green">Within 24 hours</span> for standard inquiries,
                                                <span class="font-semibold text-usa-red">Within 2 hours</span> for emergency requests.
                                            </p>
                                        </div>
                                    </div>

                                    <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
                                        <div class="flex items-center text-sm text-gray-600">
                                            <i class="fas fa-lock mr-2 text-military-green"></i>
                                            <span>SSL Encrypted • HIPAA Compliant • DOD Approved</span>
                                        </div>
                                        <button type="submit" name="submit"
                                                class="group bg-gradient-to-r from-military-green to-military-dark text-white px-8 py-4 rounded-xl font-bold text-lg hover:from-military-dark hover:to-military-green transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-xl">
                                            <i class="fas fa-paper-plane mr-3 group-hover:animate-pulse"></i>
                                            <span>Send Secure Message</span>
                                            <i class="fas fa-arrow-right ml-3 group-hover:translate-x-1 transition-transform duration-300"></i>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Enhanced Contact Information -->
            <div class="order-1 lg:order-2" x-data="{ isVisible: true }" x-intersect="isVisible = true">
                <div x-show="isVisible" x-transition:enter="transition-all ease-out duration-1200 delay-300" x-transition:enter-start="opacity-0 transform translate-x-12" x-transition:enter-end="opacity-100 transform translate-x-0">

                    <!-- Contact Info Header -->
                    <div class="mb-12">
                        <div class="inline-flex items-center bg-gradient-to-r from-eagle-gold to-yellow-500 text-military-dark px-6 py-3 rounded-full mb-6 shadow-lg">
                            <i class="fas fa-headset mr-3"></i>
                            <span class="font-semibold uppercase tracking-wide text-sm">Direct Communications</span>
                        </div>
                        <h2 class="text-3xl md:text-4xl font-bold mb-4 text-white">
                            Command
                            <span class="text-transparent bg-clip-text bg-gradient-to-r from-military-green to-eagle-gold">Center</span>
                        </h2>
                        <p class="text-gray-300 text-lg leading-relaxed">
                            Multiple channels available for immediate assistance. Our support specialists are standing by to help with your military leave requirements.
                        </p>
                    </div>

                    <!-- Contact Cards -->
                    <div class="space-y-6 mb-10">
                        <!-- Headquarters -->
                        <div class="bg-white/10 backdrop-blur-sm rounded-2xl shadow-lg p-6 border border-white/20 hover:shadow-xl transition-shadow duration-300 group">
                            <div class="flex items-start space-x-4">
                                <div class="bg-gradient-to-r from-military-green to-military-dark text-white rounded-xl p-4 group-hover:scale-110 transition-transform duration-300">
                                    <i class="fas fa-map-marker-alt text-xl"></i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="font-bold text-white text-lg mb-2">Command Headquarters</h4>
                                    <p class="text-gray-300 mb-2"><?php echo e($settings->locations); ?></p>

                                    <div class="mt-3 inline-flex items-center bg-military-green/10 text-military-green px-3 py-1 rounded-full text-sm font-semibold">
                                        <i class="fas fa-shield-alt mr-2"></i>Secure Facility
                                    </div>
                                </div>
                            </div>
                        </div>

                       

                     

                   
                </div>
            </div>
        </div>
    </div>
</section>

<?php $__env->stopSection(); ?>

<script>
// Auto-hide notifications after 5 seconds
document.addEventListener('DOMContentLoaded', function() {
    const notifications = document.querySelectorAll('[x-data*="show: true"]');
    notifications.forEach(function(notification) {
        setTimeout(function() {
            // Trigger Alpine.js hide
            notification.__x.$data.show = false;
        }, 5000);
    });
});
</script>

<?php echo $__env->make('layouts.base', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/elitemaxpro/milita.elitemaxpro.click/resources/views/home/contact.blade.php ENDPATH**/ ?>