@extends('layouts.app', ['pageSlug' => 'trafficList'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Register</span></li>
        </ul>
    </div>
</div>
<div class="spl-page-panel">    
    <div class="row">
        <div class="col-lg-12">
            <div class="p-3" id="log_tbl">                
            <div class="col-lg-8 panel panel-default">
                <form class="form" method="post" action="{{ route('users.update') }}" id="register_form">
                    @csrf
                    <input type="hidden" name="userid" id="userid" value="{{$user->id}}">
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-lg-4 col-md-3 form-control-static text-right">User Name</label>
                            <div class="col-lg-8 col-md-9 input-group{{ $errors->has('name') ? ' has-danger' : '' }} mtb-10">
                                <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                <input type="text" name="name" class="form-control" placeholder="{{ __('Name') }}" required value="{{old('name') ? old('name') : $user->name}}">
                                @include('alerts.feedback', ['field' => 'name'])
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 col-md-3 form-control-static text-right">User Email</label>
                            <div class="col-lg-8 col-md-9 input-group{{ $errors->has('email') ? ' has-danger' : '' }} mtb-10">
                                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>                            
                                <input type="email" name="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" required value="{{old('email') ? old('email') : $user->email}}">
                                @include('alerts.feedback', ['field' => 'email'])
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 col-md-3 form-control-static text-right">User Phone</label>
                            <div class="col-lg-8 col-md-9 input-group{{ $errors->has('mobile') ? ' has-danger' : '' }} mtb-10">
                                <span class="input-group-addon"><i class="fa fa-phone"></i></span>                            
                                <input type="text" name="mobile" class="form-control{{ $errors->has('mobile') ? ' is-invalid' : '' }}" placeholder="{{ __('Mobile') }}" required value="{{old('mobile') ? old('mobile') : $user->mobile}}">
                                @include('alerts.feedback', ['field' => 'mobile'])
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 col-md-3 form-control-static text-right">User Role</label>
                            <div class="col-lg-8 col-md-9 input-group{{ $errors->has('password') ? ' has-danger' : '' }} mtb-10">
                                <span class="input-group-addon"><i class="fa fa-key"></i></span>
                                <select name="role" id="role" class="form-control select2" required value="{{old('role')}}">
                                    <option value="">Please Select</option>
                                    @foreach($roles as $role)
                                        <option value="{{$role->id}}" @if($user->role->roleName->id == $role->id) selected @endif>{{$role->role}}</option>
                                    @endforeach
                                </select>
                            </div> 
                        </div>   
                        <div class="form-group"> 
                            <label class="col-lg-4 col-md-3 form-control-static text-right">Password</label>
                            <div class="col-lg-8 col-md-9 input-group{{ $errors->has('password') ? ' has-danger' : '' }} mtb-10">
                                <span class="input-group-addon"><i class="fa fa-key"></i></span>                            
                                <input type="password" name="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('Password') }}" value="">
                                @include('alerts.feedback', ['field' => 'password'])
                            </div> 
                        </div>
                    </div>
                    <div class="text-center pull-right">
                        <button type="submit" class="btn btn-primary btn-round btn-sm">{{ __('Update') }}</button>
                    </div>
                </form>
            </div>
        
            </div>
        </div>
    </div>
</div>

@endsection

@push('js')
<script>
    $(function() {
    $('.select2').select2();
    $("form#register_form").validate({
        // rules: {
        //     password: "required",
        //     password_confirmation: {
        //         equalTo: "#password"
        //     }
        // },
        // messages: {
        //     password: "Please Enter Password",
        //     password_confirmation: " Enter Confirm Password Same as Password"
        // },
        submitHandler: function(form) {
            form.submit();
        }
    });
});

</script>
@endpush