@extends('layouts.app')

@push('head')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/css/intlTelInput.css">
    <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/intlTelInput.min.js"></script>

    {{-- SiteManager 통합 보안 시스템 --}}
    @include('sitemanager::security.form-security', [
        'action' => 'request_quotation',
        'tokenField' => 'recaptcha_token',
        'formId' => 'quotation-form'
    ])

    {!! resource('css/contact-us.css') !!}
    {!! resource('css/form.css') !!}
    {!! resource('js/request-quotation.js') !!}
    {!! setResources(['select2', 'flatpickr']) !!}
@endpush

@section('content')
<main>
    {{-- 페이지 컨텐츠 --}}
    <div class="container">
        <article>
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <h1>Request a Quotation</h1>
                    <h6 class="description">Fill out the form below to receive a personalized quote for your Korean language course.<br>
                    We'll get back to you within 24 hours with a detailed quotation.<br>
                    Please provide accurate information to ensure we can offer you the best suitable program.</h6>

                    <form method="POST" action="{{ route('request-quotation.submit') }}"
                          id="quotation-form" class="form-wrap form"
                          data-recaptcha="true" data-recaptcha-action="request_quotation">
                        @csrf

                        <div class="form-wrap-body">
                            <!-- Personal Information Section -->
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label for="first_name" class="form-label">First Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('first_name') is-invalid @enderror"
                                           id="first_name" name="first_name" value="{{ old('first_name') }}"
                                           required placeholder="Enter your first name">
                                    @error('first_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="last_name" class="form-label">Last Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('last_name') is-invalid @enderror"
                                           id="last_name" name="last_name" value="{{ old('last_name') }}"
                                           required placeholder="Enter your last name">
                                    @error('last_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label for="email" class="form-label">Email Address <span class="text-danger">*</span></label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror"
                                        id="email" name="email" value="{{ old('email') }}"
                                        required placeholder="Enter your email address">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 form-group">
                                    <label for="phone" class="form-label">Phone Number <span class="text-danger">*</span></label>
                                    <input type="tel" class="form-control @error('phone') is-invalid @enderror"
                                        id="phone" name="phone" value="{{ old('phone') }}"
                                        required>
                                    <input type="hidden" name="phone_country" id="phone_country" value="{{ old('phone_country') }}">
                                    @error('phone_country')
                                        <div class="invalid-feedback" style="padding-left: 1rem;">{{ $message }}</div>
                                    @enderror
                                    @error('phone')
                                        <div class="invalid-feedback" style="padding-left: 1rem;">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Course Information Section -->
                            <div class="form-group">
                                <label for="interested_course" class="form-label">Interested Course <span class="text-danger">*</span></label>
                                <select class="form-select @error('interested_course') is-invalid @enderror"
                                        id="interested_course" name="interested_course" required>
                                    <option value="">Select a course</option>
                                    @foreach($courseTypes as $key => $value)
                                        <option value="{{ $value }}"
                                            {{ old('interested_course') == $value || request('course') == $value ? 'selected' : '' }}>
                                            {{ $key }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('interested_course')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="row">
                                <div class="col-md-8 form-group">
                                    <label for="start_date" class="form-label">Preferred Start Date <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('start_date') is-invalid @enderror"
                                           id="start_date" name="start_date" value="{{ old('start_date') }}"
                                           required placeholder="Select start date" readonly>
                                    @error('start_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <div class="form-text">Please check the course schedule and submit your application according to the course start date.</div>
                                </div>
                                <div class="col-md-4 form-group">
                                    <label for="duration" class="form-label">Duration (weeks) <span class="text-danger">*</span></label>
                                    <select class="form-select @error('duration') is-invalid @enderror"
                                            id="duration" name="duration" required>
                                        <option value="">Select duration</option>
                                        <option value="1" {{ old('duration') == '1' ? 'selected' : '' }}>1 week</option>
                                        <option value="2" {{ old('duration') == '2' ? 'selected' : '' }}>2 weeks</option>
                                        <option value="4" {{ old('duration') == '4' ? 'selected' : '' }}>4 weeks</option>
                                        <option value="8" {{ old('duration') == '8' ? 'selected' : '' }}>8 weeks</option>
                                        <option value="12" {{ old('duration') == '12' ? 'selected' : '' }}>12 weeks</option>
                                        <option value="24" {{ old('duration') == '24' ? 'selected' : '' }}>24 weeks</option>
                                        <option value="48" {{ old('duration') == '48' ? 'selected' : '' }}>48 weeks</option>
                                    </select>
                                    @error('duration')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="form-label">Korean Level</label>
                                <div class="row">
                                    @foreach($koreanLevels as $key => $value)
                                        <div class="col-md-4 mb-2">
                                            <div class="form-check">
                                                <input class="form-check-input @error('korean_level') is-invalid @enderror"
                                                       type="radio" name="korean_level" value="{{ $value }}"
                                                       id="korean_level_{{ $loop->index }}"
                                                       {{ old('korean_level') == $value ? 'checked' : '' }}>
                                                <label class="form-check-label" for="korean_level_{{ $loop->index }}">
                                                    {{ $key }}
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                @error('korean_level')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Accommodation Section -->
                            <div class="form-group">
                                <label class="form-label">Accommodation Required?</label>
                                <div class="row">
                                    @foreach($roomTypes as $roomType)
                                        <div class="col-md-6 mb-2">
                                            <div class="form-check">
                                                <input class="form-check-input @error('accommodation_type') is-invalid @enderror"
                                                       type="radio" name="accommodation_type" value="{{ $roomType }}"
                                                       id="accommodation_type_{{ $loop->index }}"
                                                       {{ old('accommodation_type') == $roomType ? 'checked' : '' }}>
                                                <label class="form-check-label" for="accommodation_type_{{ $loop->index }}">
                                                    {{ $roomType }}
                                                    @if(str_contains($roomType, 'Twin Room'))
                                                        <br><small class="text-muted">* Twin rooms are available only for two people applying together.</small>
                                                    @endif
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                @error('accommodation_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label for="accommodation_weeks" class="form-label">Number of Weeks for Accommodation</label>
                                <select class="form-select @error('accommodation_weeks') is-invalid @enderror"
                                        id="accommodation_weeks" name="accommodation_weeks">
                                    <option value="">Select weeks (if accommodation needed)</option>
                                    <option value="1" {{ old('accommodation_weeks') == '1' ? 'selected' : '' }}>1 week</option>
                                    <option value="2" {{ old('accommodation_weeks') == '2' ? 'selected' : '' }}>2 weeks</option>
                                    <option value="4" {{ old('accommodation_weeks') == '4' ? 'selected' : '' }}>4 weeks</option>
                                    <option value="8" {{ old('accommodation_weeks') == '8' ? 'selected' : '' }}>8 weeks</option>
                                    <option value="12" {{ old('accommodation_weeks') == '12' ? 'selected' : '' }}>12 weeks</option>
                                    <option value="24" {{ old('accommodation_weeks') == '24' ? 'selected' : '' }}>24 weeks</option>
                                    <option value="48" {{ old('accommodation_weeks') == '48' ? 'selected' : '' }}>48 weeks</option>
                                </select>
                                @error('accommodation_weeks')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Airport Service Section -->
                            <div class="form-group">
                                <label class="form-label">Airport Pickup Service Required?</label>
                                <div class="row">
                                    @foreach($pickupTypes as $key => $value)
                                        <div class="col-md-4 mb-2">
                                            <div class="form-check">
                                                <input class="form-check-input @error('airport_pickup') is-invalid @enderror"
                                                       type="radio" name="airport_pickup" value="{{ $key }}"
                                                       id="airport_pickup_{{ $loop->index }}"
                                                       {{ old('airport_pickup') == $key ? 'checked' : '' }}>
                                                <label class="form-check-label" for="airport_pickup_{{ $loop->index }}">
                                                    {{ $key }}
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                @error('airport_pickup')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="airport-pickup-fields">
                                <div class="row">
                                    <div class="col-md-4 form-group">
                                        <label for="arrival_date" class="form-label">Arrival Date</label>
                                        <input type="text" class="form-control @error('arrival_date') is-invalid @enderror"
                                            id="arrival_date" name="arrival_date" value="{{ old('arrival_date') }}"
                                            placeholder="Select arrival date" readonly>
                                        @error('arrival_date')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 form-group">
                                        <label for="arrival_time" class="form-label">Arrival Time</label>
                                        <input type="text" class="form-control @error('arrival_time') is-invalid @enderror"
                                            id="arrival_time" name="arrival_time" value="{{ old('arrival_time') }}"
                                            placeholder="e.g., 14:30">
                                        @error('arrival_time')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 form-group">
                                        <label for="flight_number" class="form-label">Flight Number</label>
                                        <input type="text" class="form-control @error('flight_number') is-invalid @enderror"
                                            id="flight_number" name="flight_number" value="{{ old('flight_number') }}"
                                            placeholder="e.g., KE123, UA456">
                                        @error('flight_number')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <!-- Promotion Code Section -->
                            <div class="form-group">
                                <label for="promotion_code" class="form-label">
                                    Promotion Code
                                    <small class="text-muted">Enter your promotion code if you have one</small>
                                </label>
                                <input type="text" class="form-control @error('promotion_code') is-invalid @enderror"
                                       id="promotion_code" name="promotion_code"
                                       placeholder="Enter promotion code" value="{{ old('promotion_code') }}">
                                @error('promotion_code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Special Requests Section -->
                            <div class="form-group">
                                <label for="special_requests" class="form-label">Special Requests or Additional Information</label>
                                <textarea class="form-control @error('special_requests') is-invalid @enderror"
                                          id="special_requests" name="special_requests" rows="6"
                                          placeholder="Please let us know if you have any special requirements, dietary needs, learning goals, or other requests...">{{ old('special_requests') }}</textarea>
                                <small class="form-text text-muted">Tell us about any dietary requirements, medical needs, learning goals, or other special requests.</small>
                                @error('special_requests')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group mt-4">
                                <label class="form-label">Privacy Policy <span class="text-danger">*</span></label>
                                <div class="privacy-policy" style="max-height: 300px; overflow-y: auto;">
                                    @include('partials.privacy-policy')
                                </div>
                            </div>

                            <div class="mb-5">
                                <div class="form-check">
                                    <input class="form-check-input @error('privacy_agreement') is-invalid @enderror"
                                           type="checkbox" id="privacy_agreement" name="privacy_agreement"
                                           value="1" {{ old('privacy_agreement') ? 'checked' : '' }} required>
                                    <label class="form-check-label" for="privacy_agreement">
                                        I have read and agree to the terms and conditions and privacy policy. <span class="text-danger">*</span>
                                    </label>
                                    @error('privacy_agreement')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- SiteManager 통합 보안 시스템에서 자동 처리 --}}
                            @error('recaptcha_token')
                                <div class="form-group text-center">
                                    <div class="text-danger mt-2">{{ $message }}</div>
                                </div>
                            @enderror

                            <div class="text-center">
                                <button type="submit" class="btn btn-lg btn-dark">
                                    <span class="btn-text">
                                        Request Quotation
                                    </span>
                                    <span class="btn-loading d-none">
                                        <div class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></div>
                                        Sending...
                                    </span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </article>
    </div>
</main>

@endsection

@push('scripts')
<script>
window.QUOTATION_CONFIG = {
    // 필요한 설정값들을 여기에 추가
};
</script>
@endpush