@extends('Common::site.layouts.landing')

@section('title', __('Connect with Move Up - Contact Us'))

@section('content')

<!-- Contact Banner -->
<section class="contact-banner">
    <div class="container">
        <span class="contact-banner-tag">@lang('Client Services')</span>
        <h1>@lang('Connect with Move Up')</h1>
        <p>@lang('Dedicated support for athletes, legal professionals, and venue partners. Our compliance and logistics teams are available globally').</p>
    </div>
</section>

<!-- Contact Form & Info -->
<section class="pb-5 mb-5">
    <div class="container">
        <div class="row">
            <!-- Form Column -->
            <div class="col-lg-7 mb-5 mb-lg-0">
                <div class="contact-card">
                    <h2 class="contact-form-title">@lang('Send an Inquiry')</h2>
                    <p class="contact-form-desc">@lang('Fields marked with an asterisk are required for compliance tracking').</p>
                    
                    <form action="{{ route('contactus') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 mb-4">
                                <label class="form-label">@lang('FULL NAME') *</label>
                                <input type="text" name="name" class="form-control" placeholder="@lang('e.g. Alexander Rivera')" required />
                            </div>
                            <div class="col-md-6 mb-4">
                                <label class="form-label">@lang('BUSINESS EMAIL') *</label>
                                <input type="email" name="email" class="form-control" placeholder="alex@organization.com" required />
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <label class="form-label">@lang('MESSAGE DETAILS') *</label>
                            <textarea name="message" class="form-control" rows="6" placeholder="@lang('Please provide specific context regarding your inquiry')..." required></textarea>
                        </div>
                        
                        <button type="submit" class="btn-transmit">
                            <span>@lang('Transmit Inquiry')</span>
                            <i class="las la-arrow-right"></i>
                        </button>
                    </form>
                </div>
            </div>
            
            <!-- Info Column -->
            <div class="col-lg-5">
                <div class="contact-card">
                    <div class="info-card">
                        <h3 class="info-title">@lang('Executive Relations')</h3>
                        
                        <div class="info-item">
                            <div class="info-icon">
                                <i class="las la-building"></i>
                            </div>
                            <div class="info-content">
                                <div class="info-label">@lang('GLOBAL HEADQUARTERS')</div>
                                <div class="info-value">{!! app_setting('location') !!}</div>
                            </div>
                        </div>
                        
                        <div class="info-item">
                            <div class="info-icon">
                                <i class="las la-envelope"></i>
                            </div>
                            <div class="info-content">
                                <div class="info-label">@lang('DIRECT CHANNELS')</div>
                                <div class="info-value">
                                    <a href="mailto:{{app_setting('email')}}">{{app_setting('email')}}</a>
                                    <div class="small opacity-50 fw-normal mt-1">@lang('Operational Response'): 2-4 hrs</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="laptop-img-wrap">
                        <img src="{{asset('site/images/app/playground.png')}}" alt="Move Up App" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection