@extends('base')


@section('content')

    <div class="faded-small toolbar">
        <div class="container">
            <div class="row">
                <div class="col-sm-6"></div>
                <div class="col-sm-6 faded">
                    <div class="action-buttons">
                        <a href="/settings/users/{{$user->id}}/delete" class="text-neg text-button"><i class="zmdi zmdi-delete"></i>Delete User</a>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="container small">
        <form action="/settings/users/{{$user->id}}" method="post">
        <div class="row">
            <div class="col-md-6" ng-non-bindable>
                <h1>Edit {{ $user->id === $currentUser->id ? 'Profile' : 'User' }}</h1>
                {!! csrf_field() !!}
                <input type="hidden" name="_method" value="put">
                @include('users.forms.' . $authMethod, ['model' => $user])

            </div>
            <div class="col-md-6">
                <h1>&nbsp;</h1>
                <div class="form-group" id="logo-control">
                    <label for="user-avatar">User Avatar</label>
                    <p class="small">This image should be approx 256px square.</p>
                    <image-picker resize-height="512" resize-width="512" current-image="{{ $user->getAvatar(80) }}" current-id="{{ $user->image_id }}" default-image="/user_avatar.png" name="image_id" show-remove="false" image-class="['avatar' ,'large']"></image-picker>
                </div>
            </div>
        </div>
        </form>

        <hr class="margin-top large">

        @if($currentUser->id === $user->id && count($activeSocialDrivers) > 0)
            <h3>Social Accounts</h3>
            <p class="text-muted">
                Here you can connect your other accounts for quicker and easier login. <br>
                Disconnecting an account here does not previously authorized access. Revoke access from your profile settings on the connected social account.
            </p>
            <div class="row">
                @if(isset($activeSocialDrivers['google']))
                    <div class="col-md-3 text-center">
                        <div><i class="zmdi zmdi-google-plus-box zmdi-hc-4x" style="color: #DC4E41;"></i></div>
                        <div>
                            @if($user->hasSocialAccount('google'))
                                <a href="/login/service/google/detach" class="button neg">Disconnect Account</a>
                            @else
                                <a href="/login/service/google" class="button pos">Attach Account</a>
                            @endif
                        </div>
                    </div>
                @endif
                @if(isset($activeSocialDrivers['github']))
                    <div class="col-md-3 text-center">
                        <div><i class="zmdi zmdi-github zmdi-hc-4x" style="color: #444;"></i></div>
                        <div>
                            @if($user->hasSocialAccount('github'))
                                <a href="/login/service/github/detach" class="button neg">Disconnect Account</a>
                            @else
                                <a href="/login/service/github" class="button pos">Attach Account</a>
                            @endif
                        </div>
                    </div>
                @endif
            </div>
        @endif


    </div>

    <p class="margin-top large"><br></p>
    @include('partials/image-manager', ['imageType' => 'user'])
@stop
