@extends('frontend.layout.main')
@section('main-container')
<style>
	.alert-success {
		color: #155724;
		background-color: #d4edda;
		border-color: #c3e6cb;
		position: relative;
		padding: 1rem 1.25rem;
		margin-bottom: 1rem;
		border: 1px solid transparent;
		border-radius: .25rem;
	}
	.single-banner {
    	background: url('../../frontend/images/new/proflieedit.png');
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: cover !important;
		/* padding: 100px 0px !important; */
		position: relative !important;
		z-index: 1;
	}
</style>
<section class="single-banner dashboard-banner">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="single-content">
					<h2>profile</h2>
					<ol class="breadcrumb">
						<li class="breadcrumb-item"><a href="#">Home</a></li>
						<li class="breadcrumb-item active" aria-current="page">{{ $PageHeading }}</li>
					</ol>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="dash-header-part">
	<div class="container">
		<div class="dash-header-card">
			<div class="row">
				<div class="col-lg-5">
					<div class="dash-header-left">
						<div class="dash-avatar">
							<a href="#">

								@if ($businessProfile->profile_picture)
									<img src="{{ asset('ProfilePicture/' . $businessProfile->profile_picture) }}" alt="avatar" >
								@else
									<img src="{{ asset('default-profile.webp') }}" alt="avatar">
								@endif
							</a>
						</div>
						<div class="dash-intro">
							<h4><a href="#">{{  Session::get('name') }}</a></h4>
							<!-- <h5>new seller</h5> -->
							<ul class="dash-meta">
								<li><i class="fas fa-phone-alt"></i><span>{{  Session::get('phone') }}</span></li>
								<li><i class="fas fa-envelope"></i><span>{{  Session::get('email') }}</span></li>
								<!-- <li><i class="fas fa-map-marker-alt"></i><span>Los Angeles, West America</span></li> -->
							</ul>
						</div>
					</div>
				</div>
				<div class="col-lg-7">
					<div class="dash-header-right">
						<div class="dash-focus dash-list">
							<h2>${{  Session::get('balance') }}</h2>
							<p>Balance</p>
						</div>
						<!-- <div class="dash-focus dash-book">
							<h2>2433</h2>
							<p>total follower</p>
						</div>
						<div class="dash-focus dash-rev">
							<h2>2433</h2>
							<p>total review</p>
						</div> -->
					</div>
				</div>
			</div>
		
			<!-- <div class="row " style="margin-bottom:500px;">
				<div class="col-lg-12">
					<div class="dash-menu-list">
						<ul>
							<li><a href="#">dashboard</a></li>
							<li><a class="active" href="profile.html">Profile</a></li>
							<li><a href="#">ad post</a></li>
							<li><a href="#">my ads</a></li>
							<li><a href="#">settings</a></li>
							<li><a href="{{ route('logout') }}">logout</a></li>
						</ul>
					</div>
				</div>
			</div> -->
		</div>
	</div>
</section>
<div class="setting-part" style="margin-top:50px; z-index:999999999999;">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				@if (session('success'))
					<div class="alert alert-success">
						{{ session('success') }}
					</div>
				@endif
				<div class="account-card alert fade show">
					<div class="account-title">
						<h3>{{ $PageHeading }}</h3></div>
					<form class="setting-form" method="POST" action="{{ route('profile.store') }}" enctype="multipart/form-data">
						@csrf
						<div class="row">
							<input type="hidden" name="id" value="{{ $businessProfile->id}}"/>
							<div class="col-lg-6">
								<div class="form-group"><label class="form-label"> Name</label>
									<input type="text" class="form-control" placeholder=" Name" name="name" value="{{ $businessProfile->name}}">
								</div>
							</div>
							
							<div class="col-lg-6">
								<div class="form-group">
									<label class="form-label">Profile Picture</label>
									<input type="file" class="form-control" placeholder="Profile Picture" name="profile_picture" value="{{ old('profile_picture', $businessProfile->profile_picture) }}">
								</div>
								@if(isset($businessProfile->profile_picture))
									<img src="{{ asset('ProfilePicture/' . $businessProfile->profile_picture) }}" alt="{{ $businessProfile->profile_picture }}" style="margin-top:20px; width: 200px; height: 200px;">
								@endif
							</div>

							<div class="col-lg-6">
								<div class="form-group">
									<label class="form-label">Phone #</label>
									<input type="text" class="form-control" placeholder="Enter your Phone #" name="phone" value="{{ old('phone', $businessProfile->phone) }}">
								</div>
							</div>

							<div class="col-lg-6">
								<div class="form-group">
									<label class="form-label">Email</label>
									<input type="email" class="form-control" placeholder="Enter Your Email" name="email" value="{{ old('email', $businessProfile->email) }}">
								</div>
							</div>

							<div class="col-lg-6">
								<div class="form-group">
									<label class="form-label">Password</label>
									<input type="text" class="form-control" placeholder="Enter Your Password" name="password" value="">
								</div>
							</div>

							<div class="col-lg-12"><button class="btn btn-inline"><i class="fas fa-user-check"></i><span>update profile</span></button></div>

						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection