@extends('my.layout')

@section('profile')

<div class="card-body media align-items-center">
    @if(1)
    <i class="fas fa-user fa-6x"></i>
    @else
    <img src="//static.ffmnt.net/sites/drask/img/avatars/5-small.png" alt="" class="d-block ui-w-80">
    @endif
    <div class="media-body ml-4">
        <form class="my-5" method="POST" action="/my/profile/upload" enctype="multipart/form-data">
            @csrf
            <label class="btn btn-outline-primary">
                Upload new photo
                <input type="file" name="photo" class="account-settings-fileinput">
            </label> &nbsp;
            <button type="submit" class="btn btn-default md-btn-flat">Upload</button>
            <button type="reset" class="btn btn-default md-btn-flat">Reset</button>
            <div class="text-light small mt-1">Allowed JPG, GIF or PNG. Max size of 800K</div>
        </form>
    </div>
</div>
<hr class="border-light m-0">

<div class="card-body">
    <form class="my-5" method="POST">
        @csrf
        <div class="form-group">
            <label class="form-label">Name</label>
            <input type="text" class="form-control" value="{{ $user->name }}">
            <div class="clearfix"></div>
        </div>
        <div class="form-group">
            <label class="form-label">E-mail</label>
            <input type="text" class="form-control mb-1" value="{{ $user->email }}">
            @if(!$user->email_verified_at)
            <div class="alert alert-warning mt-3">
                Your email is not confirmed. Please check your inbox.
                <br>
                <a href="javascript:void(0)">Resend confirmation</a>
            </div>
            @endif
        </div>
        <div class="text-right mt-3">
            <button type="button" class="btn btn-primary">Save changes</button>&nbsp;
            <button type="reset" class="btn btn-default">Cancel</button>
        </div>
    </form>
</div>

@endsection