@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="narrow_row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            Edit User 
                            <div class="pull-right">
                                <button type="button" class="btn btn-sm white w-xs" style='color:#2e3e4e;' onclick='window.history.back()'>Back</button>
                            </div>
                        </h3>
                    </div>

                    <div class="panel-body">
                        <form id="edit_user"  method="POST" action="{{route('users.update',$user->id)}}" role="form" style='width:900px;'>
                            {{ csrf_field() }}  
                            {{ method_field('PATCH') }}
                            
                            <div class="form-group">
                                <label class="control-label">Company Name</label>
                                <input name="company_name" type="text" class="form-control" value="{{old('company_name',$user->company_name)}}"/>
                                @if ($errors->has('company_name'))
                                    <span class="help-block"><strong>{{ $errors->first('company_name') }}</strong></span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label for="FirstName" class="control-label required">First Name</label>
                                <input id="FirstName" name="first_name" type="text" class="form-control" required="required" value="{{old('first_name',$user->first_name)}}"/>
                                @if ($errors->has('first_name'))
                                    <span class="help-block"><strong>{{ $errors->first('first_name') }}</strong></span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label class="control-label required">Last Name</label>
                                <input name="last_name" type="text" class="form-control" required="required" value="{{old('last_name',$user->last_name)}}"/>
                                @if ($errors->has('last_name'))
                                    <span class="help-block"><strong>{{ $errors->first('last_name') }}</strong></span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label class="control-label required">Email</label>
                                <input name="email" type="text" class="form-control" required="required" value="{{old('email',$user->email)}}"/>
                                @if ($errors->has('email'))
                                    <span class="help-block"><strong>{{ $errors->first('email') }}</strong></span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label class="control-label required">Type</label>
                                <select name="role_id" class="form-control" required="required">            
                                    <option value=""></option>
                                    @foreach($user_roles as $user_role)
                                        <option value="{{$user_role->id}}" {{old('role_id',$user->role_id)==$user_role->id ? "selected=selected" : ''}}>{{$user_role->role}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('role_id'))
                                    <span class="help-block"><strong>{{ $errors->first('role_id') }}</strong></span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label class="control-label">Country</label>
                                <input name="country" type="text" class="form-control" value="{{old('country',$user->country)}}"/>
                            </div>

                            <div class="form-group">
                                <label class="control-label">City</label>
                                <input name="city" type="text" class="form-control" value="{{old('city',$user->city)}}"/>
                            </div>

                            <div class="form-group">
                                <label class="control-label">State</label>
                                <input name="state" type="text" class="form-control" value="{{old('state',$user->state)}}"/>
                            </div>

                            <div class="form-group">
                                <label class="control-label">Zip Code</label>
                                <input name="zip_code" type="text" class="form-control" value="{{old('zip_code',$user->zip_code)}}"/>
                            </div>

                            <div class="form-group">
                                <label class="control-label">Address 1</label>
                                <input name="address_1" type="text" class="form-control" value="{{old('address_1',$user->address_1)}}"/>
                            </div>

                            <div class="form-group">
                                <label class="control-label">Address 2</label>
                                <input name="address_2" type="text" class="form-control" value="{{old('address_2',$user->address_2)}}"/>
                            </div>

                            <div class="form-group" style="text-align:right;">
                                <button class="btn btn-sm white w-xs" style='color:#2e3e4e;' type="button">Back</button>
                                <button type="submit" class="btn btn-primary w-xs btn-sm">Submit</button>
                            </div>    
                        </form>     
                    </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>
@endsection