@extends('layouts.master')

@section('content')
<div class="container-xxl py-3">
    <div class="row justify-content-center">
        <div class="col-md-5">
            <div class="text-center">
                <p class="mb-0">Formulir {{ request()->routeIs('users.edit') ? 'Ubah' : 'Tambah' }} </p>
                <h3 class="fw-bolder">Pengguna</h3>
            </div>
            <form method="POST" action="{{ (request()->routeIs('users.edit') ? route('users.update', $user) : route('users.store')) }}">
                @csrf
                @method((request()->routeIs('users.edit') ? 'PUT' : 'POST'))
                <div class="card shadow mb-2">
                    <div class="card-body">
                        <div class="form-floating mb-3">
                            <input id="name" type="text" class="form-control @error("name") is-invalid @enderror" name="name" value="{{ old("name", ($user->name ?? null)) }}" autofocus required placeholder="Nama Lengkap"/>
                            <label for="name">Nama Lengkap</label>
                            @error("name")
                            <div class="invalid-feedback" role="alert">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-floating mb-3">
                            <select id="role" class="form-select @error("role") is-invalid @enderror" name="role" placeholder="Pilih Role">
                                @foreach ($roles as $role)
                                <option value="{{ $role->name }}" @selected((isset($user) ? $user->hasRole($role->name): false))>{{ $role->name }}</option>
                                @endforeach
                            </select>
                            <label for="role">Role</label>
                            @error("role")
                            <div class="invalid-feedback" role="alert">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-floating mb-3">
                            <input id="username" type="text" class="form-control @error("username") is-invalid @enderror" name="username" value="{{ old("username", ($user->username ?? null)) }}" required placeholder="Username"/>
                            <label for="username">Nama Pengguna</label>
                            @error("username")
                            <div class="invalid-feedback" role="alert">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-floating mb-3">
                            <input id="email" type="email" class="form-control @error("email") is-invalid @enderror" name="email" value="{{ old("email", ($user->email ?? null)) }}" required placeholder="Email"/>
                            <label for="email">Email</label>
                            @error("email")
                            <div class="invalid-feedback" role="alert">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-floating mb-3">
                            <input id="password" type="text" class="form-control @error("password") is-invalid @enderror" name="password" value="{{ old("password", null) }}" placeholder="Password"/>
                            <label for="password">Password</label>
                            @error("password")
                            <div class="invalid-feedback" role="alert">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <a href="{{ route('users.index') }}" class="btn btn-light"><i class="fa-solid fa-fw fa-arrow-left"></i> Kembali</a>
                    <button type="submit" class="btn btn-primary"><i class="fa-regular fa-fw fa-save"></i> Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection