@extends('admin.layouts.app')
@section('title', 'Dashboard')
@section('page.title')
<!-- Title -->
<h1 class="h2 hide-large-desk">Dashboard</h1>
<!-- End Title -->
@endsection   
@section('breadcrumb') 
<!--breadcrum start-->
<nav aria-label="breadcrumb">
	<ol class="breadcrumb pmd-breadcrumb">
	    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Admin</a></li>
	    <li class="breadcrumb-item active">Profile</li>
	</ol>
</nav>
<!--breadcrum end-->
@endsection        

@push('styles')
<style type="text/css">
	.loading1{ position: absolute; top: 0px; background: #04040470; height: 96%; width: 82%; text-align: center; }
	.loading .lds-camera { position: absolute; top: 30%; left: 30%; }
</style>
@endpush

@section('content')
<div class="page-content">
	<div class="card pmd-card">
		<div class="card-body">
			
			{!! Form::model($user, ['method' => 'PUT', 'class'=>'needs-validation', 'novalidate'=>'true', 'route' => ['admin.profile'] ]) !!}
				<div class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-outline @error('name') is-invailid @enderror">
					<div class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-outline">
                        {!! Form::label('name', 'Name', ['class' => 'control-label'] ) !!}
                        {!! Form::text('name', null, [ 'class'=> 'form-control', 'required'=>'true']) !!} 
				    	@error('name') 
				    		<p class="invalid-feedback">{{ $errors->first('name') }}</p> 
				    	@enderror 
                    </div>				
				</div>
				
				<div class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-outline @error('email') is-invailid @enderror">
					<div class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-outline">
			    		{!! Form::label('email', 'Email', ['class' => 'control-label'] ) !!}
			    		{!! Form::email('email', null, ['class' => 'form-control']) !!}
			    	</div>
			    	@error('email')
			    		<p class="invalid-feedback">{{ $errors->first('email') }}</p>
			    	@enderror           
				</div>

				<div class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-outline @error('password') has-error @enderror">
					<div class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-outline">
		            	{!! Form::label('password', 'Password', ['class' => 'control-label'] ) !!}            
		            	{!! Form::password('password', ['class' => 'form-control'])  !!}            
		        	</div>
		            @error('password') 
		            	<p class="invalid-feedback">{{ $errors->first('password') }}</p> 
		            @enderror
		        </div>

                <div class="form-group btns margin-bot-30">
        		  <div class="col-sm-9 col-sm-offset-3">
        		  	{!! Form::submit('Update Profile', ['class' => 'btn pmd-btn-raised btn-primary pmd-ripple-effect mr-3']) !!}
        		  </div>
        		</div>

			{!! Form::close() !!} 
		</div>
	</div>
</div>
@endsection
@push('scripts')
<!--
<script type="text/javascript" src="{{ asset('components/jquery-form/jquery.form.min.js') }}"></script>
<script type="text/javascript">
$(function() {

    $('#profile-image').on( 'change', function () {
    	$('.form').submit();
    })  

    /*$('.form').ajaxForm({
        beforeSend: function() {
            status.empty();
            var percentVal = '0%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        uploadProgress: function(event, position, total, percentComplete) {
            var percentVal = percentComplete + '%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        complete: function(xhr) {
            //status.html(xhr.responseText);
            console.log(xhr.responseText);
        }
    });  */
}); 
</script>
-->
@endpush