@extends('admin.layout')

@section('content')

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

<div class="card-box">

    <form method="POST" action="/admin/mahasiswa/store">
        @csrf

        <div class="row">

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

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

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

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

            <!-- ORANG TUA -->
            <div class="col-md-6 mb-3">
                <label>Nama Orang Tua</label>
                <input type="text" name="nama_ortu" class="form-control" required>
            </div>

            <!-- EMAIL -->
            <div class="col-md-6 mb-3">
                <label>Email Orang Tua</label>
                <input type="email" name="email_ortu" class="form-control" required>
            </div>

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

                    <input type="password" name="password" id="password" class="form-control">

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

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

                    </button>

                </div>
            </div>

        </div>

        <button class="btn btn-custom">
            Simpan
        </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