@extends('ortu.layout')

@section('content')

<div class="card-box">

    <h5 class="mb-4">Edit Profil Orang Tua</h5>

    @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form method="POST" action="/ortu/profile/update" enctype="multipart/form-data">
        @csrf

        <div class="row">

            <!-- FOTO -->
            <div class="col-md-3 text-center">

                @if($user->foto)
                <img src="{{ asset('upload/'.$user->foto) }}" class="rounded-circle mb-3" width="120" height="120"
                    style="object-fit:cover;">
                @else
                <div
                    style="width:120px;height:120px;background:#4e73df;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;color:white;">
                    <i data-feather="user"></i>
                </div>
                @endif

                <input type="file" name="foto" class="form-control mt-2">

            </div>

            <!-- DATA -->
            <div class="col-md-9">

                <div class="mb-3">
                    <label>NIM Mahasiswa</label>
                    <input type="text" class="form-control" value="{{ $mahasiswa->nim ?? '-' }}" readonly>
                </div>

                <div class="mb-3">
                    <label>Nama Orang Tua</label>
                    <input type="text" class="form-control" value="{{ $user->nama }}" readonly>
                </div>

                <div class="mb-3">
                    <label>Password Baru</label>
                    <input type="password" name="password" class="form-control"
                        placeholder="Kosongkan jika tidak diubah">
                </div>

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

            </div>

        </div>

    </form>

</div>

@endsection