@extends('layouts.auth')
@section('content')
    <div class="row ">
        <div class="col-md-4 py-5 text-white text-center bg-image-signup ">
            <div class=" ">
                <div class="card-body text-left">
                    <h2 class="py-3">Tilmeld dig selv</h2>

                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-8 p-5 register-form mx-auto">
            @if(session()->has('message'))
                <div class="alert alert-success">
                    {{ session()->get('message') }}
                </div>
            @endif
            @if(session()->has('errmessage'))
                <div class="alert alert-danger">
                    {{ session()->get('errmessage') }}

                </div>
            @endif
            <h4 class="pb-4">Personlig information</h4>
            <form method="post"  id="giftuser-form" action="{{ route('giftuser.signup.submit') }}">

                {{ csrf_field() }}
                @include('common.flash_messages')
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="first_name" class="required">E-mail</label>
                        <input id="email" name="giftuser[email]" class="form-control" type="text" value="{{old('giftuser.email')}}" autocomplete="off">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="unique_code" class="required">Invitations kode</label>
                        <input id="unique_code" name="giftuser[unique_code]" class="form-control" type="text" value="{{old('giftuser.unique_code')}}" autocomplete="off">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="first_name" class="required">Adgangskode  <i data-toggle="tooltip" data-placement="right" title="" class="fa fa-question-circle" data-original-title="Passwords must be over 8 characters, Contains 1 Uppercase, 1 number and 1 special character"></i></label>
                        <input id="password" name="giftuser[password]" class="form-control" type="password"
                               autocomplete="off">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="first_name" class="required">Gentag adgangskode</label>
                        <input type="password" class="form-control" name="giftuser[password_confirmation]" id="password1"
                               autocomplete="off">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="first_name" class="required">Fornavn</label>
                        <input id="first_name" name="giftuser[first_name]" class="form-control" type="text"  value="{{old('giftuser.first_name')}}" autocomplete="off">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="first_name" class="required">Efternavn</label>
                        <input type="text" class="form-control" id="last_name" name="giftuser[last_name]"  value="{{old('giftuser.last_name')}}" autocomplete="off">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label>Telefonnummer</label>
                        <div class="mobilem signup"> <input id="phone" name="giftuser[mobile]" value="{{old('giftuser.mobile')}}" class="form-control" type="text"  autocomplete="off"></div>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="first_name" class="required">Vælg land</label>
                        {{ Form::select('giftuser[country]', [null=>'Select Country'] + $countries, old('giftuser.country') , ['class' => 'form-control mycountry','id'=>'country','autocomplete'=>'off','onchange' => 'getVatValue()']) }}
                    </div>
                </div>



                <div class="form-row">
                    <div class="form-check pt-3">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" value="yes" name="terms" id="terms"
                                   autocomplete="off">ACCEPTER VORE <a class="termsacc"
                                                                    href="{{route("cms.page", ["slug" => 'terms-and-conditions'])}}"
                                                                    target="_blank"><strong>VILKÅR OG BETINGELSER</strong> </a> FOR BRUGER/GAVEKORT
                        </label>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-check pt-3">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" value="yes" name="privacy" id="privacy"
                                   autocomplete="off">ACCEPTER VORES <a class="termsacc"
                                                                    href="{{route("cms.page", ["slug" => 'privacy-policy'])}}" target="_blank"><strong>FORTROLIGHEDSPOLITIK</strong></a>
                        </label>
                    </div>
                </div>
                <div class="form-row pt-3 pl-1">
                    <button type="submit" class="color-two btn-custom ">Indsend</button>
                </div>
            </form>
        </div>
    </div>
@endsection