@extends('layouts.master')

@section('title', 'Company')
@section('pageheader')

 <!-- Page Header -->
                    <div class="page-header">
                        <div class="header-icon"><i class="fa fa-cog"></i></div>
                        <h5>USER PROFILE</h5>
                    </div>
                    <!-- /#Page Header -->

@endsection

@section('breadcrumb')
    {!! csrf_field() !!}
    
    @if(isset($id) && !empty($id)) 
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Administrative settings</a></li>
                <li class="breadcrumb-item"><a href="{{ route('company.index') }}">Company List</a></li>
                <li class="breadcrumb-item"><a href="{{ url('company/edit/id/'.$userDetail->companyID) }}">{{$userDetail->company_name}}</a></li>
                <li class="breadcrumb-item active">User Profile</li>
            </ol>
        </nav>
    @endif
 @endsection

@section('content')

<div class="detail-accordion">
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item col">                  
            <a class="nav-link active" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="true">General Info</a>
        </li>
        <li class="nav-item col">
            <a class="nav-link" id="changepassword-tab" data-toggle="tab" href="#changepassword" role="tab" aria-controls="changepassword" aria-selected="false">Change Password</a>
        </li>        
    </ul>
     @include ('errors.list') 
        
    <div class="tab-content" id="myTabContent">       
        <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="info-tab">
            @if(isset($id) && !empty($id))                
            {{ Form::model($userDetail, array('url' => url('/profile/'.$id), 'id'=>'profile_form', 'method' => 'POST','files'=>true,'enctype' => 'multipart/form-data')) }}
            @else
            {{ Form::open(array('route' => 'user.profile', 'id'=>'profile_form','files'=>true,'enctype' => 'multipart/form-data')) }} 
            @endif                
                <div class="row">
                    <div class="col-4 text-center">
                        <div class="profile-pic my-4">                           
                            @if(!empty($userDetail->profile_pic)) 
                           
                                <img src="{{ S3Helper::getFile('Users'.'/'.$userDetail->profile_pic) }}" height="100%" width="100%" />                                 
                            @endif 
                        </div>                        
                        <input type="file" class="btn btn-outline-primary" name="profile_pic" id="profile_pic">
                     </div>

                    <div class="col-4">
                        <div class="sub-header">
                            <h4>Profile Info</h4>
                        </div>

                        <div class="form-group row">
                            {{ Form::label('user_type', 'User Type',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::text('role_name', $userDetail->role_name, array('class' => 'form-control','required'=>'', 'disabled'=>"disabled")) }}
                             </div>
                        </div>
                        <div class="form-group row">
                            {{ Form::label('user_name', 'Username*',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::text('user_name', (isset($userDetail->user_name) ? $userDetail->user_name : null), array('class' => 'form-control','required'=>'')) }}
                             </div>
                        </div>
                        <div class="form-group row">
                            {{ Form::label('email', 'Email*',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::text('email', (isset($userDetail->email) ? $userDetail->email : null), array('class' => 'form-control','required'=>'')) }}
                             </div>
                        </div>                    
                        <div class="form-group row">
                            {{ Form::label('first_name', 'First Name',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::text('first_name', (isset($userDetail->first_name) ? $userDetail->first_name: null), array('class' => 'form-control')) }}
                             </div>
                        </div>                    
                        <div class="form-group row">
                            {{ Form::label('last_name', 'Last Name',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::text('last_name', (isset($userDetail->last_name) ? $userDetail->last_name: null), array('class' => 'form-control')) }}
                             </div>
                        </div>                    
                        <div class="form-group row">
                            {{ Form::label('phone', 'Phone',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::text('phone', (isset($userDetail->phone) ? $userDetail->phone: null), array('class' => 'form-control')) }}
                             </div>
                        </div>                    
                        <div class="form-group row">
                            {{ Form::label('address', 'Address',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::textarea('address', (isset($userDetail->address) ? $userDetail->address: null), array('class' => 'form-control','rows'=>'3')) }}
                             </div>
                        </div>      
                                        
                       
                        <div class="form-group row">
                  {{ Form::label('state', 'State',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                      {{ Form::select('state',$us_states, (isset($userDetail->state) ? $userDetail->state : '') ,array('class' => 'form-control')) }}
                  </div>
               </div>
               <div class="form-group row">
                  {{ Form::label('city', 'City',array('class' => 'col-sm-4 col-form-label')) }}
                  <div class="col-sm-8">
                     {!! Form::select('city',[''=>'--- Select City ---'],null,['class'=>'form-control']) !!}
                  </div>
               </div> 
                <div class="form-group row">
                            {{ Form::label('zip', 'Zip',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::number('zip', (isset($userDetail->zip) ? $userDetail->zip : null), array('class' => 'form-control')) }}
                             </div>
                        </div>                                                     
                    </div>
                </div>      
                <hr class="dotted">
                <div class="row">
                    <div class="col-12 text-right">                           
                        {{Form::button('<i class="fa fa-check"></i> Update', array('type' => 'submit', 'class' => 'btn btn-primary ml-3', "name"=>"profileSaveBtn"))}}
                    </div>
                </div>            
            {{ Form::close() }}                
        </div>

        <div class="tab-pane fade" id="changepassword" role="tabpanel" aria-labelledby="changepassword-tab">
            @if(isset($id) && !empty($id))                
            {{ Form::model($userDetail, array('url' => url('/profile/'.$id), 'id'=>'password_form', 'method' => 'POST')) }}
            @else
            {{ Form::open(array('route' => 'user.profile', 'id'=>'password_form')) }} 
            @endif             
                <div class="row">
                    <div class="col-8">
                        <div class="sub-header">
                            <h4>Change Password</h4>
                        </div>
                        
                        @if(!isset($id) || empty($id))
                            <div class="form-group row">
                                {{ Form::label('old_password', 'Old Password',array('class' => 'col-sm-4 col-form-label ')) }}
                                <div class="col-sm-8">
                                    {{ Form::password('old_password', array('class' => 'form-control','required'=>'')) }}
                                 </div>
                            </div>
                        @endif
                        
                        <div class="form-group row">
                            {{ Form::label('new_password', 'New Password',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::password('new_password', array('class' => 'form-control','required'=>'', 'id'=>'new_password')) }}
                             </div>
                        </div>
                        <div class="form-group row">
                            {{ Form::label('retype_password', 'Retype Password',array('class' => 'col-sm-4 col-form-label ')) }}
                            <div class="col-sm-8">
                                {{ Form::password('retype_password', array('class' => 'form-control','required'=>'')) }}
                             </div>
                        </div>                        
                        
                    </div>
                </div>
            
                <hr class="dotted">
                <div class="row">
                    <div class="col-12 text-right">                           
                        {{Form::button('<i class="fa fa-check"></i> Update', array('type' => 'submit', 'class' => 'btn btn-primary ml-3', "name"=>"passwordSaveBtn"))}}
                    </div>
                </div>            
            {{ Form::close() }}             

        </div>
        
    </div>
</div>
  

@endsection

@section('script')  
  <script type="text/javascript">       
    $.validator.addMethod('filesize', function (value, element, param) {
        return this.optional(element) || (element.files[0].size <= param)
    }, 'File size must be less than 2 MB');
    
    $("#profile_form").validate({
       ignore: [],
       onfocusout: false,
       rules: {
            user_name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            profile_pic: {                
                extension: "jpg|jpeg|png|gif",
                filesize: 2000000
            },
        },
       messages: {
            user_name: {
                required: "Please enter username."
            },
            email: {
                required: "Please enter email.",
                email: "Please enter valid email."
            },
            profile_pic: {extension: "Please upload jpg,jpeg,png,gif only"}
       },       
       invalidHandler: function(form, validator) {
       var errors = validator.numberOfInvalids();

       if (errors) {
           var elem_id=validator.errorList[0].element.id;

           var _tab =$("#"+elem_id).closest(".tab-pane").get(0).id;
           $('#'+_tab+'-tab').trigger('click');
           validator.errorList[0].element.focus();
       }

       } 
    });   
    
    $("#password_form").validate({
       ignore: [],
       onfocusout: false,
       rules: {
            old_password: {
                required: true
            },
            new_password: {
                required: true
            },
            retype_password: {
                required: true,
                equalTo : "#new_password"
            }
        },
       messages: {
            old_password: {
                required: "Please enter old password."
            },
            new_password: {
                required: "Please enter new password."
            },
            retype_password: {
                required: "Please retype password.",
                equalTo : "New password and retype password must be same."
            }
       },       
       invalidHandler: function(form, validator) {
       var errors = validator.numberOfInvalids();

       if (errors) {
           var elem_id=validator.errorList[0].element.id;

           var _tab =$("#"+elem_id).closest(".tab-pane").get(0).id;
           $('#'+_tab+'-tab').trigger('click');
           validator.errorList[0].element.focus();
       }

       } 
    });
      $(document).ready(function() {

    });
  var id_city='';
   $("select[name='state']").change(function(){
  
      var id_state = $(this).val();      
      var token = $("input[name='_token']").val();
      startLoading();
      $.ajax({

          url: "