@extends('admin.layouts.main')
@section('title', 'Edit User')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Edit User</h4>
                    <form id="profile-form">
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="name">Nama</label>
                                    <input type="text" class="form-control" id="name" name="name"
                                           value="{{ $data->name }}">
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="email">Email</label>
                                    <input type="email" class="form-control" id="email" value="{{ $data->email }}"
                                           readonly>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="role">Role</label>
                                    <select class="form-control" name="role" id="role">
                                        <option disabled>-- Pilih Role</option>
                                        <option value="ortu" {{ ($data->role === 'ortu') ? 'selected': '' }}>Ortu</option>
                                        <option value="guru" {{ ($data->role === 'guru') ? 'selected': '' }}>Guru</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="new_password">Password Baru</label>
                                    <input type="password" class="form-control" id="new_password" name="new_password">
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="confirm_password">Konfirmasi Password</label>
                                    <input type="password" class="form-control" id="confirm_password"
                                           name="confirm_password">
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Simpan</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
            integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script>
        $('#profile-form').submit(function (e) {
            e.preventDefault()
            let data = $(this).serialize()
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                url: '{{ route('admin.manage-user.update', $data->id) }}',
                type: 'POST',
                data: data,
                success: function (response) {
                    swal('Berhasil', 'Data berhasil disimpan', 'success').then(() => {
                        window.location = '{{ route('admin.manage-user.index') }}'
                    })
                },
                error: function (xhr) {
                    swal('Gagal', xhr.responseJSON.message, 'error')
                }
            })
        });
    </script>
@endpush