@extends('Frontend.layouts.layout-blank')

@section('styles')
    <!-- Page -->
    <link rel="stylesheet" href="{{ asset('/vendor/css/pages/authentication.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">
@endsection

@section('content')
@php
    setServerLocal($lang);
@endphp

    <div class="authentication-wrapper authentication-2 ui-bg-cover ui-bg-overlay-container px-4 fill" style="background-size: cover; background-position:center center; background-image: url('{{ CRUDBooster::getSetting("login_background_image")?asset(CRUDBooster::getSetting("login_background_image")):url('images/frontpage-bg.jpg') }}');">
        <div class="ui-bg-overlay bg-dark opacity-25"></div>

        <div class="authentication-inner py-5">

            <div class="card card-background">
                <div class="p-4 p-sm-5">
                    <!-- Logo -->
                    <div class="d-flex justify-content-center align-items-center pb-2 mb-4">
                        <div class="">
                            <div class="w-100 position-relative">
                                <img src="{{ asset(brandLogo()) }}" lazy="loading" alt="{{ brandName() }}" style="width:100%;height:100%">
                            </div>
                        </div>
                    </div>
                    <!-- / Logo -->

                    <h4 class="text-center text-dark font-weight-bold mb-4">{{trans('action.page_heding', ['siteName' => env('APP_NAME')])}}.</h4>
                    <p>
                        {{trans('action.hello')}},  <b>{{$name}}</b> {{trans('action.paragraph')}}
                    </p>

                    <!-- Form -->
                    <form method="POST" action="{{ route('requiredFilds') }}">
                        @csrf
                         <input type="hidden" name="user_id" value="{{$user_id}}">
                        <div class="form-group">
                            <label class="form-label mb-2 text-dark">{{trans('action.birthday')}}</label>
                            <input type="text" id="datePicker" autocomplete="off" class="form-control m-0 datef col-md-12 {{ $errors->has('dob') ? ' is-invalid' : '' }}" name="dob" placeholder="dd.mm.yyyy" value="{{ $dob }}" required>
                            {{-- <input type="text" id="datePicker" name="dob" class="form-control datef {{ $errors->has('dob') ? ' is-invalid' : '' }}" placeholder="dd.mm.yyyy" value="{{ date_change($dob) }}" required> --}}

                            @if ($errors->has('dob'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('dob') }}</strong>
                                </span>
                            @endif
                        </div>

                        <div class="form-group">
                            <label class="form-label mb-2 d-flex justify-content-between align-items-end">
                                <div class="text-dark">{{trans('action.placeholder_address')}}</div>
                            </label>
                            <input type="text" placeholder="{{trans('action.pob')}}" id="pob" class="form-control{{ $errors->has('pob') ? ' is-invalid' : '' }}" name="pob" value="{{$pob}}" required>

                            @if ($errors->has('pob'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('pob') }}</strong>
                                </span>
                            @endif
                        </div>

                        <div class="d-flex justify-content-between align-items-center m-0 float-right">
                            <button type="submit" id="savebtn" class="btn btn-primary ">{{trans('action.save')}}</button>
                        </div>
                        <div class="d-flex justify-content-between align-items-center mt-5 pt-3">
                            <p class="text ">{{trans('action.forhelpcontact', ['siteName' => env('APP_NAME')])}}<a href="https://crm.enerprax.com/forms/ticket?styled=1&with_logo=1"> {{trans('action.click')}}</a></p>


                        </div>
                        <div class="d-flex justify-content-between align-items-center mt-1">
                            <p class="text">{{trans('action.finddocument', ['siteName' => env('APP_NAME')])}} <a href="https://energetisch.fit/hilfe/"> {{trans('action.click')}}</a></p>

                        </div>
                    </form>
                    <!-- / Form -->

                </div>
            </div>

        </div>
    </div>
@endsection
@section('scripts')
<script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
<script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>
<script>
    $('#datePicker')
    .datepicker({
        format: 'dd.mm.yyyy',
         beforeShow: function () {
              setTimeout(function () {
                  $('.ui-datepicker').css('z-index', 99999);
              }, 0);
          }
    })
    .on('changeDate', function(e) {
        // Revalidate the date field
        $('#eventForm').formValidation('revalidateField', 'date');
    });
</script>
@endsection