@extends('layouts.dashboard')

@section('title', 'My Profile | AICDS Member Dashboard')

@section('dashboard_content')

<div class="card p-4 p-md-5 border rounded-4 shadow-sm bg-white">
    <div class="d-flex justify-content-between align-items-center mb-4 pb-2 border-bottom">
        <div>
            <h4 class="fw-bold mb-1">Account &amp; Profile Details</h4>
            <p class="text-muted small mb-0">Update your contact information, institutional affiliation, and account security.</p>
        </div>
        <span class="badge bg-primary text-uppercase px-3 py-2">{{ $user->role }}</span>
    </div>

    <form action="{{ route('dashboard.profile.update') }}" method="POST">
        @csrf
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label fw-semibold small">Full Name <span class="text-danger">*</span></label>
                <input type="text" name="name" value="{{ old('name', $user->name) }}" required class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Email Address</label>
                <input type="email" value="{{ $user->email }}" disabled class="form-control bg-light">
                <div class="form-text small text-muted">Email address cannot be changed directly. Contact support for assistance.</div>
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Mobile Phone</label>
                <input type="text" name="phone" value="{{ old('phone', $user->phone) }}" class="form-control" placeholder="+91 98765 43210">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">College / Organization</label>
                <input type="text" name="organization" value="{{ old('organization', $user->organization) }}" class="form-control" placeholder="Institution Name">
            </div>

            <div class="col-md-12">
                <label class="form-label fw-semibold small">Designation / Degree</label>
                <input type="text" name="designation" value="{{ old('designation', $user->designation) }}" class="form-control" placeholder="e.g. Associate Professor or B.Tech AI & Data Science">
            </div>

            <div class="col-12 mt-4 pt-4 border-top">
                <h5 class="fw-bold mb-3">Security &amp; Password Update</h5>
                <p class="text-muted small">Leave blank if you do not wish to change your current password.</p>
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Current Password</label>
                <input type="password" name="current_password" class="form-control" placeholder="Current password">
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">New Password</label>
                <input type="password" name="password" class="form-control" placeholder="Minimum 8 characters">
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Confirm New Password</label>
                <input type="password" name="password_confirmation" class="form-control" placeholder="Repeat new password">
            </div>

            <div class="col-12 mt-4 text-end">
                <button type="submit" class="default__button px-5 py-3">Save Profile Updates</button>
            </div>
        </div>
    </form>
</div>

@endsection