@extends('layouts.app')

@section('breadcrumbs')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb my-0 ms-2">
            <li class="breadcrumb-item">
                <a href="/">
                    <svg class="nav-icon">
                        <use xlink:href="/images/sprites/free.svg#cil-home"></use>
                    </svg>
                </a>
            </li>
            <li class="breadcrumb-item">
                <a href="/users">
                    <span>Users</span>
                </a>
            </li>
            <li class="breadcrumb-item active"><span>Update</span></li>
        </ol>
    </nav>
@endsection

@section('content')

	@include('partials.messages')

	<div class="card mb-4">
		<div class="card-header">Update User</div>

		<div class="card-body">

			<form method="POST" action="/users/{{ $user->id }}" autocomplete="off">
				{{ csrf_field() }}

				<div class="mb-1">
					<x-form.input name="name">{{ $user->name }}</x-form.input>
				</div>

				<div class="mb-1">
					<x-form.input name="email" type="email">{{ $user->email }}</x-form.input>
				</div>

				<div class="mb-1">
					<x-form.input name="password" type="password">{{ $user->password }}</x-form.input>
				</div>

            @can('update', $user)
             	<div class="mb-1">
					<x-form.select name="role_id" label="Role" :options="$roles">{{ $user->roles->first()->id ?? 0 }}</x-form.select>
				</div>
			@endcan

				<div class="my-3">
					<button type="submit" name="action" value="update" class="btn btn-primary">Update</button>
					@can('delete', $user)
					<a class="btn btn-danger" href="/users/{{ $user->id }}/delete" role="button" onclick="return confirm('Are you sure?');">Delete</a>
					@endcan
				</div>
			</form>

		</div>

	</div>

@endsection('content')