@extends('layouts.app')


@section('content')
    <div class="card">
        <div class="card-body">
            <div class="mb-4 clearfix">
                <h4 class="float-left">Users</h4>
                <a class="float-right" href="{{ route('users.index') }}"><button class="btn btn-primary btn-sm"><i class="fas fa-long-arrow-alt-left mr-2"></i>Go Back</button></a>
            </div>
            <form action="{{ isset($id)? route('users.update', $user->id) : route('users.store')  }}" method="POST">
                @csrf
                {{ isset($id)? method_field('PUT') : '' }}
                <div class="form-group">
                    <label>Name</label>
                    <input type="text" name="name" class="form-control" value="{{ isset($id)? $user->name : '' }}">
                </div>
                <div class="form-group">
                    <label>Email</label>
                    <input type="text" name="email" class="form-control" value="{{ isset($id)? $user->email : '' }}">
                </div>
                <div class="form-group">
                    <label>Password</label>
                    <input type="password" name="password" class="form-control">
                    <small>Leave empty if password change is not required</small>
                </div>
                <div class="form-group">
                    <label>Role</label>
                    <select class="form-control" name="role_id" id="role_id">
                        <option disabled selected>Choose</option>
                        @foreach($roles as $role)
                            <option value="{{ $role->id }}">{{ $role->name }}</option>
                        @endforeach
                    </select>
                </div>
                <hr class="mt-4">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-sm">Save</button>
                </div> 
            </form>
        </div>
    </div>
@endsection

@section('script')
    @if(isset($id))
    <script>
        $(document).ready(function(){
                $('#role_id').val('{{ $user->role_id }}')
        });
    </script>
   @endif
@endsection