@extends('onboarding.main')

@section('content')


    <!--Overlay show seller-->
    <div class="overlay-agent-bg-dashboard">
        <div class="overlay agent recommend-form">
            <h1 class="text-center">Empfehlen Sie dieses Unternehmen an Ihren Kontakt</h1>
            <div class="row">
                <div class="col-lg-5">
                    @if($type === 'email')
                        <form class="form-horizontal" role="form" method="POST" action="{{route('onboarding-recommend-seller-email',['fromOverlay' => true])}}">
                    @else
                        <form class="form-horizontal" role="form" method="POST" action="{{route('onboarding-recommend-seller-sms',['fromOverlay' => true])}}">
                    @endif
                        {{ csrf_field() }}
                        <input type="hidden" name="tokenId" value="{{$tokenId}}">
                        <input type="hidden" name="recommend_id" value="{{ $recommend->id }}">
                        <input type="hidden" name="customized" id="customized" value="{{ old('customized') }}">

                        <div class="form-group{{ $errors->has('salutation') ? ' has-error' : '' }}">
                            <label for="salutation" class="col-sm-3 control-label">Anrede*</label>

                            <div class="col-sm-9">
                                {!! Form::select('salutation', array('Herr' => 'Herr', 'Frau' => 'Frau'), old('salutation'), array('class' => 'form-control')) !!}
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('firstname') ? ' has-error' : '' }}">
                            <label class="col-sm-3 control-label" for="firstname">Vorname*</label>

                            <div class="col-sm-9">
                                <input id="firstname" type="text" class="form-control" name="firstname"
                                       value="{{ old('firstname') }}"
                                       placeholder="">

                                @if ($errors->has('firstname'))
                                    <span class="help-block">
                                <strong>{{ $errors->first('firstname') }}</strong>
                            </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('surname') ? ' has-error' : '' }}">
                            <label class="col-sm-3 control-label" for="surname">Nachname*</label>

                            <div class="col-sm-9">
                                <input id="surname" type="text" class="form-control" name="surname"
                                       value="{{ old('surname') }}"
                                       placeholder="">

                                @if ($errors->has('surname'))
                                    <span class="help-block">
                                    <strong>{{ $errors->first('surname') }}</strong>
                                </span>
                                @endif
                            </div>
                        </div>
                        @if($type === 'sms')
                            <div class="form-group{{ $errors->has('mobile') ? ' has-error' : '' }}">
                                <label class="col-sm-3 control-label" for="mobile">Handynummer*</label>

                                <div class="col-sm-9">
                                    <input id="mobile" type="text" class="form-control fill-in" name="mobile"
                                           value="{{ old('mobile') }}"
                                           placeholder="">

                                    @if ($errors->has('mobile'))
                                        <span class="help-block">
                                    <strong>{{ $errors->first('mobile') }}</strong>
                                </span>
                                    @endif
                                </div>
                            </div>


                            <div class="form-group{{ $errors->has('smsText') ? ' has-error' : '' }} sms-text-group">
                                <label class="col-sm-3 control-label" for="smsText">SMS-Nachricht</label>

                                <div class="col-sm-9">
                                    <div class="preview">
                                        <input id="messagetext" class="form-control" name="smsText"
                                               value="{{ old('emailsms') }}">
                                    </div>
                                    @if ($errors->has('smsText'))
                                        <span class="help-block">
                                    <strong>{{ $errors->first('smsText') }}</strong>
                                </span>
                                    @endif
                                </div>
                            </div>
                        @else

                            <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                <label class="col-sm-3 control-label" for="email">E-Mail*</label>

                                <div class="col-sm-9">
                                    <input id="email" type="email" class="form-control fill-in" name="email"
                                           value="{{ old('email') }}"
                                           placeholder="">

                                    @if ($errors->has('email'))
                                        <span class="help-block">
                                    <strong>{{ $errors->first('email') }}</strong>
                                </span>
                                    @endif
                                </div>
                            </div>
                            <div class="clear"></div>

                            <div class="form-group{{ $errors->has('emailText') ? ' has-error' : '' }}">
                                <label class="col-sm-3 control-label" for="emailText">E-Mail-Nachricht</label>

                                <div class="col-sm-9">
                                    @if ($errors->has('emailText'))
                                        <span class="help-block">
                                    <strong>{{ $errors->first('emailText') }}</strong>
                                </span>
                                    @endif
                                    <div>
                                        <textarea id="messagetext" rows="16" class="form-control"
                                                  name="emailText">{{ old('emailText') }}</textarea>
                                    </div>

                                </div>
                            </div>
                        @endif

                        <div class="form-group">
                            <div class="col-sm-9 col-sm-offset-3">
                                <button class="btn btn-primary" type="submit"> Senden</button>
                            </div>
                        </div>

                    </form>

                </div>
                <div class="col-lg-5 col-lg-offset-1 coupon-overlay">

                    @include('onboarding/agent/coupon', [
                        'seller' => $recommend,
                        'agent' => Auth::user(),
                        ])
                </div>
            </div>
        </div>

    </div><!--end Overlay Agent Welcome-->

    <script type="text/javascript">

        var agentDisplayName = {!! json_encode(Auth::user()->getDisplayName()) !!};
        var selectEmail = $('#email');
        var selectMobile = $('#mobile');
        var firstname = 'Vorname';
        var surname = 'Nachname';
        var selectorFirstname = $('#firstname');
        var selectorSurname = $('#surname');
        var messageText = $('#messagetext');
        var standardMessageText;

        selectorFirstname.change(function () {
            createEmailtext();
        });

        selectorSurname.change(function () {
            createEmailtext();
        });


        function personalizeText(template, firstname, surname) {
            template = template.replace('%firstname%', firstname);
            template = template.replace('%surname%', surname);
            return template;
        }

        function createEmailtext() {
            if ($('#customized').val() == 1) {
                return;
            }
            if (selectorFirstname.val() != '') {
                firstname = selectorFirstname.val();
            } else {
                firstname = '';
            }
            if (selectorSurname.val() != '') {
                surname = selectorSurname.val();
            } else {
                surname = '';
            }

            messageText.val(personalizeText({!! json_encode($personalTextTemplate) !!}, firstname, surname));
        }

        selectEmail.change(function () {
            if ($(this).val()) {
                var text = $(this).val();
            } else {
                var text = 'den Kunden';
            }
            $('.mail-receiver').text(text);
        });

        selectMobile.change(function () {
            if ($(this).val()) {
                var text = $(this).val();
            } else {
                var text = 'den Kunden';
            }
            $('.sms-receiver').text(text);
        }).change();

        messageText.change(function () {
            $('#customized').val(1);
        });

        createEmailtext();

    </script>

@endsection