@php use App\Models\District; @endphp
@extends('layouts.app')

@section('title')
    {{ __('pages.sign') }}
@endsection

@section('content')
    <main class="mt-0">
        <div class="page-header align-items-start min-vh-50 pt-4 pb-11 m-3 border-radius-lg"
             style="background-image: url('https://upsc.md/wp-content/uploads/2021/10/157925532_2761947404070944_738068262893674880_n-1.png'); background-position: top;">
            <span class="mask bg-gradient-secondary opacity-2"></span>
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5 text-center mx-auto">
                        <h1 class="text-dark mb-2 mt-5">Welcome!</h1>
                        <h5 class="text-lead text-dark">Use these awesome forms to login or create new account in your
                            project for free.</h5>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row mt-lg-n10 mt-md-n11 mt-n10 justify-content-center">
                <div class="col-xl-4 col-lg-5 col-md-7 mx-auto w-auto">
                    <div class="card z-index-0 sign-up-card">
                        <div class="card-header text-center pt-4">
                            <h5>{{ __('pages.sign_up_verb') }}</h5>
                        </div>
                        <div class="card-body">
                            {{ Form::open(array('route' => 'signUpPost', 'method' => 'post', 'role' => 'form')) }}
                            {{--<form method="post" action="{{ route('signUpPost') }}" role="form">--}}
                            <div class="mb-3">
                                <input name="first_name" type="text"
                                       class="form-control @error('first_name') is-invalid @enderror" placeholder="Nume"
                                       aria-label="Nume" value="{{ old('first_name') }}" required>
                                <div class="invalid-feedback">{{ $errors->first('first_name') ?? '' }}</div>
                            </div>
                            <div class="mb-3">
                                <input name="last_name" type="text"
                                       class="form-control @error('last_name') is-invalid @enderror"
                                       placeholder="Prenume" aria-label="Prenume" value="{{ old('last_name') }}" required>
                                <div class="invalid-feedback">{{ $errors->first('last_name') ?? '' }}</div>
                            </div>
                            <div class="mb-3">
                                <input name="email" type="email"
                                       class="form-control @error('email') is-invalid @enderror" placeholder="Email"
                                       aria-label="Email" value="{{ old('email') }}" required>
                                <div class="invalid-feedback">{{ $errors->first('email') ?? '' }}</div>
                            </div>
                            <div class="mb-3">
                                <input name="phone" type="tel" class="form-control @error('phone') is-invalid @enderror"
                                       placeholder="Telefon" aria-label="Telefon" value="{{ old('phone') }}" required>
                                <div class="invalid-feedback">{{ $errors->first('phone') ?? '' }}</div>
                            </div>
{{--                            <div class="mb-3">--}}
{{--                                <select name="locality" class="selectpicker @error('locality') is-invalid @enderror"--}}
{{--                                        data-dropup-auto="false" data-live-search="true" aria-label="Localitatea"--}}
{{--                                        data-width="100%" data-size="6"--}}
{{--                                        data-live-search-normalize="true" data-virtual-scroll="false"--}}
{{--                                        title="Localitatea">--}}
{{--                                    @foreach(District::all() as $district)--}}
{{--                                        <optgroup label="{{ $district->name }}">--}}
{{--                                            @foreach($district->localities as $locality)--}}
{{--                                                <option value="{{ $locality->id }}">{{ $locality->name }}</option>--}}
{{--                                            @endforeach--}}
{{--                                        </optgroup>--}}
{{--                                    @endforeach--}}
{{--                                </select>--}}
{{--                                <div class="invalid-feedback">{{ $errors->first('locality') ?? '' }}</div>--}}
{{--                            </div>--}}
{{--                            <div class="mb-3">--}}
{{--                                <div>--}}
{{--                                    <select name="sex" class="selectpicker show-tick @error('sex') is-invalid @enderror"--}}
{{--                                            data-dropup-auto="false" aria-label="Sexul" data-width="100%" title="Sexul">--}}
{{--                                        <option value="1">{{ __('pages.male') }}</option>--}}
{{--                                        <option value="2">{{ __('pages.female') }}</option>--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                                <div class="invalid-feedback">{{ $errors->first('sex') ?? '' }}</div>--}}
{{--                            </div>--}}
{{--                            <div class="mb-3">--}}
{{--                                <input name="birthday" type="date"--}}
{{--                                       class="form-control @error('birthday') is-invalid @enderror"--}}
{{--                                       placeholder="Ziua, Luna, Anul Nasterii" aria-label="Ziua, Luna, Anul Nasterii">--}}
{{--                                <div class="invalid-feedback">{{ $errors->first('birthday') ?? '' }}</div>--}}
{{--                            </div>--}}
                            <div class="mb-3">
                                <input name="password" type="password"
                                       class="form-control @error('password') is-invalid @enderror"
                                       placeholder="Password" aria-label="Password">
                                <div class="invalid-feedback">{{ $errors->first('password') ?? '' }}</div>
                            </div>
                            <div class="form-check form-check-info text-start">
                                <input class="form-check-input @error('terms_and_conditions') is-invalid @enderror"
                                       type="checkbox" id="terms_and_conditions" name="terms_and_conditions"
                                       required>
                                <label class="form-check-label" for="terms_and_conditions">
                                    <span> {{ __('pages.terms_conditions1') }}<a href="javascript:;" class="text-dark font-weight-bolder"> {{ __('pages.terms_conditions2') }}</a></span>
                                </label>
                                <div class="invalid-feedback">{{ $errors->first('terms_and_conditions') ?? '' }}</div>
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2">{{ __('pages.sign_up') }}</button>
                            </div>
                            <p class="text-sm mt-3 mb-0">{{ __('pages.already_have_account') }}<a href="{{ route('signInGet') }}"
                                                                                     class="text-dark font-weight-bolder">{{ __('pages.sign_in') }}</a></p>
                            {{--</form>--}}
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('custom-css')
    <link rel="stylesheet" href="{{ asset('css/pages/signUp.css') }}">
@endsection

@section('custom-scripts')
@endsection