<?php
require_once __DIR__ . '/../includes/config.php';
$pageTitle = 'Trade & Construction';
include __DIR__ . '/../includes/header.php';
?>
<div class="aud-hero" style="background:linear-gradient(135deg,#14532d,#166534)">
  <div class="aud-hero-icon">🔧</div>
  <h1 style="color:#fff">Workwear &amp; PPE for <span style="color:#bbf7d0">trade professionals</span></h1>
  <p style="color:#bbf7d099">Hi-vis, PPE, safety boots, tools and workwear for builders, electricians, plumbers and all trades. Trade pricing, net-30 credit, no minimum order.</p>
  <div class="aud-hero-actions">
    <a href="/products.php?cat=hivis" class="hero-btn-gold">Browse trade range →</a>
    <a href="/credit.php?type=trade" class="hero-btn-outline">Apply for trade credit</a>
  </div>
  <div class="aud-hero-pills">
    <span class="aud-pill">Hi-vis &amp; PPE</span>
    <span class="aud-pill">Safety footwear</span>
    <span class="aud-pill">Tools &amp; equipment</span>
    <span class="aud-pill">Net-30 credit</span>
    <span class="aud-pill">Trade pricing</span>
  </div>
</div>

<div class="trust-bar"><div class="trust-inner">
  <div class="trust-item"><span class="trust-icon">💳</span> Net-30 credit accounts</div>
  <div class="trust-item"><span class="trust-icon">📦</span> Trade pricing available</div>
  <div class="trust-item"><span class="trust-icon">🚚</span> Free delivery over £75</div>
  <div class="trust-item"><span class="trust-icon">⛑️</span> EN-certified safety products</div>
  <div class="trust-item"><span class="trust-icon">☎️</span> Dedicated account manager</div>
</div></div>

<div class="section"><div class="section-inner">
  <div class="section-hdr">
    <div class="stag">Trade range</div>
    <h2 class="stitle">Built for the job site</h2>
    <p class="ssub">EN-certified safety products, professional workwear and tools — everything you need on site.</p>
  </div>
  <div class="products-grid">
    <?php
    $products = [
      ['emoji'=>'🦺','brand'=>'Portwest','name'=>'Hi-Vis Jacket Class 3','price'=>'12.99','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'⛑️','brand'=>'JSP','name'=>'EVO2 Safety Helmet','price'=>'8.75','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'👟','brand'=>'Himalayan','name'=>'S3 Steel Toe Boot','price'=>'34.99','badge'=>'b-pop','bl'=>'Popular'],
      ['emoji'=>'🧤','brand'=>'Portwest','name'=>'A140 Cut Resistant Gloves','price'=>'6.50','badge'=>'b-new','bl'=>'New'],
      ['emoji'=>'👖','brand'=>'Snickers','name'=>'AllroundWork Trousers','price'=>'64.99','badge'=>'b-hot','bl'=>'Pro'],
      ['emoji'=>'🦺','brand'=>'Leo Workwear','name'=>'Hi-Vis Vest Class 2','price'=>'2.49','badge'=>'b-sale','bl'=>'Sale'],
      ['emoji'=>'🧥','brand'=>'Helly Hansen','name'=>'Alta CIS Jacket','price'=>'89.99','badge'=>'b-new','bl'=>'New'],
      ['emoji'=>'🔦','brand'=>'DeWalt','name'=>'LED Head Torch 100lm','price'=>'18.99','badge'=>'b-pop','bl'=>'Popular'],
    ];
    foreach ($products as $p): ?>
    <div class="product-card">
      <div class="product-img"><?php echo $p['emoji']; ?></div>
      <div class="product-body">
        <div class="product-brand"><?php echo $p['brand']; ?></div>
        <div class="product-name"><?php echo $p['name']; ?></div>
        <div class="price-row">
          <div><div class="product-price">£<?php echo $p['price']; ?></div><div class="price-ex">ex. VAT</div></div>
          <span class="prod-badge <?php echo $p['badge']; ?>"><?php echo $p['bl']; ?></span>
        </div>
        <button class="btn-cart" onclick="addToCart('<?php echo $p['name']; ?>')">Add to basket</button>
      </div>
    </div>
    <?php endforeach; ?>
  </div>
  <div style="text-align:center;margin-top:28px">
    <a href="/products.php?cat=hivis" class="btn-primary" style="padding:12px 28px;font-size:14px;display:inline-flex">View full trade range →</a>
  </div>
</div></div>

<div class="section section-light"><div class="section-inner">
  <div class="section-hdr"><div class="stag">Trade accounts</div><h2 class="stitle">Built for contractors</h2></div>
  <div class="info-grid">
    <div class="info-card"><div class="info-card-icon">💳</div><div><div class="info-card-title">Net-30 credit terms</div><div class="info-card-desc">Order now, pay at the end of the month. Up to £10,000 credit limit.</div></div></div>
    <div class="info-card"><div class="info-card-icon">💰</div><div><div class="info-card-title">Trade pricing</div><div class="info-card-desc">Exclusive trade prices, below retail. The more you order, the more you save.</div></div></div>
    <div class="info-card"><div class="info-card-icon">📋</div><div><div class="info-card-title">Monthly invoicing</div><div class="info-card-desc">One consolidated invoice per month. Easy for bookkeeping and site accounting.</div></div></div>
    <div class="info-card"><div class="info-card-icon">☎️</div><div><div class="info-card-title">Account manager</div><div class="info-card-desc">Dedicated support who understands the construction industry and your needs.</div></div></div>
  </div>
</div></div>

<div class="section"><div class="section-inner">
  <div class="cta-block">
    <h2>Get <span>trade pricing</span> &amp; net-30 credit</h2>
    <p>Apply for a trade credit account today. Decision within one business day. Suitable for sole traders, contractors and large construction firms.</p>
    <div class="cta-buttons">
      <a href="/credit.php" class="cta-btn-gold">Apply for trade credit →</a>
      <a href="/contact.php" class="cta-btn-out">Talk to our team</a>
    </div>
  </div>
</div></div>

<?php include __DIR__ . '/../includes/footer.php'; ?>
