@extends('layouts.app')
@section('title',config('setting.site_name').' - Profile')
@section('content') 

<div class="content">
	
	<!-- Start Content-->
	<div class="container-fluid">
		
		<!-- start page title -->
		<div class="row">
			<div class="col-12">
				<div class="page-title-box">
					<div class="page-title-right">
						<ol class="breadcrumb m-0">
							<li class="breadcrumb-item"><a href="javascript: void(0);">{{config('setting.site_name')}}</a></li>
							<li class="breadcrumb-item active">Profile</li>
						</ol>
					</div>
					<h4 class="page-title">Profile</h4>
				</div>
			</div>
		</div>     
		<div class="row">
			<div class="col-md-6">
				<div class="card-box"> 
					<form action="{{route('profile.update')}}" method="post" enctype="multipart/form-data">
					@csrf
						<div class="form-row">
							<div class="form-group col-md-12">
								<label for="inputEmail4" class="col-form-label">Name</label>
								<input type="text" class="form-control" id="name" name="name" placeholder="Name" value="{{auth()->user()->name}}" required>
							</div>
							<div class="form-group col-md-12">
								<label for="inputPassword4" class="col-form-label">Image</label>
								<input type="file" class="form-control" id="image" name="image">
								<img src="{{url('storage/users',auth()->user()->image)}}" style="width:100px;height:65px" class="mt-2">
							</div>
							<div class="form-group col-md-12">
								<label for="inputEmail4" class="col-form-label">Email</label>
								<input type="email" class="form-control" id="email" name="email" value="{{auth()->user()->email}}" placeholder="Email" required>
							</div>
							<div class="form-group col-md-12">
								<label for="inputEmail4" class="col-form-label">Password</label>
								<input type="text" class="form-control" id="password" name="password" placeholder="Password">
							</div> 
						</div>
						 
						<button type="submit" class="btn btn-primary">Submit</button>
					</form>
				</div>
			</div>
		</div>
	</div> <!-- end container-fluid -->
	
</div> <!-- end content -->

@endsection  
@push('js') 
 
@endpush