@extends('layouts.frontend.master')

@section('title')
    {{ __('UNIGUIDE | e-Learning website') }}
@endsection
@push('css')
@endpush

@section('content')
    <!-- Register Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <h6 class="section-title bg-white text-center text-primary px-3">{{__('Register Now')}}</h6>
                <h1 class="mb-5">{{__('Free Registration')}}</h1>
            </div>
            @if($register)
                <div class="row reg">
                    <div class="col-md-6 pt-5">
                        <h3>{{$register->title}}</h3>
                        <a href="#register" class="btn btn-primary">{{__('Register Now')}}</a>
                    </div>
                    <div class="col-md-6"><img src="{{$register->imagePath}}" alt="regImg"></div>
                </div>
            @endif
        </div>
    </div>
    <!-- Register End -->

    <!-- About Start -->
    @if($about)
        <div class="container-xxl py-5">
            <div class="container">
                <div class="row g-5">
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s" style="min-height: 400px;">
                        <div class="position-relative h-100">
                            <img class="img-fluid position-absolute w-100 h-100" src="{{ $about->imagePath }}"
                                 alt="" style="object-fit: cover;">
                        </div>
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
                        <h6 class="section-title bg-white text-start text-primary pe-3">{{ __('About Us') }}</h6>
                        <h1 class="mb-4">{{ $about->title }}</h1>
                        {!! $about->content !!}
                        <div class="row gy-2 gx-4 mb-4">
                            <h4 class="text-primary">{{ __('Contact us now and get your free consultation') }}</h4>
                        </div>
                        <a class="btn btn-primary py-3 px-5" href="{{ route('contact') }}">{{ __('Contact Us') }}</a>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <!-- About End -->

    <!-- Form Start -->
    <section class="faq2 pt-5 pb-5" id="register">
        <div class="container">
            <div class="get-in-touch row">
                <div class="col-md-12 form detform">
                    <h4>Register Now</h4>
                    <p class="lead text-black-50">{{__('Enter Yor Details and We Will Contact You')}}</p>
                    <form  action="{{route('frontend.register.store')}}" method="POST">
                       @csrf
                        <div class="row g-3">

                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="first_name" placeholder="{{__('First Name')}}" name="first_name">
                                    <label for="first_name">{{__('First Name')}}</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="last_name" placeholder="{{__('Last Name')}}" name="last_name">
                                    <label for="last_name">{{__('Last Name')}}</label>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="email" class="form-control" id="email" name="email" placeholder="{{__('Your Email Address')}}">
                                    <label for="email">{{__('Email Address')}}</label>
                                </div>
                            </div>

{{--                            <div class="col-md-6">--}}
{{--                                <div class="form-floating">--}}
{{--                                    <input type="password" class="form-control" id="password" placeholder="{{__('Password')}}" name="password">--}}
{{--                                    <label for="password">{{__('Password')}}</label>--}}
{{--                                </div>--}}
{{--                            </div>--}}

                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="tel" class="form-control" id="phone" placeholder="{{__('Phone')}}" name="phone">
                                    <label for="phone">{{__('Phone')}}</label>
                                </div>
                            </div>

{{--                            <div class="col-md-6">--}}
{{--                                <div class="form-floating">--}}
{{--                                    <input type="date" class="form-control" id="birthday" placeholder="{{__('Birthday')}}" name="birthday">--}}
{{--                                    <label for="birthday">{{__('Birthday')}}</label>--}}
{{--                                </div>--}}
{{--                            </div>--}}

                            <div class="col-md-6">
                                <div class="form-floating">
                                    <select class="form-select" name="nationality_id" id="nationality_id">
                                        <option value="" disabled selected>{{__('Choose Nationality')}}--</option>
                                        @foreach ($nathinalties as $nationality)
                                            <option value="{{ $nationality->id }}"
                                                {{ old('nationality_id') ? (old('nationality_id') == $nationality->id ? 'selected' : '') : '' }}>
                                                {{ $nationality->name }}</option>
                                        @endforeach
                                    </select>
                                    <label for="nationality_id">{{__('Nationality')}}</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <select class="form-select" name="genders" id="genders">
                                        <option value="" disabled selected>{{__('Choose Gender')}}--</option>
                                        <option value="male" selected
                                            {{ old('genders') ? (old('genders') == 'male' ? 'selected' : '') : '' }}>
                                            {{ __('Male') }}</option>
                                        <option value="female"
                                            {{ old('genders') ? (old('genders') == 'female' ? 'selected' : '') : '' }}>
                                            {{ __('Female') }}</option>
                                    </select>
                                    <label for="genders">{{__('Genders')}}</label>
                                </div>
                            </div>

                            <div class="col-12 d-flex justify-content-end send">
                                <button class="btn btn-primary register detreg py-3" type="submit">Submit <i class="fas fa-location-arrow" aria-hidden="true"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- Form End -->


    @push('scripts')
    @endpush


@endsection