Files
izyim/resources/views/pages/accounts/profile.blade.php
2019-04-02 11:30:32 +08:00

316 lines
24 KiB
PHP

@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