@extends('client.layouts.app')

@section('content')
<div class="partnership-request">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8 col-lg-5">
                <div class="partnership-request__header">
                    <h1>{{ __('client.partnership_request.partnership_request') }}</h1>
                </div>

                <div class="partnership-request__content">
                    <form method="POST" action="{{ route('client.partnership_request.update') }}">
                        @csrf

                        <div class="form-group row">
                            <label for="company" class="col-md-12 col-form-label text-md-left @error('company') error @enderror">{{ trans_choice('client.global.companies', 1) }}</label>
                            <div class="col-md-12">
                                <input id="company" type="text" class="form-control" name="company" value="{{ old('company') }}" autocomplete="company" autofocus>
                                @error('company')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group @error('eik') error @enderror row">
                            <label for="eik" class="col-md-12 col-form-label text-md-left">{{ __('client.partnership_request.eik') }}</label>

                            <div class="col-md-12">
                                <input id="eik" type="text" class="form-control" name="eik" value="{{ old('eik') }}"  autocomplete="eik" autofocus>

                                @error('eik')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row @error('contact_person') error @enderror">
                            <label for="contact_person" class="col-md-12 col-form-label text-md-left ">{{ __('client.partnership_request.contact_person') }}</label>

                            <div class="col-md-12">
                                <input id="contact_person" type="text" class="form-control" name="contact_person" value="{{ old('contact_person') }}" autocomplete="contact_person" autofocus>

                                @error('contact_person')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group @error('email') error @enderror row">
                            <label for="email" class="col-md-12 col-form-label text-md-left">{{ __('client.global.email') }}</label>

                            <div class="col-md-12">
                                <input id="email" type="text" class="form-control " name="email" value="{{ old('email') }}" autocomplete="email" autofocus>

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group @error('phone') error @enderror row">
                            <label for="phone" class="col-md-12 col-form-label text-md-left">{{ __('client.partnership_request.phone') }}</label>
                            <div class="col-md-12">
                                <input id="phone" type="text" class="form-control" name="phone" value="{{ old('phone') }}" autocomplete="phone" autofocus>

                                @error('phone')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="city" class="col-md-12 col-form-label text-md-left @error('city') error @enderror">{{ __('client.partnership_request.city') }}</label>

                            <div class="col-md-12">
                                <input id="city" type="text" class="form-control" name="city" value="{{ old('city') }}" autocomplete="city" autofocus>

                                @error('city')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="country" class="col-md-12 col-form-label text-md-left @error('country') error @enderror">{{ __('client.partnership_request.country') }}</label>

                            <div class="col-md-12">
                                <select class="form-control @error('country') error @enderror" name="country" autocomplete="country" autofocus >
                                    @foreach ($countries as $country)
                                        <option value="{{ $country }}" @if (old('country') == $country) selected @endif>{{ $country }}</option>
                                    @endforeach
                                </select>

                                @error('country')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row partnership-request__additional-information">
                            <label for="info" class="col-md-12 col-form-label text-md-left @error('info') error @enderror">
                                {{ __('client.partnership_request.info') }}
                            </label>
                                                        <div class="col-md-12">
                                <textarea id="info" class="form-control " name="info" autocomplete="info" autofocus>{{ old('info') }}</textarea>

                                @error('info')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-12">
                                <div class="form-check">
                                    <label class="checkbox-label d-flex align-items-center partnership-request__checkbox-label">
                                        <input class="checkbox-input d-none" type="checkbox" name="gdpr" value="1">
                                        <span class="checkbox-box d-flex justify-content-center align-items-center">
                                            <i class="fas fa-check"></i>
                                        </span>
                                        <span class="checkbox-copy">{!! __('client.partnership_request.gdpr_agree') !!}</span>
                                    </label>
                                    @error('gdpr')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ __('messages.errors.gdpr_required') }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group row mb-0">
                            <div class="col-md-8">
                                <button id="partnership-request-submit-button" type="submit" class="btn btn-primary--dark-blue">
                                    {{ __('client.partnership_request.send') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
    <script type="text/javascript">
        $('body').on('change', '#gdpr', function() {
            $('#partnership-request-submit-button').prop('disabled', !this.checked);
        });

        // On error scroll to the error message
        if ($('.invalid-feedback').length > 0) {
            $('html, body').animate({
                scrollTop: $('.invalid-feedback:visible:first').parents('.form-group').offset().top
            }, 1000);
        }
    </script>
@endsection