@extends('layouts.home')

@section('title', 'Page Title')

@section('content')

        <div class="row form-horizontal">
            <div class="col-md-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>Allgemeine Daten</h5>
                    </div>
                    <div class="ibox-content">

                        <div class="form-group">
                            <label for="email" class="col-sm-2 control-label">Benutzerportrait</label>

                            <div class="col-sm-10">
                                <img data-lightbox="image-1" class="profile-image avatar" id="imgOutput" src="/img/default.jpg">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="salutation" class="col-sm-2 control-label">Anrede*</label>

                            <div class="col-sm-10">
                                <p id="salutation" class="form-control"> {{ $user->salutation }} </p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="firstname" class="col-sm-2 control-label">Vorname*</label>

                            <div class="col-sm-10">
                                <p id="firstname" class="form-control"> {{ $user->firstname }} </p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="surname" class="col-sm-2 control-label">Nachname*</label>

                            <div class="col-sm-10">
                                <p id="surname" class="form-control"> {{ $user->surname }} </p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="email" class="col-sm-2 control-label">E-Mail Adresse*</label>

                            <div class="col-sm-10">
                                <p id="email" class="form-control"> {{ $user->email }} </p>
                            </div>

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





@endsection

@section('after-scripts')
    {{--<script type="text/javascript">--}}
    {{--function readURL(input) {--}}
        {{--if (input.files && input.files[0]) {--}}
            {{--var reader = new FileReader();--}}

            {{--if(/imgInp/.test(input.id)) {--}}
                {{--reader.onload = function (e) {--}}
                    {{--$('#imgOutput').attr('src', '');--}}
                    {{--$('#imgOutput').attr('style', 'background-image: url(' + e.target.result + ')');--}}
                {{--}--}}
            {{--}--}}

            {{--if(/logoInp/.test(input.id)) {--}}
                {{--reader.onload = function (e) {--}}
                    {{--$('#logoOutput').attr('src', '');--}}
                    {{--$('#logoOutput').attr('style', 'background-image: url(' + e.target.result + ')');--}}
                {{--}--}}
            {{--}--}}

            {{--reader.readAsDataURL(input.files[0]);--}}
        {{--}--}}
    {{--}--}}

    {{--$("#imgInp").change(function(){--}}
        {{--readURL(this);--}}
    {{--});--}}

    {{--$("#logoInp").change(function(){--}}
        {{--readURL(this);--}}
    {{--});--}}
    {{--</script>--}}
@endsection