@extends('layouts.base_portal')

@section('inner_content')
    <div class="row m-t-30">
        <div class="col-7">
            <div class="row no-margin">
                <div class="col bg-white" style="-webkit-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); box-shadow: 0px 7px 25px -30px rgba(0,0,0,0.75);">
                    <div class="row">
                        <div class="col">
                            <div class="row p-t-10 p-b-10 b-b b-grey m-b-15 hint-text">
                                <div class="col">
                                    <small class="bold all-caps">
                                        Personal Information
                                    </small>
                                </div>
                            </div>
                            <div class="row p-t-10 p-b-30 hover-parent">
                                <div class="col">
                                    <div class="row m-l-10 m-r-30 p-l-10">
                                        <div class="col">
                                            <user-avatar username="{{auth()->user()->first_name.' '.auth()->user()->last_name}}" :size="150" ></user-avatar>
                                        </div>
                                        <div class="col-8">
                                            <div class="row p-b-20">
                                                <div class="col">
                                                    <small class="all-caps fs-10">Basic Information</small>
                                                </div>
                                            </div>
                                            <div class="row p-b-10 b-b b-grey hover-parent m-l-20">
                                                <div class="col-4">
                                                    <p class="no-margin fs-11">First Name</p>
                                                </div>
                                                <div class="col-1">
                                                    <p class="no-margin fs-11">:</p>
                                                </div>
                                                <div class="col inlineParent">
                                                    <div class="row inlineInfo">
                                                        <div class="col">
                                                            <p class="no-margin textContainer">
                                                                <span class="text fs-11 text-complete">
                                                                    @if(auth()->user() !== null)
                                                                        {{ auth()->user()->first_name}}
                                                                    @endif
                                                                </span>
                                                                <span class="muted fs-10 emptyText @if(auth()->user()->first_name !== null) hide @endif">Not specified</span>
                                                            </p>
                                                            <p class="no-margin text-complete fs-11"></p>
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="text-complete hover-item inlineEdit">
                                                                <i class="fa fa-pencil fs-14 pointer"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row inlineForm" id="firstName" >
                                                        <div class="col">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <input class="form-control" placeholder="First Name" name="first_name" value="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col text-right">
                                                                    <button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
                                                                    <button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
                                                <div class="col-4">
                                                    <p class="no-margin fs-11">Last Name</p>
                                                </div>
                                                <div class="col-1">
                                                    <p class="no-margin fs-11">:</p>
                                                </div>
                                                <div class="col inlineParent">
                                                    <div class="row inlineInfo">
                                                        <div class="col">
                                                            <p class="no-margin textContainer">
                                                                <span class="text fs-11 text-complete">
                                                                    @if(auth()->user() !== null)
                                                                        {{ auth()->user()->last_name}}
                                                                    @endif
                                                                </span>
                                                                <span class="muted fs-10 emptyText @if(auth()->user()->last_name !== null) hide @endif">Not specified</span>
                                                            </p>
                                                            <p class="no-margin text-complete fs-11"></p>
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="text-complete hover-item inlineEdit">
                                                                <i class="fa fa-pencil fs-14 pointer"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row inlineForm" >
                                                        <div class="col">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <input class="form-control" placeholder="Last Name" name="last_name" value="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col text-right">
                                                                    <button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
                                                                    <button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
                                                <div class="col-4">
                                                    <p class="no-margin fs-11">Email</p>
                                                </div>
                                                <div class="col-1">
                                                    <p class="no-margin fs-11">:</p>
                                                </div>
                                                <div class="col inlineParent">
                                                    <div class="row inlineInfo">
                                                        <div class="col">
                                                            <p class="no-margin textContainer">
                                                                <span class="text fs-11 text-complete">
                                                                    @if(auth()->user() !== null)
                                                                        {{ auth()->user()->email}}
                                                                    @endif
                                                                </span>
                                                                <span class="muted fs-10 emptyText @if(auth()->user()->email !== null) hide @endif">Not specified</span>
                                                            </p>
                                                            <p class="no-margin text-complete fs-11"></p>
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="text-complete hover-item inlineEdit">
                                                                <i class="fa fa-pencil fs-14 pointer"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row inlineForm" >
                                                        <div class="col">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <input class="form-control" placeholder="Email" name="email" value="{{auth()->user()->first_name.' '.auth()->user()->last_name}}">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col text-right">
                                                                    <button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
                                                                    <button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row p-t-10 p-b-10 b-b b-grey hover-parent  m-l-20">
                                                <div class="col-4">
                                                    <p class="no-margin fs-11">Password</p>
                                                </div>
                                                <div class="col-1">
                                                    <p class="no-margin fs-11">:</p>
                                                </div>
                                                <div class="col inlineParent">
                                                    <div class="row inlineInfo">
                                                        <div class="col">
                                                            <p class="no-margin textContainer">
                                                                <span class="text fs-11 text-complete">*********</span>
                                                                <span class="muted fs-10 emptyText "></span>
                                                            </p>
                                                            <p class="no-margin text-complete fs-11"></p>
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="text-complete hover-item inlineEdit">
                                                                <i class="fa fa-pencil fs-14 pointer"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row inlineForm" >
                                                        <div class="col">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <input class="form-control" placeholder="Password" name="password" value="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col text-right">
                                                                    <button class="btn btn-xs btn-default cancelInlineEdit">Cancel</button>
                                                                    <button class="btn btn-xs btn-success btn-cons no-margin confirmContactEdit" data-type="primary">Save</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
                                                <div class="col-4">
                                                    <p class="no-margin fs-11">Address</p>
                                                </div>
                                                <div class="col-1">
                                                    <p class="no-margin fs-11">:</p>
                                                </div>
                                                <div class="col inlineParent">
                                                    <div class="row inlineInfo">
                                                        <div class="col">
                                                            <p class="no-margin textContainer">
                                                                <span class="text fs-11 text-complete">
                                                                    @if(auth()->user() !== null)
                                                                        {{ auth()->user()->address}}
                                                                    @endif
                                                                </span>
                                                                <span class="muted fs-10 emptyText @if(auth()->user()->address !== null) hide @endif">Not specified</span>
                                                            </p>
                                                            <p class="no-margin text-complete fs-11"></p>
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="text-complete hover-item inlineEdit">
                                                                <i class="fa fa-pencil fs-14 pointer"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row inlineForm" >
                                                        <div class="col">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <input class="form-control" placeholder="Joined" value="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row p-t-10 p-b-10 b-b b-grey hover-parent m-l-20">
                                                <div class="col-4">
                                                    <p class="no-margin fs-11">Joined</p>
                                                </div>
                                                <div class="col-1">
                                                    <p class="no-margin fs-11">:</p>
                                                </div>
                                                <div class="col inlineParent">
                                                    <div class="row inlineInfo">
                                                        <div class="col">
                                                            <p class="no-margin textContainer">
                                                                <span class="text fs-11 text-complete">
                                                                @if(auth()->user() !== null)
                                                                        {{ auth()->user()->created_at}}
                                                                    @endif
                                                                </span>
                                                                <span class="muted fs-10 emptyText @if(auth()->user()->created_at !== null) hide @endif">Not specified</span>

                                                            </p>
                                                            <p class="no-margin text-complete fs-11"></p>
                                                        </div>
                                                        <div class="col-auto">
                                                            <div class="text-complete hover-item inlineEdit">
                                                                <i class="fa fa-pencil fs-14 pointer"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row inlineForm" >
                                                        <div class="col">
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <input class="form-control" placeholder="Joined" value="">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="row no-margin">
                <div class="col bg-white" style="-webkit-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 25px -19px rgba(0,0,0,0.75); box-shadow: 0px 7px 25px -30px rgba(0,0,0,0.75);">
                    <div class="row">
                        <div class="col">
                            <div class="row p-t-10 p-b-10 b-b b-grey m-b-15 hint-text">
                                <div class="col">
                                    <small class="bold all-caps">
                                        User Activity
                                    </small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection




