{{-- Only show support module if the user is logged in --}}
@if(Auth::check())

    {{-- Render support button --}}
    <div data-event="support-modal-trigger" class="support-module-trigger"><i class="fa fa-2x fa-comment-o"></i>{{ Lang::get('supportmodule.title') }}</div>
    <div data-event="support-modal" class="support-module modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['route' => ['support.send'], 'class' => 'support-module-form form-horizontal']) !!}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">{{ Lang::get('supportmodule.modal.title') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group" data-name="support-form">
                        <p>{{ Lang::get('supportmodule.modal.text') }}</p>
                        <label class="hidden control-label">@lang('supportmodule.error.empty')</label>
                        {!! Form::textArea('content', old('content'), ['class' => 'form-control', 'data-input' => 'content']) !!}
                        {!! Form::hidden('userId', Auth::user()->id) !!}
                        {!! Form::hidden('user', Auth::user()->username) !!}
                        {!! Form::hidden('companyId', Auth::user()->company->id) !!}
                        {!! Form::hidden('company', Auth::user()->company->name) !!}
                        {!! Form::hidden('page', Route::current()->getName()) !!}
                        {!! Form::hidden('email', Auth::user()->email) !!}
                        {!! Form::hidden('url', $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']) !!}
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ Lang::get('supportmodule.close') }}</button>
                    <button type="submit" class="btn btn-primary">{{ Lang::get('supportmodule.send') }}</button>
                </div>
                {!! Form::close() !!}
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script type="text/javascript">
        $(document).ready(function() {
            // Setup click event for the support button
            $('div[data-event="support-modal-trigger"]').on("click", function(){
                $('div[data-event="support-modal"]').modal('show');
            });

            $('div[data-event="support-modal"]').on('hidden.bs.modal', function() {
                // Hide error label
                $('[data-name="support-form"]').removeClass('has-error');
                $('[data-name="support-form"]').find('.control-label').addClass('hidden');
            })

            // Detect when the user is trying to post the support form
            // C4B = Comment for Björn
            $(document).on("submit", "form.support-module-form", function(event){
                // [C4B] Prevent default behaviour of from submit
                console.log("Send support e-mail");
                event.preventDefault();

                // Check if support field is empty or not
                if($('[data-input="content"]').val() == '') {
                    $('[data-name="support-form"]').addClass('has-error');
                    $('[data-name="support-form"]').find('.control-label').removeClass('hidden');
                    return false;
                }

                // [C4B] Setup Ajax call so that we don't need to reload the page
                $.ajax({
                    method: "POST",
                    url: "{{ route('support.send') }}",
                    data: $('form.support-module-form').serialize(),
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
                }).success(function(data) {
                    // [C4B] If we get in here we got some kind of success response from the server

                    // [C4B] Hide the modal window
                    $('div[data-event="support-modal"]').modal('hide');

                    // [C4B] Reset form content
                    $('[data-input="content"]').val('');

                    // [C4B] Trigger toastr message of succes
                    setTimeout(function() {
                        toastr.options = {
                            closeButton: true,
                            progressBar: true,
                            showMethod: 'slideDown',
                            positionClass: 'toast-top-center',
                            timeOut: 6000
                        };
                        toastr.success("{!! Lang::get('supportmodule.alert.success.msg') !!}", "{!! Lang::get('supportmodule.alert.success.title') !!}");
                    }, 600);
                }).fail(function(data) {
                    // [C4B] Something went wrong here, trigger message
                    setTimeout(function() {
                        toastr.options = {
                            closeButton: true,
                            progressBar: true,
                            showMethod: 'slideDown',
                            positionClass: 'toast-top-center',
                            timeOut: 6000
                        };
                        toastr.error("{!! Lang::get('supportmodule.alert.fail.msg') !!}", "{!! Lang::get('supportmodule.alert.fail.title') !!}");
                    }, 600);
                });
            });
        });
    </script>
@endif