@extends('Profile.base')
@section('action-content')
<!-- Main content -->
<section class="content">
    <div class="box">
        <div class="box-header">
            <div class="row">
                <div class="col-sm-8">
                </div>
            </div>
            <label>Update Profile Image</label>
        </div>
        <img src="/uploads/avatars/{{ $user->avatar }}" style="width:150px; height:150px; flaot:left; border-radius:50%; margin-right:25px;">
        <div>
            <h4>Hello, {{ Auth::user()->username}}</h4>
            <form enctype="multipart/form-data" action="profile" method="POST">
                <input type="file" name="avatar" accept="image/*">
                <!-- Additional input for capturing image from camera -->
                <input type="file" accept="image/*" capture="camera" id="cameraInput" style="display: none;">
                
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="submit" class="pull-left btn btn-sm btn-primary">
            </form>
        </div>
    </div>
    <!-- /.content -->
</section>
@endsection