@extends('site.layouts.master')

@section('content')
    <div class="py-3 bg-f9f9f9">
        <div class="customWidth">
            <div>
                <img class="" src="{{ asset('new_theme/logo-black-cropped.webp') }}">
            </div>
            <div class="d-lg-flex justify-content-between pt-4 pb-2">
                <div class="col-lg-6 px-4">
                    <p class="SF28_34Medium SF40_48Medium-lg text-3b3b3b my-3">@lang('site.Get in touch')</p>
                    <div id="content_message">
                        <p class="SF16_19Regular SF20_24Regular-lg text-9b9b9b">@lang('site.For any inquiries, or just to say hello, get in touch and contact us.')</p>
                        @if(isset($y))
                        <div class="alert alert-danger text-center showValidationErrors">
                            {{ $y }}
                        </div>
                        @endif
                        <form method="post" action="{{ route('site.contactMessage') }}" enctype="multipart/form-data"
                            class="submitFormData">
                            @csrf
                            <div class="row">
                                <input type="hidden" id="gtoken" name="gToken">
                                <div class="form-group my-2">
                                    <input type="text" name="name"
                                        class="form-control py-2 bg-transparent profilePlaceholder text-3b3b3b"
                                        placeholder="@lang('site.Full_Name')"
                                        value="{{ old('name') }}">
                                </div>
                                <div class="form-group my-2">
                                    <input type="text" name="email"
                                        class="form-control py-2 bg-transparent profilePlaceholder text-3b3b3b"
                                        placeholder="@lang('site.Email_Address')"
                                        value="{{ old('email') }}">
                                </div>
                                <div class="form-group my-2">
                                    <input type="text" name="number"
                                        class="form-control py-2 bg-transparent profilePlaceholder text-3b3b3b"
                                        placeholder="@lang('hr.Mobile_Number')"
                                        value="{{ old('number') }}">
                                </div>
                                <div class="form-group my-2">
                                    <select name="subject_id"
                                        class="SF16_19Regular text-3b3b3b w-100 px-2 py-2 rounded border-d1d1d1"
                                        style="outline: none">
                                        @foreach ($subjects as $subject)
                                            <option 
                                                value="{{ $subject->id }}" 
                                                {{ old('subject_id') == $subject->id ? 'selected' : '' }}
                                            >
                                                {{ $subject->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group my-2">
                                    <textarea 
                                        id="messageField" 
                                        class="form-control profilePlaceholder" 
                                        name="message" 
                                        rows="7" 
                                        placeholder="@lang('site.Write_message')"
                                    >
                                        {{old('message')}}
                                    </textarea>
                                    
                                    <script>
                                        const messageField = document.getElementById('messageField');
                                        const enforcedText = 'Referral From: '+new URLSearchParams(window.location.search).get('referral')+'---';
                                    
                                        messageField.addEventListener('input', () => {
                                            if (!messageField.value.includes(enforcedText)) {
                                                messageField.value = enforcedText + '\n' + messageField.value.replace(enforcedText, '').trim();
                                            }
                                        });
                                    </script>
                                </div>
                                @foreach ($errors->all() as $error)
                                    <p class="d-block text-danger">{{ $error }}</p>
                                @endforeach
                                <div>
                                    <a onclick="Captcha('gtoken')"
                                        class="btn bg-red text-white SF18_21Bold w-100 py-2 px-3 my-3">@lang('site.Send_Massage')</a>
                                    <button hidden type="submit" id="doSubmitWithCaptchagtoken"></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection