@extends('layout.front')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}"/>

@endsection
@section('page-content')
            <!-- CONTENT -->
            <div class="wrap-fluid" id="paper-bg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="box">
                            <div class="box-header">
                                <!-- tools box -->
                                <div class="pull-right box-tools">
                                </div>
                                <h3 class="box-title"><i class="fontello-doc"></i>
                                    <span>@lang('messages.edit_per_data')</span>
                                </h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <form class="form-horizontal" id="user_edit">
                                    <div class="form-body">
                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.account')</label>
                                            <div class="col-md-9">
                                                <input type="text" name="username" class="form-control" value="{{$user->username}}" readonly>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.pwd')</label>
                                            <div class="col-md-9">
                                                <input type="password" name="password" class="form-control" >
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.pwd_confirm')</label>
                                            <div class="col-md-9">
                                                <input type="password" name="password2" class="form-control" >
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.name')</label>
                                            <div class="col-md-9">
                                                <input type="text" name="name" class="form-control" value="{{$user->name}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.email')</label>
                                            <div class="col-md-9">
                                                <input type="text" name="email" class="form-control" value="{{$user->email}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.user_ids')</label>
                                            <div class="col-md-9">
                                                <input type="text" name="identity_id" class="form-control" value="{{$user->identity_id}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.birthday')</label>
                                            <div class="col-md-9">
                                                <div class="input-group date form_datetime">
													<input type="text" name="birthday" class="form-control" value="{{$user->birthday}}">
														<span class="input-group-btn">
															<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
														</span>
												</div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.tel2')</label>
                                            <div class="col-md-9">
                                                <input type="text" name="tel" class="form-control" value="{{$user->tel}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.mobile')</label>
                                            <div class="col-md-9">
                                                <input type="text" name="mobile" class="form-control" value="{{$user->mobile}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.addr')</label>
                                            <div class="col-md-6">
                                                <input id="address" name="address" type="text" class="form-control" value="{{$user->address}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-3 control-label">@lang('messages.household_no')</label>
                                            <div class="col-md-6">
                                                <input id="door_no" name="door_no" type="text" class="form-control" value="{{$user->door_no}}" >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <div class="row">
                                            <div class="col-md-offset-3 col-md-9">
                                                <a id="btn_submit" class="btn btn-success">@lang('messages.update')</a>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                </div>


            </div>
            <!-- #/paper bg -->
@endsection

@section('js_page_level')
<script type="text/javascript">
$(document).on('click','#btn_submit',function(){
    $.ajax({
        type: 'POST',
        dataType: 'json',
        url: "{{ action('FrontController@updateProfile') }}",
        data:$('#user_edit').serialize() + "&_token={{csrf_token()}}",
        success: function(sendback){
            if(sendback.success == true){
                toastr['success']('@lang('messages.suc_update_data')');
                window.history.back();
            }
            else{
                toastr['error'](sendback.errors['registerError']);
            }
        },
        error   : function ( data )
        {
            toastr['error'](data.errors['registerError']);
        }
    });
});
</script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript">
	$(".form_datetime").datepicker({
		format: 'yyyy-mm-dd',
		autoclose: true});
</script>
@endsection