@extends('layouts.app')

@section('content')
<div class="container py-5">
    <h1 class="mb-4">Edit Profile</h1>

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

    <form method="POST" action="{{ route('profile.update') }}" enctype="multipart/form-data">
        @csrf

        <div class="card shadow-sm mb-4">
            <div class="card-header"><h4>User Details</h4></div>
            <div class="card-body row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Name</label>
                    <input type="text" name="name" value="{{ old('name', $user->fullname) }}" class="form-control">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Username</label>
                    <input type="text" value="{{ $user->name }}" class="form-control" disabled>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Email</label>
                    <input type="email" name="email" value="{{ old('email', $user->email) }}" class="form-control">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">New Password</label>
                    <input type="password" name="password" class="form-control" placeholder="Leave blank to keep current">
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Confirm Password</label>
                    <input type="password" name="password_confirmation" class="form-control">
                </div>
            </div>
        </div>

        <div class="card shadow-sm mb-4">
            <div class="card-header"><h4>More Settings</h4></div>
            <div class="card-body row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Avatar</label>
                    <input type="file" name="logo" class="form-control">
                    @if($user->avatar_path)
                        <div class="mt-3">
                            <img src="{{ asset($user->avatar_path) }}" alt="Avatar" style="max-height: 80px;">
                        </div>
                    @endif
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">2FA Security</label><br>
                    <input type="checkbox" name="twofa" value="1" {{ $user->twofa_enabled ? 'checked' : '' }}> Turn On
                    <small class="d-block">You will receive a code in your registered email every time you log in.</small>
                </div>
            </div>
        </div>

        <div>
            <button class="btn btn-success">Save Changes</button>
        </div>
    </form>
</div>
@endsection