<?php 
$pageTitle = "ElderEase™ Non-Slip Safety Socks";
include 'header.php'; 
?>

<div class="container py-5">
    <div class="row">
        <div class="col-md-6 mb-4 mb-md-0">
             <img src="/assets/pasted-20260128-235831-98ddb985.jpg" alt="ElderEase™ Non-Slip Safety Socks" class="img-fluid rounded shadow-sm">
        </div>
        <div class="col-md-6">
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb mb-4">
                <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-muted">Home</a></li>
                <li class="breadcrumb-item active">Safety Socks</li>
              </ol>
            </nav>
            <h1 class="mb-3">ElderEase™ Non-Slip Safety Socks</h1>
            <p class="h3 text-gold mb-4">$14.99 <small class="text-muted fs-6 text-decoration-line-through">$19.99</small></p>
            
            <p class="mb-4">Prevent slips and falls on smooth floors with soft, comfortable socks designed specifically for seniors. ElderEase Non-Slip Safety Socks help your loved ones move confidently around the home — without bulky shoes or complicated devices.</p>
            
            <h5 class="mb-3">Key Benefits:</h5>
            <ul class="mb-4 list-unstyled">
                <li class="mb-2">✓ Anti-slip grip designed for hardwood, tile, and laminate</li>
                <li class="mb-2">✓ Soft, breathable fabric for all-day comfort</li>
                <li class="mb-2">✓ Helps reduce fall risk at home</li>
                <li class="mb-2">✓ Easy to wear — no straps, no setup</li>
            </ul>

            <div class="d-grid gap-2 mb-4">
                <button class="btn btn-gold btn-lg" onclick="addToCart('ElderEase Socks')">Add to Cart</button>
                <button class="btn btn-outline-gold" data-bs-toggle="modal" data-bs-target="#inquiryModal">Buy with Confidence</button>
            </div>

            <div class="alert alert-light border small text-muted">
                <strong>Peace of mind:</strong> 30-day hassle-free returns on all safety items.
            </div>
        </div>
    </div>
</div>

<!-- Inquiry Modal -->
<div class="modal fade" id="inquiryModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h5 class="modal-title">Request Information</h5>
                <button type="button" class="btn-close" data-bs-close="modal"></button>
            </div>
            <div class="modal-body">
                <p class="small text-muted mb-4">Interested in ElderEase products? Leave your details and we'll reach out to assist with your purchase.</p>
                <form id="inquiryForm" action="/api/inquiry.php" method="POST">
                    <input type="hidden" name="product_id" value="safety-socks">
                    <div class="mb-3">
                        <label class="form-label small">Name</label>
                        <input type="text" name="name" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small">Email Address</label>
                        <input type="email" name="email" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small">Message (Optional)</label>
                        <textarea name="message" class="form-control" rows="3"></textarea>
                    </div>
                    <button type="submit" class="btn btn-gold w-100">Send Inquiry</button>
                </form>
            </div>
        </div>
    </div>
</div>

<?php include 'footer.php'; ?>