344 lines
18 KiB
PHP
344 lines
18 KiB
PHP
@extends('themes.default1.client.layout.client')
|
||
|
||
@section('profile')
|
||
class="nav-item active"
|
||
@stop
|
||
|
||
@section('content')
|
||
|
||
<div id="content" class="site-content col-md-12">
|
||
|
||
<article class="henry">
|
||
|
||
<header class="entry-header">
|
||
|
||
<h2 class="entry-title">{!! Lang::get('lang.profile_settings') !!}</h2>
|
||
</header>
|
||
|
||
<div class="entry-content clearfix">
|
||
|
||
@if(Session::has('success1'))
|
||
<div class="alert alert-success alert-dismissable">
|
||
<i class="fa fa-check-circle"></i>
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
{{Session::get('success1')}}
|
||
</div>
|
||
@endif
|
||
@if (count($errors) > 0)
|
||
<div class="alert alert-danger alert-dismissable">
|
||
<i class="fa fa-ban"></i>
|
||
<b>{!! Lang::get('lang.alert') !!} !</b>
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
@foreach ($errors->all() as $error)
|
||
<li>{{ $error }}</li>
|
||
@endforeach
|
||
</div>
|
||
@endif
|
||
<!-- fail message -->
|
||
@if(Session::has('fails1'))
|
||
<div class="alert alert-danger alert-dismissable">
|
||
<i class="fa fa-ban"></i>
|
||
<b>{!! Lang::get('lang.alert') !!}!</b>
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
{{Session::get('fails1')}}
|
||
</div>
|
||
@endif
|
||
|
||
@if(Session::has('success2'))
|
||
<div class="alert alert-success alert-dismissable">
|
||
<i class="fa fa-check-circle"></i>
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
{{Session::get('success2')}}
|
||
</div>
|
||
@endif
|
||
<!-- fail message -->
|
||
@if(Session::has('fails2'))
|
||
<div class="alert alert-danger alert-dismissable">
|
||
<i class="fa fa-ban"></i>
|
||
<b>{!! Lang::get('lang.alert') !!} !</b>
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
{{Session::get('fails2')}}
|
||
</div>
|
||
@endif
|
||
|
||
<div class="row">
|
||
|
||
<div class="col-md-6">
|
||
|
||
{!! Form::model($user,['url'=>'client-profile-edit', 'id' => 'client-profile', 'method' => 'PATCH','files'=>true]) !!}
|
||
|
||
<div id="form-border" class="comment-respond form-border" style="background : #fff">
|
||
|
||
<section id="section-categories" class="section">
|
||
|
||
<h2 class="section-title h4 clearfix">
|
||
|
||
<i class="line"></i>{!! Lang::get('lang.profile') !!}
|
||
</h2>
|
||
|
||
<div>
|
||
|
||
<div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
|
||
<!-- first name -->
|
||
{!! Form::label('first_name',Lang::get('lang.first_name')) !!}<span class="text-red"> *</span>
|
||
|
||
{!! Form::text('first_name',null,['class' => 'form-control']) !!}
|
||
</div>
|
||
<div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
|
||
<!-- last name -->
|
||
{!! Form::label('last_name',Lang::get('lang.last_name')) !!}
|
||
|
||
{!! Form::text('last_name',null,['class' => 'form-control']) !!}
|
||
</div>
|
||
<div class="form-group">
|
||
<!-- gender -->
|
||
{!! Form::label('gender',Lang::get('lang.gender')) !!}
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
{!! Form::radio('gender','1',true) !!} {{Lang::get('lang.male')}}
|
||
</div>
|
||
<div class="col-sm-3">
|
||
{!! Form::radio('gender','0') !!} {{Lang::get('lang.female')}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<!-- email -->
|
||
{!! Form::label('email',Lang::get('lang.email_address')) !!}
|
||
<div>
|
||
{{$user->email}}
|
||
</div>
|
||
</div>
|
||
<div class="form-group {{ $errors->has('company') ? 'has-error' : '' }}">
|
||
<!-- company -->
|
||
{!! Form::label('company',Lang::get('lang.company')) !!}
|
||
|
||
{!! Form::text('company',null,['class' => 'form-control']) !!}
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-2 form-group {{ $errors->has('country_code') ? 'has-error' : '' }}">
|
||
<!-- phone extensionn -->
|
||
{!! Form::label('country_code',Lang::get('lang.country-code')) !!}
|
||
{!! Form::text('country_code',null,['class' => 'form-control', 'placeholder' => $phonecode, 'title' => Lang::get('lang.enter-country-phone-code'), 'id' => 'code']) !!}
|
||
|
||
</div>
|
||
<div class="col-sm-2 form-group {{ $errors->has('ext') ? 'has-error' : '' }}">
|
||
<!-- phone extensionn -->
|
||
{!! Form::label('ext',Lang::get('lang.ext')) !!}
|
||
|
||
{!! Form::text('ext',null,['class' => 'form-control']) !!}
|
||
</div>
|
||
<div class="col-sm-8 form-group {{ $errors->has('phone_number') ? 'has-error' : '' }}">
|
||
<!-- phone number -->
|
||
{!! Form::label('phone_number',Lang::get('lang.phone')) !!}
|
||
|
||
{!! Form::text('phone_number',null,['class' => 'form-control']) !!}
|
||
</div>
|
||
</div>
|
||
<div class="form-group {{ $errors->has('mobile') ? 'has-error' : '' }}">
|
||
<!-- mobile -->
|
||
{!! Form::label('mobile',Lang::get('lang.mobile_number')) !!}
|
||
|
||
{!! Form::input('number', 'mobile',null,['class' => 'form-control', 'id' => 'mobile']) !!}
|
||
</div>
|
||
<div class="form-group {{ $errors->has('profile_pic') ? 'has-error' : '' }}">
|
||
<!-- profile pic -->
|
||
{!! Form::label('profile_pic',Lang::get('lang.profile_pic')) !!}
|
||
|
||
{!! Form::file('profile_pic') !!}
|
||
</div>
|
||
|
||
{!! Form::token() !!}
|
||
{!! Form::close() !!}
|
||
|
||
<div class="form-group" style="padding-bottom: 10px;">
|
||
|
||
{!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary float-right'])!!}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6">
|
||
|
||
{!! Form::model($user,['url'=>'client-profile-password' , 'method' => 'PATCH']) !!}
|
||
|
||
<div id="form-border" class="comment-respond form-border" style="background : #fff">
|
||
|
||
<section id="section-categories" class="section">
|
||
|
||
<h2 class="section-title h4 clearfix">
|
||
|
||
<i class="line"></i>{!! Lang::get('lang.change_password') !!}
|
||
</h2>
|
||
|
||
<div>
|
||
{!! Form::label('old_password',Lang::get('lang.old_password')) !!}<span class="text-red"> *</span>
|
||
<div class="form-group has-feedback {{ $errors->has('old_password') ? 'has-error' : '' }}" style="display: -webkit-box;">
|
||
{!! Form::password('old_password',['class' => 'form-control']) !!}
|
||
<span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
|
||
</div>
|
||
<!-- new password -->
|
||
{!! Form::label('new_password',Lang::get('lang.new_password')) !!}<span class="text-red"> *</span>
|
||
<div class="form-group has-feedback {{ $errors->has('new_password') ? 'has-error' : '' }}" style="display: -webkit-box;">
|
||
{!! Form::password('new_password',['class' => 'form-control']) !!}
|
||
<span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
|
||
</div>
|
||
<!-- cofirm password -->
|
||
{!! Form::label('confirm_password',Lang::get('lang.confirm_password')) !!}<span class="text-red"> *</span>
|
||
<div class="form-group has-feedback {{ $errors->has('confirm_password') ? 'has-error' : '' }}" style="display: -webkit-box;">
|
||
{!! Form::password('confirm_password',['class' => 'form-control']) !!}
|
||
<span class="glyphicon glyphicon-lock form-control-feedback" style="top: 9px;left: -25px;color: #6c757d;"></span>
|
||
</div>
|
||
|
||
{!! Form::close() !!}
|
||
|
||
<div class="form-group" style="padding-bottom: 10px;">
|
||
|
||
{!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary float-right'])!!}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<!-- Modal for last step of setting -->
|
||
<div class="modal" id="last-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none; padding-right: 15px;background-color: rgba(0, 0, 0, 0.7);">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="col-md-2"></div>
|
||
<div class="col-md-12" style="height:40%">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<span style="font-size:1.2em">{{Lang::get('lang.verify-number')}}</span>
|
||
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="custom-alert-body2">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="loader2" style="display:none">
|
||
<center><img src="{{asset('lb-faveo/media/images/gifloader.gif')}}"></center>
|
||
</div>
|
||
<div id="verify-success" style="display:none" class="alert alert-success alert-dismissable">
|
||
<i class="fa fa-check-circle"> </i>
|
||
<span id = "success_message"></span>
|
||
</div>
|
||
<div id="verify-fail" style="display:none" class="alert alert-danger alert-dismissable">
|
||
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
|
||
<span id = "error_message"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="verify-number-form">
|
||
{!! Form::open(['id'=>'verify-otp','method' => 'POST'] )!!}
|
||
<div class="row">
|
||
<div class="col-md-8">
|
||
{{ Lang::get('lang.get-verify-message') }}
|
||
</div>
|
||
<div class="col-md-4">
|
||
{!! Form::text('token','',['class' => 'form-control', 'required' => true, 'placeholder' => Lang::get('lang.enter-otp'), 'id' => 'otp']) !!}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer" style="justify-content: space-between;">
|
||
<button type="button" id="close-last" class="btn btn-default closemodal float-left">{{Lang::get('lang.close')}}</button>
|
||
<div id="last-submit"><input type="submit" id="merge-btn" class="btn btn-primary float-right" value="{!! Lang::get('lang.verify') !!}"></input></div>
|
||
</div>
|
||
{!! Form::close() !!}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- modal end -->
|
||
@if($verify == 1 || $verify == '1')
|
||
<script type="text/javascript">
|
||
$('#client-profile').on('submit', function(e){
|
||
var old_mobile = "<?php echo $user->mobile;?>";
|
||
var email = "<?php echo $user->email;?>";
|
||
var full_name = "<?php echo $user->first_name; ?>";
|
||
var mobile = document.getElementById('mobile').value;
|
||
var code = document.getElementById('code').value;
|
||
var id = "<?php echo $user->id; ?>";
|
||
if (code == '' || code == null) {
|
||
//do nothing
|
||
} else {
|
||
if (mobile !== old_mobile) {
|
||
e.preventDefault();
|
||
$('#last-modal').css('display', 'block');
|
||
$.ajax({
|
||
url: '{{URL::route("client-verify-number")}}',
|
||
type: 'POST', // performing a POST request
|
||
data : {
|
||
mobile : mobile,
|
||
full_name: full_name,
|
||
email: email,
|
||
code: code// will be accessible in $_POST['data1']
|
||
},
|
||
dataType: 'json',
|
||
beforeSend: function() {
|
||
$('#loader2').css('display', 'block');
|
||
$('#verify-number-form').css('display', 'none');
|
||
$('#verify-fail').css('display', 'none');
|
||
$('verify-success').css('display', 'none');
|
||
},
|
||
success: function(response) {
|
||
$('#loader2').css('display', 'none');
|
||
$('#verify-number-form').css('display', 'block');
|
||
$('#verify-otp').on('submit', function(e){
|
||
e.preventDefault();
|
||
var otp = document.getElementById('otp').value;
|
||
$.ajax({
|
||
url: '{{URL::route("post-client-verify-number")}}',
|
||
type: 'POST',
|
||
data: {
|
||
otp: otp,
|
||
u_id: id,
|
||
},
|
||
dataType: 'html',
|
||
beforeSend: function(){
|
||
$('#loader2').css('display', 'block');
|
||
$('#verify-number-form').css('display', 'none');
|
||
$('#verify-fail').css('display', 'none');
|
||
$('verify-success').css('display', 'none');
|
||
},
|
||
success: function(response){
|
||
if( response == 1) {
|
||
$('#loader2').css('display', 'none');
|
||
var message = "{{Lang::get('lang.number-verification-sussessfull')}}";
|
||
$('#success_message').html(message);
|
||
$('#verify-success').css('display', 'block');
|
||
$('#client-profile').unbind('submit').submit();
|
||
} else {
|
||
$('#loader2').css('display', 'none');
|
||
$("#error_message").html(response);
|
||
$('#verify-fail').css('display', 'block');
|
||
$('#verify-number-form').css('display', 'block');
|
||
}
|
||
}
|
||
});
|
||
});
|
||
},
|
||
complete: function( jqXHR, textStatus) {
|
||
if (textStatus === "parsererror" || textStatus === "timeout" || textStatus === "abort" || textStatus === "error") {
|
||
var message = "{{Lang::get('lang.otp-not-sent')}}";
|
||
$('#loader2').css('display', 'none');
|
||
$("#error_message").html(message);
|
||
$("#merge-btn").css('display', 'none');
|
||
$('#verify-fail').css('display', 'block');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
$('.closemodal').on('click', function(){
|
||
$('#last-modal').css('display', 'none');
|
||
});
|
||
</script>
|
||
@endif
|
||
@stop |