@extends('layouts.seeker')
@section('title', 'Account Settings — JOBES')

@section('seeker_content')
<div class="card-seeker-panel animate__animated animate__fadeIn">
    <h5 class="fw-800 text-dark mb-4" style="font-size:1.1rem; border-left:3px solid #0d9488; padding-left:10px;">Account Settings</h5>
    
    <form method="POST" action="{{ route('seeker.settings.update') }}">
        @csrf
        
        <!-- Change Password Section -->
        <div class="mb-5 pb-4" style="border-bottom:1px solid #f1f5f9;">
            <h6 class="fw-800 text-dark mb-3" style="font-size:0.95rem;">Change Password</h6>
            <div class="row g-3">
                <div class="col-md-6 col-12">
                    <label class="form-label text-muted small fw-700">New Password</label>
                    <input type="password" name="password" class="form-control form-ctrl-light" placeholder="Leave blank to keep current">
                </div>
                <div class="col-md-6 col-12">
                    <label class="form-label text-muted small fw-700">Confirm Password</label>
                    <input type="password" name="password_confirmation" class="form-control form-ctrl-light" placeholder="Repeat new password">
                </div>
            </div>
        </div>
        
        <!-- Preferences Section -->
        <div class="mb-5 pb-4" style="border-bottom:1px solid #f1f5f9;">
            <h6 class="fw-800 text-dark mb-3" style="font-size:0.95rem;">Email Notifications</h6>
            <div class="form-check form-switch text-start">
                <input class="form-check-input" type="checkbox" name="email_notifications" id="emailNotif" value="1" {{ $user->email_notifications ? 'checked' : '' }} style="cursor:pointer; width:40px; height:20px;">
                <label class="form-check-label text-dark small fw-600 ms-2" for="emailNotif" style="cursor:pointer; user-select:none; line-height:1.6;">
                    Enable email notifications for new matching jobs and applications
                </label>
                <div class="text-muted small ms-2 mt-1" style="font-size:0.8rem;">We will send you daily digests of new openings matching your skill profile and immediate updates when a recruiter schedules an interview.</div>
            </div>
        </div>
        
        <!-- Privacy settings -->
        <div class="mb-4">
            <h6 class="fw-800 text-dark mb-3" style="font-size:0.95rem;">Profile Privacy</h6>
            <div class="form-check form-switch text-start">
                <input class="form-check-input" type="checkbox" name="profile_visibility" id="profileVis" value="1" {{ $user->profile_visibility ? 'checked' : '' }} style="cursor:pointer; width:40px; height:20px;">
                <label class="form-check-label text-dark small fw-600 ms-2" for="profileVis" style="cursor:pointer; user-select:none; line-height:1.6;">
                    Make my profile visible to premium recruiters
                </label>
                <div class="text-muted small ms-2 mt-1" style="font-size:0.8rem;">When enabled, verified partner companies can search and view your full profile and resume directly in their dashboards.</div>
            </div>
        </div>
        
        <!-- Submit Buttons -->
        <div class="text-start border-top pt-4" style="border-top-color:#f1f5f9 !important;">
            <button type="submit" class="btn btn-teal-gradient px-4 py-2.5">
                <i class="fas fa-save me-2"></i> Save Settings
            </button>
        </div>
    </form>
</div>
@endsection