@extends('layouts.master')

@section('content')
<div class="header bg-primary text-white p-3 mb-3 rounded mt-3">
    <h3 class="m-0 font-weight-normal">Edit User</h3>
</div>
<div class="card">
    <div class="card-header">Edit User</div>
    <div class="card-body">
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form id="edit-user-form" action="{{ route('user.update', $user->id) }}" method="POST">
            @csrf
            <div class="mb-3">
                <label>Nama</label>
                <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
            </div>
            <div class="mb-3">
                <label>Email</label>
                <input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
            </div>
              <div class="mb-3">
                <label>Password <span style="color: red;">(Kosongkan jika tidak ingin mengubah)</span></label>
                <input type="password" name="password" class="form-control" autocomplete="new-password">
            </div>
            <div class="mb-3">
                <label>Role</label>
                <select name="role_id" class="form-control" required>
                    <option value="">Pilih Role</option>
                    @foreach($roles as $role)
                        <option value="{{ $role->id }}" {{ old('role_id', $user->role_id) == $role->id ? 'selected' : '' }}>{{ $role->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="mb-3">
                <label>Pegawai</label>
                <select name="pegawai_id" class="form-control" required>
                    <option value="">Pilih Pegawai</option>
                    @foreach(\App\Models\Pegawai::all() as $pegawai)
                        <option value="{{ $pegawai->id }}" {{ old('pegawai_id', $user->pegawai_id) == $pegawai->id ? 'selected' : '' }}>{{ $pegawai->nama }}</option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="btn btn-primary" id="btn-simpan">Simpan</button>
            <a href="{{ route('pengaturan.user-role') }}" class="btn btn-secondary">Kembali</a>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function cekFormEditUser() {
        let kosong = false;
        $("#edit-user-form input[required], #edit-user-form select[required]").each(function() {
            if (!$(this).val()) kosong = true;
        });
        $("#btn-simpan").prop('disabled', kosong);
    }
    $(document).ready(function() {
        $("#edit-user-form input[required], #edit-user-form select[required]").on('input change', cekFormEditUser);
        cekFormEditUser();
    });
</script>
@endpush