@extends('users.layout.app')

@section('content')
    @include('users.partials.sidebar')
<div id="content" class="vheight" style="position: inherit;">
    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading">Edit Profile</div>

                <div class="panel-body">
                    <form class="form-horizontal" method="POST" action="{{ route('edit.profile') }}" novalidate>
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="col-md-12 control-label">Name <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="name" type="text" class="form-control" name="name" value="{{$user->name}}" required autofocus>

                                @if ($errors->has('name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group{{ $errors->has('last_name') ? ' has-error' : '' }}">
                            <label for="name" class="col-md-12 control-label">Last Name <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="last_name" type="text" class="form-control" name="last_name" value="{{$user->last_name}}" required autofocus>

                                @if ($errors->has('last_name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('last_name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('company_name') ? ' has-error' : '' }}">
                            <label for="company_name" class="col-md-4 control-label">Company Name <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="company_name" type="text" class="form-control" name="company_name" value="{{$user->company_name}}" required autofocus>

                                @if ($errors->has('company_name'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('company_name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('address') ? ' has-error' : '' }}">
                            <label for="address" class="col-md-4 control-label">Address <span class="required">*</span></label>

                            <div class="col-md-12 details">
                                <input id="address" type="text" class="form-control" name="address" value="{{$user->address}}" required autofocus>

                                @if ($errors->has('address'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('address') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group{{ $errors->has('city') ? ' has-error' : '' }}">
                            <label for="address" class="col-md-4 control-label">City <span class="required">*</span></label>

                            <div class="col-md-12 details">
                                <input id="city" type="text" class="form-control" name="city" value="{{$user->city}}" required autofocus>

                                @if ($errors->has('city'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('city') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group{{ $errors->has('state') ? ' has-error' : '' }}">
                            <label for="state" class="col-md-4 control-label">State <span class="required">*</span></label>

                            <div class="col-md-12 details">
                                <input id="state" type="text" class="form-control" name="state" value="{{$user->state}}" required autofocus>

                                @if ($errors->has('state'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('state') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('zip_code') ? ' has-error' : '' }}">
                            <label for="address" class="col-md-4 control-label">Zip Code <span class="required">*</span></label>

                            <div class="col-md-12 details">
                                <input id="zip_code" type="text" class="form-control" maxlength="5" name="zip_code" value="{{$user->zip_code}}" required autofocus>

                                @if ($errors->has('zip_code'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('zip_code') }}</strong>
                                    </span>
                                @endif

                            </div>
                        </div>



                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="col-md-4 control-label">E-Mail Address <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="email" type="email" class="form-control" name="email" value="{{$user->email}}" required>

                                @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('website') ? ' has-error' : '' }}">
                            <label for="website" class="col-md-4 control-label">Website <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="website" type="text" class="form-control" name="website" value="{{$user->website}}" required autofocus>

                                @if ($errors->has('website'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('website') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('phone_no') ? ' has-error' : '' }}">
                            <label for="phone_no" class="col-md-4 control-label">Phone # <span class="required">*</span></label>

                            <div class="col-md-12">

                                <div class="row">
                                    <div class="col-md-4">   <input placeholder="Area Code" maxlength="3" id="area_code" type="text" class="form-control" name="area_code" value="{{$user->area_code}}" required autofocus data-parsley-trigger="keyup" data-parsley-validate = ""> </div>
                                    <div class="col-md-4">   <input placeholder="Prefix" maxlength="3" id="prefix" type="text" class="form-control" name="prefix" value="{{$user->prefix}}" required autofocus data-parsley-trigger="keyup" data-parsley-validate = ""> </div>
                                    <div class="col-md-4"> <input placeholder="Suffix" maxlength="4" id="phone_no" type="text" class="form-control" name="phone_no" value="{{$user->phone_no}}" required autofocus data-parsley-trigger="keyup" data-parsley-validate = ""></div>
                                </div>
                                @if ($errors->has('phone_no') || $errors->has('prefix') || $errors->has('area_code'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('area_code') }}</strong>
                                        <strong>{{ $errors->first('prefix') }}</strong>
                                        <strong>{{ $errors->first('phone_no') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('fax') ? ' has-error' : '' }}">
                            <label for="fax" class="col-md-4 control-label">Fax #<span class="required">*</span></label>

                            <div class="col-md-12">
                               <div class="row">
                                   <div class="col-md-4"><input id="fax_area_code" placeholder="Area Code" maxlength="3" type="text" class="form-control" name="fax_area_code" value="{{$user->fax_area_code}}" required autofocus></div>
                                       <div class="col-md-4"> <input id="fax_prefix" maxlength="3" placeholder="Prefix" type="text" class="form-control" name="fax_prefix" value="{{$user->fax_prefix}}" required autofocus></div>
                                           <div class="col-md-4"> <input id="fax" maxlength="4" placeholder="Suffix" type="text" class="form-control" name="fax" value="{{$user->fax}}" required autofocus></div>
                               </div>
                                @if ($errors->has('fax') || $errors->has('fax_prefix') || $errors->has('fax_area_code'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('fax_area_code') }}</strong>
                                        <strong>{{ $errors->first('fax_prefix') }}</strong>
                                        <strong>{{ $errors->first('fax') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('license_no') ? ' has-error' : '' }}">
                            <label for="license_no" class="col-md-4 control-label">License # <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="license_no" type="text" class="form-control" name="license_no" value="{{$user->license_no}}" required autofocus>

                                @if ($errors->has('license_no'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('license_no') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('no_designers') ? ' has-error' : '' }}">
                            <label for="no_designers" class="col-md-4 control-label">Architects / Designers <span class="required">*</span></label>

                            <div class="col-md-12">
                                <!-- <input id="no_designers" type="text" class="form-control" name="no_designers" value="{{ old('no_designers') }}" required autofocus> -->
                                <select name="no_designers" id="no_designers" class="form-control">
                                  <option value = "">Please Select </option>
                                  <option value="1-4" {{ ($user->no_designers == "1-4") ? "selected" : ""}}>1-4</option>
                                  <option value="5-9" {{ ($user->no_designers == "5-9") ? "selected" : ""}}>5-9</option>
                                  <option value="10+" {{ ($user->no_designers == "10+") ? "selected" : ""}}>10+</option>
                                </select>

                                @if ($errors->has('no_designers'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('no_designers') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-green">
                                    Submit
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading">Change Password</div>
                    <div class="panel-body">

                        <form class="form-horizontal" method="POST" action="{{route('changePassword')}}" novalidate>
                        {{ csrf_field() }}

                        <div class="form-group{{ $errors->has('old_password') ? ' has-error' : '' }}">
                            <label for="old_password" class="col-md-4 control-label">Old Password <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="old_password" type="password" class="form-control" name="old_password" required>

                                @if ($errors->has('old_password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('old_password') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('new_password') ? ' has-error' : '' }}">
                            <label for="new_password" class="col-md-4 control-label">New Password <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="new_password" type="password" class="form-control" name="new_password" required>

                                @if ($errors->has('new_password'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('new_password') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                            <label for="password-confirm" class="col-md-4 control-label">Confirm Password <span class="required">*</span></label>

                            <div class="col-md-12">
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>

                                @if ($errors->has('password_confirmation'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('password_confirmation') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-green">
                                    Change Password
                                </button>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>

    </div>
</div>
@endsection


@section('javascripts')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;key=AIzaSyC669nx7oCS_Vl7sqjtRHiJUrV158Gd7Sg"></script>

<script src="{{asset('js/jquery.geocomplete.min.js') }}"></script>
<script type="text/javascript">

    $(function () {
        $('#area_code,#prefix,#phone_no,#fax_area_code,#fax_prefix,#fax').keyup(function(e){
            if($(this).val().length==$(this).attr('maxlength')*1){
                if($(this).attr('id')=="area_code"){
                    $('#prefix').focus();
                }else if($(this).attr('id')=="prefix"){
                    $('#phone_no').focus();
                }else if($(this).attr('id')=="phone_no"){
                    $('#fax_area_code').focus();
                }else if($(this).attr('id')=="fax_area_code"){
                    $('#fax_prefix').focus();
                }else if($(this).attr('id')=="fax_prefix"){
                    $('#fax').focus();
                }


            }

        })

    });



</script>
@endsection