@extends('user.layout.master')
@section('title', 'Profile')
@section('content')

<div class="profile-section-container">
    <div class="profile-section-header">
        <div class="profile-section-title">Profile</div>
    </div>

    <div class="profile-section">
        <div class="profile-container">
            <form method="POST" action="{{ route('user.profile.update') }}">
                @csrf
                @method('patch')

                <!-- Name -->
                <div class="profile-mb-4">
                    <label class="profile-form-label">Name</label>
                    <div class="profile-input-group">
                        <input type="text"
                               name="name"
                               class="form-control profile-placeholder-field @error('name') is-invalid @enderror"
                               value="{{ old('name', auth()->user()->name) }}"
                               required>
                        <span class="profile-input-icon"><i class="far fa-user"></i></span>
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Email -->
                <div class="profile-mb-4">
                    <label class="profile-form-label">Email Address</label>
                    <div class="profile-input-group">
                        <input type="email"
                               name="email"
                               class="form-control profile-placeholder-field @error('email') is-invalid @enderror"
                               value="{{ old('email', auth()->user()->email) }}"
                               required>
                        <span class="profile-input-icon"><i class="far fa-envelope"></i></span>
                        @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                {{-- <button type="submit" class="btn btn-primary">Save Changes</button> --}}
            </form>

            <div class="update-delete mt-3">
                <a href="{{ route('user.password') }}" class="profile-update-password">Update password?</a>

                <!-- Delete Account -->
                <form method="POST" action="{{ route('user.profile.destroy') }}" class="d-inline">
                    @csrf
                    @method('delete')
                    <button type="submit"
                            class="btn btn-link text-danger profile-delete-account"
                            onclick="return confirm('Are you sure you want to delete your account? This action cannot be undone.')">
                        Delete Account
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection