@extends('layouts.master')

@section('content')
    <div class="container">
        <h1>Edit User</h1>
        <form action="{{ route('users.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="form-group mb-3">
                <label for="name">Nama</label>
                <input type="text" name="name" value="{{ $user->name }}" class="form-control" required>
            </div>
            <div class="form-group mb-3">
                <label for="email">Email</label>
                <input type="email" name="email" value="{{ $user->email }}" class="form-control" required>
            </div>
            <div class="form-group mb-3">
                <label for="no_wa">No. Whatsapp</label>
                <div class="input-group">
                    <span class="input-group-prepend">
                        <span class="input-group-text h-100">+62</span>
                    </span>
                    <input type="text" name="no_wa" value="{{ substr($user->no_wa, 3) }}" class="form-control" required>
                </div>
            </div>
            <div class="form-group mb-3">
                <label for="password">Password (Kosongkan jika tidak ingin mengubah password)</label>
                <input type="password" name="password" class="form-control">
            </div>
            <div class="form-group mb-3">
                <label for="password_confirmation">Konfirmasi Password (Kosongkan jika tidak ingin mengubah password)</label>
                <input type="password" name="password_confirmation" class="form-control">
            </div>
            <div class="form-group mb-3">
                <label for="role">Role</label>
                <select name="role" class="form-control" id="role">
                    @foreach ($roles as $role)
                        <option value="{{ $role->id }}" {{ $user->role == $role->id ? 'selected' : '' }}>
                            {{ $role->nama_role }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group mb-3 @if ($user->role != 11) d-none @endif" id="opd-select">
                <label for="opd">OPD</label>
                <select name="id_opd" class="form-control">
                    @foreach ($opd as $item)
                        <option value="{{ $item->id }}" {{ $user->id_opd == $item->id ? 'selected' : '' }}>
                            {{ $item->nama_opd }}
                        </option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            $('#role').change(function() {
                if($('#role').val() == 11) {
                    $('#opd-select').removeClass('d-none');
                } else {
                    $('#opd-select').addClass('d-none');
                }
            });
        });
    </script>
@endpush