@extends('layouts.user')

@section('after-styles')
<style>
	.btn-default.active {
		color: #fff !important;
	    background-color: #51af33 !important;
	    border-color: #51af33 !important;
	}
	.set-payment {
		    box-shadow: 0px 1px 2px 1px #e1e1e1;
    	padding-bottom: 20px;
	}
	.heading-underline {
		width: 11% !important;
	    display: block;
	    border: 1px solid #51af33;
	}
</style>

<link rel="stylesheet" type="text/css" href="{{asset('assets/css/card.css')}}" />

@endsection

@section('content')

<div class="content-wrap gray-bg">

	<div class="dashboard row m-0 p-30">
		
		<div class="container">

			@include('notification.notify')

			<h3 class="dashboard-main-tit">{{tr('your_account')}}</h3>

			<!-- Dashboard Left -->
			<div class="dashboard-left-col col-lg-3 col-md-3 col-sm-12 col-xs-12">
			
				<div class="dashboard-left">
					<!-- Nav tabs -->
					<ul class="nav nav-tabs profile-tabs white-bg" role="tablist">
						<div class="text-center profile-left-img-block">
							<a href="#" class="profile-left-img bg-img" style="background-image: url({{Auth::user()->picture}});"></a>
						</div>

						@if(Session::has('profile_active'))