@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">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 col-xl-4">
                    <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="form-group">
                                    <label for="user_type">{{__('Tip persoanǎ')}}<span class="text-danger">*</span></label>
                                    <select name="user_type" id="user_type" class="form-control form-select" required>
                                        <option value="">{{__('Alege o optiune')}}</option>
                                        @foreach($userTypes as $userType)
                                            <option value="{{$userType->id}}" @if(old('person_type') == $userType->id) selected @endif>
                                                {{$userType->name}}
                                            </option>
                                        @endforeach

                                    </select>
                                </div>
                                <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>
                                </div>
                                <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>
                                </div>
                                <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>
                                </div>
                                <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>
                                </div>
                                <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>
                                </div>
                                <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>
                                </div>
                                <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-red-600">{{ $message }}</div>
                                    @enderror
                                </div>
                                @if ($errors->any())
                                    <div class="text-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                    <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>
                                    </div>

                                <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>
                            </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

{{--<x-guest-layout>--}}
{{--    <x-auth-card>--}}
{{--        <x-slot name="logo">--}}
{{--            <a href="/">--}}
{{--                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />--}}
{{--            </a>--}}
{{--        </x-slot>--}}
{{--        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>--}}

{{--        &lt;!&ndash; Session Status &ndash;&gt;--}}
{{--        <x-auth-session-status class="mb-4" :status="session('status')" />--}}

{{--        &lt;!&ndash; Validation Errors &ndash;&gt;--}}
{{--        <x-auth-validation-errors class="mb-4" :errors="$errors" />--}}

{{--        <form method="POST" action="{{ route('login') }}">--}}
{{--            @csrf--}}

{{--            &lt;!&ndash; Email Address &ndash;&gt;--}}
{{--            <div>--}}
{{--                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" placeholder="Adresa de Email" required autofocus />--}}
{{--            </div>--}}

{{--            &lt;!&ndash; Password &ndash;&gt;--}}
{{--            <div class="mt-4">--}}
{{--                <x-input id="password" class="block mt-1 w-full" type="password" name="password" placeholder="Parola" required autocomplete="current-password" />--}}
{{--                @if (Route::has('password.request'))--}}
{{--                    <br>--}}
{{--                    <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('password.request') }}">--}}
{{--                        Ai uitat parola?--}}
{{--                    </a>--}}
{{--                @endif--}}
{{--            </div>--}}

{{--            <div class="form-group mt-4 mb-4">--}}
{{--                <div class="captcha d-flex">--}}
{{--                    <span>{!! captcha_img('math') !!}</span>--}}
{{--                    <button type="button" class="btn btn-danger ml-1" class="reload" id="reload">--}}
{{--                        &#x21bb;--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="mt-4">--}}
{{--                <x-input id="captcha" class="block mt-1 w-full @error('captcha') is-invalid @enderror"--}}
{{--                    type="text" name="captcha" placeholder="Enter Captcha" required />--}}
{{--                @error('captcha')--}}
{{--                    <div class="text-red-600">{{ $message }}</div>--}}
{{--                @enderror--}}
{{--            </div>--}}

{{--            &lt;!&ndash; Remember Me &ndash;&gt;--}}
{{--            <div class="block mt-4">--}}
{{--                <label for="remember_me" class="inline-flex items-center">--}}
{{--                    <input id="remember_me" type="checkbox" class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="remember">--}}
{{--                    <span class="ml-2 text-sm text-gray-600">Pastreaza-ma autentificat</span>--}}
{{--                </label>--}}
{{--        --}}
{{--            </div>--}}

{{--            <div class="flex items-center justify-end mt-4">--}}
{{--             --}}
{{--                @if (Route::has('register'))--}}
{{--                <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('register') }}">--}}
{{--                    Nu ai cont? Inregistreaza-te--}}
{{--                </a>--}}
{{--            @endif--}}
{{--                <x-button class="ml-3">--}}
{{--                    Log in--}}
{{--                </x-button>--}}
{{--            </div>--}}
{{--        </form>--}}
{{--    </x-auth-card>--}}
{{--</x-guest-layout>--}}
{{--<script type="text/javascript">--}}
{{--    $('#reload').click(function () {--}}
{{--        $.ajax({--}}
{{--            type: 'GET',--}}
{{--            url: '/reload-captcha',--}}
{{--            success: function (data) {--}}
{{--                $(".captcha span").html(data.captcha);--}}
{{--            }--}}
{{--        });--}}
{{--    });--}}
{{--</script>--}}