@extends('layouts.front')

@section('content')

    <header class="pageMainHead d-flex position-relative bgCover w-100 text-white"
            style="background-image: url({{ asset('assets/site/images/auth_bg_1920_1.jpg') }});">
        <div class="alignHolder d-flex w-100 align-items-center">
            <div class="align w-100 position-relative">
                <div class="container">
                    <h1 class="text-white mb-2">Autentificare</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb breadcrWhite rounded-0 border-0 p-0 fontAlter mb-0">
                            <li class="breadcrumb-item"><a href="/">Principalǎ</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Autentificare</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <section class="login_section py-8 py-md-15 py-xl-22 fontAlter onest">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 col-xl-5">
                    <ul class="nav nav-tabs tabset justify-content-center mb-10" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link tablink @if(!session('tab') || (session('tab') === 'login')) active @endif" id="login-tab" data-toggle="tab" href="#login" role="tab"
                               aria-controls="login" aria-selected="true">
                                {{__('Logare')}}
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link tablink @if(session('tab') === 'register') active @endif" id="register-tab" data-toggle="tab" href="#register" role="tab"
                               aria-controls="register" aria-selected="false">
                                {{__('Înregistrare')}}
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content" id="loginTabContent">
                        <div class="tab-pane fade  @if(!session('tab') || (session('tab') === 'login'))show active @endif" id="login" role="tabpanel" aria-labelledby="login-tab">
                            <form action="{{route('loginRequest')}}" method="POST">
                                @csrf
                                <div class="form-group">
                                    <label for="email">{{__('Email')}} <span class="text-danger">*</span></label>
                                    <input type="email" name="email" id="email" class="form-control" value="{{old('email')}}" >
                                    {{--@error('email')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror--}}
                                </div>
                                <div class="form-group">
                                    <label for="pass">{{__('Parola')}} <span class="text-danger">*</span></label>
                                    <input type="password" name="password" id="pass" class="form-control" required>
                                    {{--@error('password')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror--}}
                                </div>
                                <div class="form-check mb-5 p-0">
                                    <span class="customCheckboxLabel">
										<input class="form-check-input fakeInput" type="checkbox" id="save-password" name="remember">
										<label class="form-check-label cuFakeLabel" for="save-password">
                                            {{__('Pǎstreazǎ-mǎ autentificat')}}
                                        </label>
									</span>
                                    <a href="{{route('forgotPasswordPage')}}" class="float-right text-body txtLink">
                                        {{__('Ai uitat parola?')}}
                                    </a>
                                </div>
                                @if (session('status'))
                                    <div class="font-medium text-sm text-green-600">
                                        {{ session('status') }}
                                    </div>
                                @endif
                                @if ($errors->any())
                                    <div class="text-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <button type="submit" class="btn btnTheme fwMedium w-100 d-block text-capitalize position-relative border-0 p-0" data-hover="Login">
                                    <span class="d-block btnText">{{__('Logare')}}</span>
                                </button>
                            </form>
                        </div>
                        <div class="tab-pane fade @if(session('tab') === 'register') show active @endif" id="register" role="tabpanel" aria-labelledby="register-tab">
                            <form action="{{route('registerRequest')}}" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="col-xl-6 mt-3">
                                        <div class="form-group">
                                            <div>
                                                <label for="pers_fizica">
                                                    <input type="radio" name="user_type" id="pers_fizica" value="fizic">
                                                    Persoanǎ fizicǎ
                                                </label>
                                            </div>
                                            <div>
                                                <label for="pers_juridica">
                                                    <input type="radio" name="user_type" id="pers_juridica" value="juridic">
                                                    Persoanǎ juridicǎ
                                                </label>
                                            </div>
                                            @error('user_type')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xl-6">
                                        <div class="form-group">
                                            <label for="cnp_cui">{{__('CNP/CUI')}}<span class="text-danger">*</span></label>
                                            <input type="text" name="cnp_cui" id="cnp_cui" value="{{old('cnp_cui')}}" class="form-control" required>
                                            @error('cnp_cui')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xl-12">
                                        <div class="form-group">
                                            <label for="name">{{__('Nume')}}<span class="text-danger">*</span></label>
                                            <input type="text" name="name" id="name" value="{{old('name')}}" class="form-control" required>
                                            @error('name')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xl-6">
                                        <div class="form-group">
                                            <label for="email">{{__('Email')}}<span class="text-danger">*</span></label>
                                            <input type="email" name="email" id="email" class="form-control" value="{{old('email')}}" required>
                                            @error('email')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xl-6">
                                        <div class="form-group">
                                            <label for="phone">{{__('Telefon')}}<span class="text-danger">*</span></label>
                                            <input type="text" name="phone" id="phone" value="{{old('phone')}}" class="form-control" required>
                                            @error('phone')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xl-6">
                                        <div class="form-group">
                                            <label for="password">{{__('Parola')}} <span class="text-danger">*</span></label>
                                            <input type="password" name="password" id="password" class="form-control" required>
                                            @error('password')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xl-6">
                                        <div class="form-group">
                                            <label for="confirm_password">{{__('Confirmǎ parola')}}<span class="text-danger">*</span></label>
                                            <input type="password" name="password_confirmation" id="confirm_password" class="form-control" required>
                                            @error('password_confirmation')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xl-12">
                                        <div class="form-group">
                                            <label for="captcha">{{__('Captcha')}}<span class="text-danger">*</span></label>
                                            <div class="captcha d-flex">
                                                <span>{!! captcha_img('math') !!}</span>
                                                <button type="button" class="btn btn-warning btn-sm reload" id="reload_captcha">
                                                    &#x21bb;
                                                </button>
                                            </div>
                                        </div>
                                        <div class="mt-4">
                                            <input id="captcha" class="form-control" type="text" name="captcha" required />
                                            @error('captcha')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col">
                                        <div class="form-check mt-5">
                                            <input class="form-check-input" type="checkbox" value="true" id="agree_terms" name="agree_terms">
                                            <label class="form-check-label" for="agree_terms">
                                                Accept termeni si conditii
                                            </label>
                                            @error('agree_terms')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <dic class="col">
                                        <button type="submit" class="btn btnTheme fwMedium w-100 d-block text-capitalize position-relative border-0 mt-5 p-0"
                                                data-hover="{{__('Înregistrare')}}">
                                            <span class="d-block btnText">{{__('Înregistrare')}}</span>
                                        </button>
                                    </dic>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    <script type="text/javascript">
        // $('#reload').click(function () {
        //     $.ajax({
        //         type: 'GET',
        //         url: '/reload-captcha',
        //         success: function (data) {
        //             $(".captcha span").html(data.captcha);
        //         }
        //     });
        // });
    </script>
@endpush