@extends('admin.layout')

@section('content')

<h3 class="mb-4">Edit Mahasiswa</h3>

<div class="card-box">

    <form method="POST" action="/admin/mahasiswa/update/{{ $data->id }}">
        @csrf

        <div class="row">

            <!-- NIM -->
            <div class="col-md-6 mb-3">
                <label>NIM</label>
                <input type="text" name="nim" class="form-control" value="{{ $data->nim }}" required>
            </div>

            <!-- NAMA -->
            <div class="col-md-6 mb-3">
                <label>Nama Mahasiswa</label>
                <input type="text" name="nama" class="form-control" value="{{ $data->nama }}" required>
            </div>

            <!-- PRODI -->
            <div class="col-md-6 mb-3">
                <label>Program Studi</label>
                <input type="text" name="prodi" class="form-control" value="{{ $data->prodi }}" required>
            </div>

            <!-- ANGKATAN -->
            <div class="col-md-6 mb-3">
                <label>Angkatan</label>
                <input type="number" name="angkatan" class="form-control" value="{{ $data->angkatan }}" required>
            </div>

            <!-- NAMA ORANG TUA -->
            <div class="col-md-6 mb-3">
                <label>Nama Orang Tua</label>
                <input type="text" name="nama_ortu" class="form-control" value="{{ $data->orangTua->nama ?? '' }}"
                    required>
            </div>

            <!-- EMAIL ORANG TUA -->
            <div class="col-md-6 mb-3">
                <label>Email Orang Tua</label>
                <input type="email" name="email_ortu" class="form-control" value="{{ $data->orangTua->email ?? '' }}"
                    required>
            </div>


            <!-- PASSWORD MAHASISWA -->
            <!-- PASSWORD MAHASISWA -->
            <div class="col-md-6 mb-3">

                <label>Password Mahasiswa</label>

                <div class="input-group">

                    <input type="password" name="password_mahasiswa" id="password_mahasiswa" class="form-control"
                        placeholder="Kosongkan jika tidak diubah">

                    <button type="button" class="btn btn-outline-secondary"
                        onclick="togglePassword('password_mahasiswa', this)">

                        <i data-feather="eye"></i>

                    </button>

                </div>

            </div>

            <!-- PASSWORD ORANG TUA -->
            <div class="col-md-6 mb-3">

                <label>Password Orang Tua</label>

                <div class="input-group">

                    <input type="password" name="password_ortu" id="password_ortu" class="form-control"
                        placeholder="Kosongkan jika tidak diubah">

                    <button type="button" class="btn btn-outline-secondary"
                        onclick="togglePassword('password_ortu', this)">

                        <i data-feather="eye"></i>

                    </button>

                </div>

            </div>

        </div>

        <button class="btn btn-custom">
            Update
        </button>

    </form>

</div>

@section('scripts')

<script>
    function togglePassword(id, button) {
        const input = document.getElementById(id);

        const icon = button.querySelector('svg');

        if (input.type === 'password') {

            input.type = 'text';

        } else {

            input.type = 'password';

        }

        feather.replace();
    }
</script>

@endsection

@endsection