<div id="breadcrumb" class="row">
    <div class="col-md-12">
        <ol class="breadcrumb breadcrumb-arrow">
            <li>
                <a href="javascript:TB.Controller.reload()"><i class="icon pe-7s-users"></i>Profil Bild</a>
            </li>
            <li class="active"><span>Bearbeiten</span></li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <h3>Profil Bild bearbeiten</h3>
    </div>
</div>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <div class="slim slim-profilepic">
                    <%
                    var prfPic = null;
                    if ( data.profile.pic_url ) {
                        prfPic = data.profile.pic_url;
                    }
                    %>                    

                    <img id="edit-profil-pic-img" src="<%= prfPic %>" class="img-responsive img-cirlce img-thumbnail profile-pic-size"  />
                    <input type="file" name="slim[]" accept="image/jpeg, image/png" capture="camera" />
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-4 col-sm-12">
        <button type="button"
                id="btn_edit_profile_pic_cancel"
                class="btn btn-primary btn-block">
            Abbrechen
        </button>
    </div>
    <div class="col-md-4 col-sm-12">
        <button type="button"
                id="btn_edit_profile_pic_new"
                class="btn btn-primary btn-block">
            Neues Bild
        </button>
    </div>
    <div class="col-md-4 col-sm-12">
        <button type="submit"
                id="btn_edit_profile_pic_save"
                data-style="zoom-in"
                data-size="l"
                class="btn btn-primary btn-block ladda-button">
            Änderungen speichern
        </button>
    </div>
</div>
