@extends('layouts.app')

@section('styles')
@endsection

@section('content')	      
		   <!-- .page -->
          <div class="page">
            <!-- .page-cover -->
            <header class="page-cover">
              <div class="text-center">
                <div class="user-avatar user-avatar-xl">
                  <img src="{{ $avatarlink }}" alt="User Avatar">
                </div>
                <h2 class="h4 mt-3 mb-0">{{ $user->name }}</h2>
			    @if (Auth::user()->hasRole('admin'))
					<span class="account-description">{{ __('Admin') }}</span>
				@elseif (Auth::user()->hasRole('regioadmin'))
					<span class="account-description">{{ __('Regio Admin') }}</span>
				@elseif (Auth::user()->hasRole('orgadmin'))
					<span class="account-description">{{ __('Organisation Admin') }}</span>	
				@elseif (Auth::user()->hasRole('facilitator'))
					<span class="account-description">{{ __('Facilitator') }}</span>
				@endif
              </div>
            </header>
            <!-- /.page-cover -->
            <!-- .page-navs -->
            <nav class="page-navs">
              <!-- .nav-scroller -->
              <div class="nav-scroller">
                <!-- .nav -->
                <div class="nav nav-center nav-tabs border-0">
                  <a class="nav-link active" href="/accounts">{{ __('Account') }}</a>
                  @role('admin|facilitator|payupfront')
                    <a class="nav-link" href="/accounts/facilitator">{{ __('Facilitator') }}</a>
                  @endrole
                  <a class="nav-link" href="/accounts/privacy">{{ __('Privacy') }}</a>
				  
				  <a class="nav-link" href="/accounts/invoices">{{ __('Invoices') }}</a>
                </div>
                <!-- /.nav -->
              </div>
              <!-- /.nav-scroller -->
            </nav>
            <!-- /.page-navs -->
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-section -->
              <div class="page-section">
	            <!-- .card -->
	            <div class="card card-fluid">
	              <h6 class="card-header">{{ __('Account Information') }}</h6>
	              <!-- .card-body -->
	              <div class="card-body">
	                <!-- form -->
					<form method="POST" action="/accounts/{{ Auth::user()->id }}" enctype="multipart/form-data">
					  {{ csrf_field() }}
					  {{ method_field('PATCH') }}
                      <!-- form row -->
                      <div class="form-row">
                        <!-- form column -->
                        <div class="col-md-6 mb-3">
                          <!-- .form-group -->
                          <div class="form-group">
                          	<label for="name">{{ __('Name') }}</label>
                          	<input type="text" class="form-control" id="name" name="name" value="{{ $user->name }}" required=""> </div>
						  <!-- .form-group -->
                          <div class="form-group">
                            <label for="email">{{ __('Email Address') }}</label>
                            <input type="email" class="form-control" id="email" name="email" value="{{ $user->email }}" required=""> </div>
                          <!-- /.form-group -->
	                		  <!-- .form-group -->
	                			<div class="form-group">
	                  			<label for="locale">{{ __('Default Language') }}</label>
    	                 			<select class="custom-select" id="locale" name="locale" required="">
    									@foreach ($languages as $language)
    	                    					<option value="{{ $language->locale }}" @if ($user->locale === $language->locale ) selected @endif > {{ $language->language }} </option>
    	                  				@endforeach
    								</select>
	                			</div>
	               		      <!-- /.form-group -->
                          <!-- .form-group -->
                          <div class="form-group">
						  	<div class="form-label-group">
								<input type="password" class="form-control ml-auto mr-3 @if ($pwerror!==null) is-invalid @endif" id="oldpassword" name="oldpassword" required="">
								<label for="oldpassword">{{ __('Current Password') }}</label>
							    @if ($pwerror!==null)
									<div class="invalid-feedback">
	                              		<i class="fa fa-exclamation-circle fa-fw"></i> {{ $pwerror }} </div>
								@endif
							</div>
						  </div>
                          <!-- /.form-group -->
                          <!-- .form-group -->
                          <div class="form-group">
						  	<div class="form-label-group">						  
                            		<input type="password" class="form-control @if ($pwsuccess!==null) is-valid @endif" id="newpassword"  name="newpassword">                         
								<label for="newpassword">{{ __('New Password') }}</label>
							    @if ($pwsuccess!==null)
									<div class="valid-feedback">
	                              		<i class="fa fa-exclamation-circle fa-fw"></i> {{ $pwsuccess }} </div>
								@endif
							</div>
						  </div>									
                          <!-- /.form-group -->
                        <!-- /.form column -->
						</div>
						
						
						 
                      </div>
                      <!-- /form row -->	
	                  <hr>
                      <!-- .form-actions -->
                      <div class="d-flex justify-content-center">                        
                         <button type="submit" class="btn btn-primary" >{{ __('Save') }}</button>
                      </div>
                      <!-- /.form-actions -->
					</form>
	                <!-- /form -->
	              </div>
	              <!-- /.card-body -->
	            </div>
	            <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->	
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
	
@endpush