@extends('admin.layouts.master')

@section('content')
<div class="clearfix"></div>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
	<div class="m-content">
		<div class="row">
			<div class="col-xl-3 col-lg-4">
				<div class="m-portlet m-portlet--full-height  ">
					<div class="m-portlet__body">
						<div class="m-card-profile">
							<div class="m-card-profile__title m--hide">
								Your Profile
							</div>
							<div class="m-card-profile__pic">
								<div class="m-card-profile__pic-wrapper">
									<img src="@yield('profile-picture')" class="profile_picture" alt="" />
								</div>
							</div>
							<div class="m-card-profile__details">
								<span class="m-card-profile__name">@yield('user-name')</span>
								<span class="m-card-profile__email m-link">@yield('user-email')</span>
							</div>
						</div>
						<ul class="m-nav m-nav--hover-bg m-portlet-fit--sides">
							@yield('profile-item')
							<!-- <li class="m-nav__separator m-nav__separator--fit"></li> -->
							<li class="m-nav__section m--hide">
								<span class="m-nav__section-text">Section</span>
							</li>
							<li class="m-nav__item m--hide">
								<a href="javascript:;" class="m-nav__link">
									<i class="m-nav__link-icon flaticon-profile-1"></i>
									<span class="m-nav__link-title">
										<span class="m-nav__link-wrap">
											<span class="m-nav__link-text "> title @yield('profile-title') </span>
										</span>
									</span>
								</a>
							</li>
						</ul>
						<div class="m-portlet__body-separator"></div>
					</div>
				</div>
			</div>
			<div class="col-xl-9 col-lg-8">
				<div class="m-portlet m-portlet--full-height m-portlet--tabs  ">
					@yield('profile-content')
				</div>
			</div>
		</div>
	</div>
</div>
@endsection