{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('word.edit_user'))
@section('content-heading')
  <section class="content-header">
    <h1>@lang('word.edit_user')</h1>
    <ol class="breadcrumb">
      <li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
      <li><a href="#">@lang('admin.all_members')</a></li>
      <li class="active">@lang('word.edit_user')</li>
    </ol>
    </section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<div class="x_panel">
						<div class="x_content">
							<br>
							@isset($result)
								<div class="alert alert-success">
								  <strong>Success!</strong> {{$result['message']}}
								</div>	   
							@endisset
							<form id="edit-user-form" data-parsley-validate="" class="form-horizontal form-label-left" method="post" enctype="multipart/form-data">
								{{ csrf_field() }}
								<input id="userid" name="userid" value="{{ $userData->id }}" type="hidden">
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.username') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="name" name="name" required="required" value="{{ $userData->username }}" class="form-control col-md-7 col-xs-12" placeholder="Username" type="text" readonly="readonly" disabled="disabled">
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.name') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="name" name="name" required="required" value="{{ $userData->name }}" class="form-control col-md-7 col-xs-12" placeholder="Name" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Profile Picture') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										@if($userData->pic)
											<img class="img-responsive" src='{{ route("storage.image-original.url",["folder"=>"profile","filename"=>$userData->pic]) }}' alt="@lang('Profile Picture')"/>
										@else
											<img class="" src="{{asset('favicon.ico')}}" alt="@lang('Profile Picture')" height="100"/>
										@endif
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.mobile_number'). <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="mobile" name="mobile" value="{{ $userData->mobile }}" class="form-control col-md-7 col-xs-12" placeholder="Mobile No." type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.email'). <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="email" name="email" value="{{ $userData->email }}" class="form-control col-md-7 col-xs-12" placeholder="Mobile No." type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.cash_point') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="cash_point" name="cash_point" required="required" value="{{ $userCredits->cash_point }}" class="form-control col-md-7 col-xs-12" placeholder="0.00" type="text">
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.login_password') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="password" name="password" class="form-control col-md-7 col-xs-12" type="password">
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.status') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<select name="is_verified" class="form-control" id="package_id">
											<option value="0" {{$userData->is_verified==0?'selected':''}}>@lang('word.deactive')</option>
											<option value="1" {{$userData->is_verified==1?'selected':''}}>@lang('word.normal')</option>
                                        </select>
									</div>
								</div>
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
										<button type="submit" class="btn btn-success" name="submit">@lang('word.submit')</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection

@section('extra-script')
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script>
	$( "#edit-user-form" ).submit(function( e ) {
		e.preventDefault();
		swal({
		  title: "",
		  text: "Update user details",
		  type: "info",
		  showCancelButton: true,
		  closeOnConfirm: false,
		  showLoaderOnConfirm: true,
		},
		function(){
		  jQuery.ajax({
				url: "{{route('editUserSave')}}",
				type: 'POST',
				data: $("#edit-user-form").serialize(),
				success: function(r) {
					if(r.hasOwnProperty('errArr') && r.errArr != ""){
						var er = "<ul>";
						$.each(r.errArr, function(i, v){
							er += '<li>'+v+'</li>';
						})
						er += '</ul>';
						swal({
							title: "Error",
							text: er,
							type: "error",
							html: true
						}, function() {
							
						});
					}else{
						swal({
							title: "Success",
							text: r.message,
							type: "success"
						}, function() {
							location.reload();
						});
					}
				}
			});
		});
	});
    </script>
@endsection