@php
    use Modules\StudentSetting\Entities\Institute;
    $t = fn($key) => __('guestcheckout::guestcheckout.' . $key);
    $discountAmount = max($subtotal - $total, 0);
    $percent = $subtotal > 0 ? round(($discountAmount / $subtotal) * 100) : 0;
@endphp
@extends(theme('layouts.master'))
@section('title')
    {{ Settings('site_title') ? Settings('site_title') : 'Infix LMS' }} | {{ $t('checkout') }}
@endsection
@section('css')
    @include('guestcheckout::_style')
@endsection
@section('mainContent')
    <div class="gc-page">
        <div class="gc-shell">
            <div class="gc-head">
                <h2>{{ $t('checkout') }}</h2>
                <p>{{ $t('order_summary') }}</p>
            </div>

            {{-- course --}}
            <div class="gc-card">
                <div class="gc-course">
                    <img src="{{ getCourseImage($course->thumbnail) }}" alt="{{ $course->title }}">
                    <div>
                        <div class="gc-title">{{ $course->title }}</div>
                        <div class="gc-priceline">
                            <span class="gc-price" id="gcPrice">{{ getPriceFormat($total) }}</span>
                            @if($discountAmount > 0)
                                <del id="gcOld">{{ getPriceFormat($subtotal) }}</del>
                                <span class="gc-badge" id="gcBadge">{{ $percent }}% {{ $t('discount') }}</span>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            {{-- added by relech --}}
            @if(showCouponInput())
            {{-- promo --}}
            <div class="gc-card">
                <div class="gc-label gc-link">{{ $t('promo_code') }}</div>
                <div class="gc-promo">
                    <input type="text" id="gcPromo" class="gc-input" placeholder="{{ $t('enter_promo_code') }}"
                           value="{{ $coupon['code'] ?? '' }}">
                    <button type="button" id="gcApply" class="gc-btn-sm">{{ $t('apply') }}</button>
                    @if(!empty($coupon))
                        <a class="gc-btn-sm gc-btn-ghost"
                           href="{{ route('StudentCancelCourseCoupon', $course->id) }}">{{ $t('remove') }}</a>
                    @endif
                </div>
                <div id="gcPromoMsg" class="gc-msg"></div>
            </div>
            @endif
            {{-- relech end --}}

            {{-- how it works --}}
            <div class="gc-card gc-info">
                <div class="gc-label"><i class="fas fa-exclamation-circle"></i> {{ $t('how_checkout_works') }}</div>
                <p><i class="fas fa-envelope"></i> {{ $t('how_line_1') }}</p>
                <p><i class="fas fa-user"></i> {{ $t('how_line_2') }}</p>
                <p><i class="fas fa-sign-in-alt"></i> {{ $t('already_have_account') }}
                    <a href="{{ route('login') }}"><u>{{ $t('log_in_here') }}</u></a> {{ $t('faster_checkout') }}</p>
            </div>

            <form action="{{ route('guestCheckout.store', $course->id) }}" method="POST" id="gcForm">
                @csrf

                {{-- user info (fields follow the default registration form settings) --}}
                <div class="gc-card">
                    <div class="gc-label">{{ $t('user_information') }}</div>

                    @if($custom_field->show_name)
                        <div class="gc-field">
                            <input type="text" class="gc-input" name="name" value="{{ old('name') }}"
                                   placeholder="{{ $t('enter_name') }}{{ $custom_field->required_name ? ' *' : '' }}"
                                   {{ $custom_field->required_name ? 'required' : '' }}>
                            <span class="gc-err">{{ $errors->first('name') }}</span>
                        </div>
                    @endif

                    <div class="gc-field">
                        <input type="email" class="gc-input" name="email" value="{{ old('email') }}"
                               placeholder="{{ $t('enter_email') }} *" required>
                        <span class="gc-err">{{ $errors->first('email') }}</span>
                    </div>

                    @if($custom_field->show_phone)
                        <div class="gc-field">
                            <input type="text" class="gc-input" name="phone" value="{{ old('phone') }}"
                                   placeholder="{{ $t('enter_phone') }}{{ $custom_field->required_phone ? ' *' : '' }}"
                                   {{ $custom_field->required_phone ? 'required' : '' }}>
                            <span class="gc-err">{{ $errors->first('phone') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_dob)
                        <div class="gc-field">
                            <input type="date" class="gc-input" name="dob" value="{{ old('dob') }}"
                                   max="{{ date('Y-m-d') }}"
                                   title="{{ __('common.Date of Birth') }}"
                                   {{ $custom_field->required_dob ? 'required' : '' }}>
                            <span class="gc-err">{{ $errors->first('dob') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_company)
                        <div class="gc-field">
                            <input type="text" class="gc-input" name="company" value="{{ old('company') }}"
                                   placeholder="{{ __('common.Enter Company') }}{{ $custom_field->required_company ? ' *' : '' }}"
                                   {{ $custom_field->required_company ? 'required' : '' }}>
                            <span class="gc-err">{{ $errors->first('company') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_identification_number)
                        <div class="gc-field">
                            <input type="text" class="gc-input" name="identification_number"
                                   value="{{ old('identification_number') }}"
                                   placeholder="{{ __('common.Enter Identification Number') }}{{ $custom_field->required_identification_number ? ' *' : '' }}"
                                   {{ $custom_field->required_identification_number ? 'required' : '' }}>
                            <span class="gc-err">{{ $errors->first('identification_number') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_job_title)
                        <div class="gc-field">
                            <input type="text" class="gc-input" name="job_title" value="{{ old('job_title') }}"
                                   placeholder="{{ __('common.Enter Job Title') }}{{ $custom_field->required_job_title ? ' *' : '' }}"
                                   {{ $custom_field->required_job_title ? 'required' : '' }}>
                            <span class="gc-err">{{ $errors->first('job_title') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_gender)
                        <div class="gc-field">
                            <select class="gc-input" name="gender" {{ $custom_field->required_gender ? 'required' : '' }}>
                                <option value="">{{ __('common.choose_gender') }}{{ $custom_field->required_gender ? ' *' : '' }}</option>
                                <option value="male" @selected(old('gender') == 'male')>{{ __('common.Male') }}</option>
                                <option value="female" @selected(old('gender') == 'female')>{{ __('common.Female') }}</option>
                                <option value="other" @selected(old('gender') == 'other')>{{ __('common.Other') }}</option>
                            </select>
                            <span class="gc-err">{{ $errors->first('gender') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_student_type)
                        <div class="gc-field">
                            <select class="gc-input" name="student_type" {{ $custom_field->required_student_type ? 'required' : '' }}>
                                <option value="">{{ __('common.choose_student_type') }}{{ $custom_field->required_student_type ? ' *' : '' }}</option>
                                <option value="personal" @selected(old('student_type') == 'personal')>{{ __('common.Personal') }}</option>
                                <option value="corporate" @selected(old('student_type') == 'corporate')>{{ __('common.Corporate') }}</option>
                            </select>
                            <span class="gc-err">{{ $errors->first('student_type') }}</span>
                        </div>
                    @endif

                    @if($custom_field->show_institute)
                        <div class="gc-field">
                            <select class="gc-input" name="institute_id" {{ $custom_field->required_institute ? 'required' : '' }}>
                                <option value="">{{ __('common.choose_institute') }}{{ $custom_field->required_institute ? ' *' : '' }}</option>
                                @foreach(Institute::where('status', 1)->get() as $institute)
                                    <option value="{{ $institute->id }}" @selected(old('institute_id') == $institute->id)>{{ $institute->name }}</option>
                                @endforeach
                            </select>
                            <span class="gc-err">{{ $errors->first('institute_id') }}</span>
                        </div>
                    @endif

                    @if(saasEnv('NOCAPTCHA_FOR_REG') == 'true')
                        <div class="gc-field">
                            {!! NoCaptcha::display() !!}
                            <span class="gc-err">{{ $errors->first('g-recaptcha-response') }}</span>
                        </div>
                    @endif
                </div>

                {{-- payment methods --}}
                <div class="gc-card" id="gcMethods" @if($total <= 0) style="display:none" @endif>
                    <div class="gc-label">{{ $t('select_payment_method') }}</div>
                    @forelse($methods as $i => $gateway)
                        <label class="gc-method">
                            <input type="radio" name="payment_method" value="{{ $gateway->method }}"
                                   @checked(old('payment_method', $i === 0 ? $gateway->method : null) == $gateway->method)>
                            <span class="gc-dot"></span>
                            <span class="gc-mname">{{ $gateway->method }}</span>
                            <span class="gc-logo"><img src="{{ assetPath($gateway->logo) }}" alt="{{ $gateway->method }}"></span>
                        </label>
                    @empty
                        <p class="gc-msg">{{ $t('no_payment_method') }}</p>
                    @endforelse
                    <span class="gc-err">{{ $errors->first('payment_method') }}</span>
                </div>

                {{-- order summary --}}
                <div class="gc-card">
                    <div class="gc-label">{{ $t('order_summary') }}</div>
                    <div class="gc-row"><span>{{ $t('subtotal') }}</span><span>{{ getPriceFormat($subtotal) }}</span></div>
                    <div class="gc-row"><span>{{ $t('discount') }}
                            @if($discountAmount > 0)<span class="gc-badge">{{ $percent }}%</span>@endif</span>
                        <span class="gc-green" id="gcDiscount">- {{ getPriceFormat($discountAmount) }}</span></div>
                    <hr>
                    <div class="gc-row gc-total"><span>{{ $t('total_amount') }}</span><span id="gcTotal">{{ getPriceFormat($total) }}</span></div>

                    <label class="gc-terms">
                        <input type="checkbox" name="terms" value="1" required @checked(old('terms'))>
                        <span>{{ $t('agree_prefix') }}
                            <a href="{{ url('terms') }}" target="_blank">{{ $t('terms') }}</a>
                            {{ $t('and') }}
                            <a href="{{ url('privacy') }}" target="_blank">{{ $t('privacy') }}</a></span>
                    </label>
                    <span class="gc-err">{{ $errors->first('terms') }}</span>

                    <button type="submit" class="gc-pay" id="gcSubmit">
                        {{ $total > 0 ? $t('proceed_to_payment') : $t('complete_order') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('js')
    @if(saasEnv('NOCAPTCHA_FOR_REG') == 'true')
        {!! NoCaptcha::renderJs() !!}
    @endif
    <script>
        (function () {
            var btn = document.getElementById('gcApply');
            if (!btn) return;
            btn.addEventListener('click', function () {
                var code = document.getElementById('gcPromo').value.trim();
                var msg = document.getElementById('gcPromoMsg');
                if (!code) return;
                fetch("{{ route('StudentApplyCourseCoupon') }}?id={{ $course->id }}&code=" + encodeURIComponent(code), {
                    headers: {'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json'},
                    credentials: 'same-origin'
                }).then(function (r) { return r.json(); }).then(function (res) {
                    msg.textContent = res.message || '';
                    msg.className = 'gc-msg ' + (res.status ? 'gc-green' : 'gc-red');
                    if (res.status) { setTimeout(function () { window.location.reload(); }, 600); }
                }).catch(function () {
                    msg.textContent = "{{ $t('generic_error') }}";
                    msg.className = 'gc-msg gc-red';
                });
            });
        })();
    </script>
@endsection