@extends('layout.master')

  @section('page_title','Profile')
 
 
@section('head')
 <style type="text/css">
 @media screen and (max-width:768px){
 	.name_display{
	 float: left;
    padding-left: 15%;
	}
 }
 
 </style>
 
@endsection
 

@section('container')
<div class="container-fluid  ">	
	
	  <div class="inner_page_top">
   				<div class="container">	
				<div class="col-md-12  no-gutters ">
				
				<div class="breadcrumb no-gutters">
					 &nbsp;
				</div>
			
				<div class="col-md-12">
					<h3 class="mb-3" >Profile</h3>
					 
				</div>
				
			</div>	
			</div>
	</div>

		<div class="container">
 		
			<div class="row">
				
				 <div class="col-md-12">
				 
				 
				 
				 

@if(Session::has('message'))
    <div class="alert alert-success">
        {{ Session::get('message') }}
    </div>
@endif
				 
		 		 
				 
				 @if (Session::has('errors'))
    <div class="alert alert-danger">
       @foreach ($errors->all() as $error)
            {{ $error }}<br/>
        @endforeach
    </div>
@endif

 

<form class="form-horizontal" role="form" method="POST" action="{{url('/customer/profile')}}"  enctype="multipart/form-data">
                        {{ csrf_field() }}
			
			
			
				
			
			
			
                        






	<div   class="row form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
		   @if($user->photo!='')
 			<div class="col-md-2 col-6">
 
                               
									<img   src="{{url('/uploads/users/photo/'.$user->photo)}}" class="rounded-circle" style="max-width:200px"   />
									<br /><br />
								   <div style="clear:both"></div>
							  
			</div>
			 @endif
			<div class="col-md-5 col-6 pt-5 pl-md-4 ">
				<h5  class="name_display pull-left">{{$user->name}}</h5>
			</div>
 
 </div>

			
			 <div class="form-group ">
		  <div class="col-md-6">
	
			Upload new ?<br />
		<input class="form-control" type="file" name="photo" /> 
		</div>
		
		</div>
			
 
 
 <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="col-md-4 control-label">Name</label>

                            <div class="col-md-6">
                              
							  <div   class="name_field_container">	 
							<input class="txt_fld_pop name_field" type="text" name="name" placeholder="Your Name" value="{{$user->name}}" />
							
									
						<div class="form-group name_title_container radio-toggle"  >
							<div class="form-check">
								<label class="form-check-label">
									<input class="form-check-input" type="radio" name="name_title"  value="Mr"  checked="checked">
									Mr
								</label>
								<label class="form-check-label">
									<input class="form-check-input" type="radio" name="name_title"   value="Ms">
									Ms
								</label>
							</div>
						</div>
							
							
							 </div>
 
                                @if ($errors->has('name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>



	<div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                            <label class="col-md-4 control-label">Phone</label>

                            <div class="col-md-6">
                                <input type="phone" class="form-control" name="phone"  value="{{$user->phone}}">

                                @if ($errors->has('phone'))
                                    <span class="help-block">
                                        <strong>{{$errors->first('phone') }}</strong>
                                    </span>
                                @endif
                            </div>
</div>

			
			
			
			
			
                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control" name="email" value="{{$user->email}}" required>

                                @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                         

                         

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                    Update
                                </button>
                            </div>
                        </div>
                    </form>
				 
				 
				 
				 
				 
				 
				 </div>
				
				
				
				 
				
				 
	
	</div>
	
	
	
	 
	
	
</div>
 
	
	
	
	
	
	 
</div>	
	
	
	

	
 <link rel="stylesheet" href="{{asset('/public/toggleinput/jquery.toggleinput.css')}}" media="all" />
 
<script src="{{asset('/public/toggleinput/jquery.toggleinput.js')}}"></script>
	<script>
		jQuery(function($) {
			$('.radio-toggle').toggleInput();
		});
	</script>
	
 
	 

@endsection