@extends('layouts.home')
@section('body')
    <section id="signup">
        <div class="reg-bg">
            <div class="sign-overlay"></div>
        </div>
        @error('general')
            <div class="alert alert-danger on-edit-dismiss" role="alert">
                {{ $message }}
            </div>
        @enderror
        <div class="sign-split">
            <div class="form_wrapper">
                <div class="form_container">
                    <div class="title_container">
                        <h2>Register to Learn</h2>
                        <p>Get the best out of Rapisurv with our special training program.</p>
                    </div>
                    <!-- Individual Form -->
                    <div class="individual-form">

                        <div class="row clearfix">
                            <div class="">
                                <form action={{ route('learning.register.save') }} method="POST">
                                    @csrf
                                    <div class="row clearfix">
                                        <div class="col_half">
                                            <div class="input_field">
                                                <input type="text" name="finm" id="finm" pattern="^([a-zA-Z]{2,} ?)+$"
                                                    placeholder="First Name" required value="{{ old('finm') }}" />
                                                @error('finm')
                                                    <p class="error-message">{{ $message }}</p>
                                                @enderror
                                                <p class="error-message"></p>
                                            </div>
                                        </div>
                                        <div class="col_half">
                                            <div class="input_field">
                                                <input type="text" name="lamn" id="lamn" pattern="^([a-zA-Z]{2,} ?)+$"
                                                    placeholder="Last Name" required value="{{ old('lamn') }}" />
                                                @error('lamn')
                                                    <p class="error-message">{{ $message }}</p>
                                                @enderror
                                                <p class="error-message"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="input_field select_option">
                                        <select name="address[cotr]">
                                            <option selected disabled>Select a country</option>
                                            @foreach ($countries->data as $country)
                                                <option value={{ $country['code'] }}
                                                    {{ old('address.cotr') == $country['code'] ? 'selected' : '' }}>
                                                    {{ $country['name'] }}</option>
                                            @endforeach

                                        </select>
                                        <div class="select_arrow"></div>
                                        @error('address.cotr')
                                            <p class="error-message">{{ $message }}</p>
                                        @enderror
                                    </div>

                                    <div class="input_field">
                                        <input type="email" name="email" id="email" placeholder="Email" required
                                            value="{{ old('email') }}" />
                                        <p class="error-message"></p>
                                        @error('email')
                                            <p class="error-message">{{ $message }}</p>
                                        @enderror
                                    </div>


                                    <div class="input_field">
                                        <input type="text" name="orgn" id="orgn" placeholder="Organization (Optional)"
                                            value="{{ old('orgn') }}" />
                                        @error('orgn')
                                            <p class="error-message">{{ $message }}</p>
                                        @enderror
                                    </div>

                                    <div class="input_field">
                                        <input type="text" name="address[adds]" id="addr" placeholder="Address (Optional)"
                                            value="{{ old('address.adds') }}" />
                                        @error('address.adds')
                                            <p class="error-message">{{ $message }}</p>
                                        @enderror
                                    </div>

                                    <div class="row clearfix">
                                        <div class="col_half">
                                            <div class="input_field">
                                                <input type="text" name="address[city]" id="city" placeholder="City"
                                                    value="{{ old('address.city') }}" />
                                                @error('address.city')
                                                    <p class="error-message">{{ $message }}</p>
                                                @enderror
                                                <p class="error-message"></p>
                                            </div>
                                        </div>
                                        <div class="col_half">
                                            <div class="input_field">
                                                <input type="text" name="address[poco]" id="postalcode"
                                                    placeholder="Postal Code" value="{{ old('address.poco') }}" />
                                                @error('address.poco')
                                                    <p class="error-message">{{ $message }}</p>
                                                @enderror
                                                <p class="error-message"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="input_field select_option">
                                        <select name="zone">
                                            <option>Preferred Standard Method of Measurement</option>
                                            @foreach ($zones as $zone)
                                                <option value={{ $zone->id }}
                                                    {{ old('zone') == $zone->id ? 'selected' : '' }}>{{ $zone->cotn }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <div class="select_arrow"></div>
                                        @error('zone')
                                            <p class="error-message">{{ $message }}</p>
                                        @enderror
                                    </div>
                                    <button type="submit">Register</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection