@extends('base')
@section('content')

<h1 class="mt-5">Users</h1>
<div class="graph-card px-4 py-3 my-3" style="max-width: 600px;">
    <h2 class="d-inline-block" style="color: #727E88;">Edit User</h2>
    <div class="d-inline-block float-end">
        <img src="{{secure_asset('images/flag.svg')}}" alt="...">
    </div>
                <form class="my-3"  method="POST" action="{{ secure_url('/add-users/update',$user->id) }}">
                    @csrf

                        <label>Name:</label>
                        <input type="text" value="{{ $user->name }}" name="name" class="form-control px-3 py-2 audit-name mb-3" id="TextInput" required>
                        @error('name')
                        <div class="alert alert-danger">{{ $message }}</div>
                        @enderror

                        <label>Email:</label>
                        <input type="email" name="email" value="{{ $user->email }}" class="form-control px-3 py-2 audit-name mb-3" id="TextInput" required>

                        <label>Password:</label>
                        <input type="password" name="password" class="form-control px-3 py-2 audit-name mb-3" id="TextInput" required>

                        <label>Confirm Password:</label>
                        <input type="password" name="password_confirmation" class="form-control px-3 py-2 audit-name mb-3" id="TextInput" required>

                        <label>Role:</label>
                        <select name="roles" class="form-control px-3 py-2 audit-name mb-3" id="TextInput" >
                            @foreach( $getRole as $getRoles )
                                <option value="{{ $getRoles->id }}">{{ $getRoles->roles }}</option>
                            @endforeach
                        </select>

                        <div class="text-end">
                            <button type="submit" class="btn btn-primary vl-btn-small">Save & Exit</button>
                        </div>

                </form>
            </div>

@endsection