@extends('layouts.admin')

@section('title', 'Edit User')

@section('content')
<div class="main-content">
  <section class="section">
    <div class="section-header">
      <h1>Edit User</h1>
      <div class="section-header-breadcrumb">
        <div class="breadcrumb-item">
          <a href="{{ route('admin.users.index') }}">User</a>
        </div>
        <div class="breadcrumb-item active">Edit</div>
      </div>
    </div>

    <div class="section-body">
      <div class="card">
        <div class="card-header">
          <h4>Form Edit User</h4>
        </div>

        <div class="card-body">
          <form action="{{ route('admin.users.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')

            {{-- Nama --}}
            <div class="form-group">
              <label>Nama</label>
              <input type="text"
                     name="name"
                     value="{{ old('name', $user->name) }}"
                     class="form-control @error('name') is-invalid @enderror"
                     required>

              @error('name')
                <div class="invalid-feedback">
                  {{ $message }}
                </div>
              @enderror
            </div>

            {{-- Username --}}
            <div class="form-group">
              <label>Username</label>
              <input type="text"
                     name="username"
                     value="{{ old('username', $user->username) }}"
                     class="form-control @error('username') is-invalid @enderror"
                     required>

              @error('name')
                <div class="invalid-feedback">
                  {{ $message }}
                </div>
              @enderror
            </div>


            {{-- Email --}}
            <div class="form-group">
              <label>Email</label>
              <input type="email"
                     name="email"
                     value="{{ old('email', $user->email) }}"
                     class="form-control @error('email') is-invalid @enderror"
                     required>

              @error('email')
                <div class="invalid-feedback">
                  {{ $message }}
                </div>
              @enderror
            </div>

            {{-- Password --}}
            <div class="form-group">
              <label>Password (Kosongkan jika tidak diganti)</label>
              <input type="password"
                     name="password"
                     class="form-control @error('password') is-invalid @enderror">

              @error('password')
                <div class="invalid-feedback">
                  {{ $message }}
                </div>
              @enderror
            </div>

            {{-- Role --}}
            <div class="form-group">
              <label>Role</label>
              <select name="role_id"
                      class="form-control @error('role_id') is-invalid @enderror"
                      required>
                @foreach($roles as $role)
                  <option value="{{ $role->id }}"
                    {{ old('role_id', $user->role_id) == $role->id ? 'selected' : '' }}>
                    {{ $role->name }}
                  </option>
                @endforeach
              </select>

              @error('role_id')
                <div class="invalid-feedback">
                  {{ $message }}
                </div>
              @enderror
            </div>

            {{-- Tombol --}}
            <div class="form-group text-right">
              <a href="{{ route('admin.users.index') }}"
                 class="btn btn-secondary">
                Kembali
              </a>

              <button type="submit"
                      class="btn btn-primary">
                Update
              </button>
            </div>

          </form>
        </div>
      </div>
    </div>

  </section>
</div>
@endsection