@extends('layouts.student')
@section('title','My Profile')
@section('breadcrumb')<li class="breadcrumb-item active">Profile</li>@endsection
@section('student-content')
<div class="row justify-content-center"><div class="col-xl-7">
<div class="card"><div class="card-header"><h5 class="mb-0 fw-bold"><i class="fas fa-user-circle me-2 text-primary"></i>My Profile</h5></div>
<div class="card-body">
<form method="POST" action="{{ route('student.profile.update') }}" enctype="multipart/form-data">
@csrf @method('PUT')
<div class="text-center mb-4">
    @if($student->photo)
    <img src="{{ $student->photo_url }}" class="rounded-circle" style="width:80px;height:80px;object-fit:cover">
    @else
    <div style="width:80px;height:80px;background:#1e3a5f;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:#f59e0b;margin:auto"><i class="fas fa-user-graduate"></i></div>
    @endif
    <div class="mt-2"><input type="file" name="photo" class="form-control form-control-sm" accept="image/*"></div>
</div>
<div class="row g-3">
    <div class="col-md-6"><label class="form-label">Phone</label><input type="text" name="phone" class="form-control" value="{{ old('phone', $student->phone) }}"></div>
    <div class="col-md-6"><label class="form-label">Email</label><input type="email" name="email" class="form-control" value="{{ old('email', $student->email) }}"></div>
    <div class="col-12"><label class="form-label">Address</label><textarea name="address" class="form-control" rows="2">{{ old('address', $student->address) }}</textarea></div>
    <hr class="my-1">
    <div class="col-12"><p class="text-muted fw-bold small">Change Password (optional)</p></div>
    <div class="col-md-6"><label class="form-label">New Password</label><input type="password" name="password" class="form-control"></div>
    <div class="col-md-6"><label class="form-label">Confirm Password</label><input type="password" name="password_confirmation" class="form-control"></div>
</div>
<div class="mt-4"><button type="submit" class="btn btn-primary"><i class="fas fa-save me-1"></i>Update Profile</button></div>
</form>
</div></div>
</div></div>
@endsection