@extends('layouts.app')

@section('title', 'About Us')
@section('description', $company->name . ' — who we are, what we believe in and how we work.')

@section('content')
@php
    $photoFaq = $photos[3] ?? $photos[0] ?? null;
    $returnDays = $company->return_days ?: 30;
@endphp
<div class="pb-band">
  <div class="container">
    <nav class="pb-crumb" aria-label="Breadcrumb"><a href="{{ route('home') }}">Home</a><i>/</i><span>About us</span></nav>
  </div>
</div>

<main>
  <h1 class="sr-only">About {{ $company->name }}</h1>

  {{-- who we are --}}
  <section class="container abx-who">
    <div class="abx-img rv">
      @if (!empty($photos[0]))<img src="{{ $photos[0] }}" alt="" loading="eager" onerror="this.remove()">@endif
      <div class="abx-card">
        <p><b>{{ $productCount }}</b> Products</p>
        <p><b>{{ $collectionCount }}</b> Collections</p>
      </div>
    </div>
    <div class="abx-txt rv">
      <small>Who we are</small>
      <h2>{{ $company->name }} was founded on the belief that the right piece is more than just a purchase.</h2>
      <p>{{ $company->name }} started with a simple idea: beautiful pieces should be easy to find, comfortable to wear and fair in price. We design and curate every collection with an eye for quality and timeless style.</p>
      <p>Every season we work with trusted makers and focus on honest materials, careful finishing and sizing you can rely on, so your favourite pieces stay with you for years.</p>
      <a href="{{ route('collection') }}" class="btn">Shop now</a>
    </div>
  </section>

  {{-- numbers --}}
  <section class="container abx-stats rv">
    <div><b>{{ $productCount }}</b><span>Products</span></div>
    <div><b>{{ $collectionCount }}</b><span>Collections</span></div>
    <div><b>{{ $categoryCount }}</b><span>Categories</span></div>
    <div><b>{{ $returnDays }}</b><span>Days easy returns</span></div>
  </section>

  @include('partials.reviews-slider')

  {{-- why choose us --}}
  <section class="container abx-why">
    <div class="abx-why-txt rv">
      <small>Why choose us</small>
      <h2>Fast, Reliable, and Committed to Your Satisfaction.</h2>
      <p>Our team looks after every order personally &mdash; from the first look at a piece to the parcel reaching your door. Clear details, honest prices and {{ $returnDays }} days easy returns, so you can order with confidence.</p>
      <ul class="abx-points">
        <li><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z"/><path d="M9 12l2 2 4-4"/></svg>Quality checked by hand before packing</li>
        <li><svg viewBox="0 0 24 24"><path d="M2 6h12v10H2z"/><path d="M14 9h4l3 3v4h-7z"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></svg>Careful, tracked delivery</li>
        <li><svg viewBox="0 0 24 24"><path d="M4 14v-2a8 8 0 0116 0v2"/><rect x="3" y="14" width="4" height="6" rx="1"/><rect x="17" y="14" width="4" height="6" rx="1"/></svg>{{ $company->hours ?: 'Friendly support, real people' }}</li>
      </ul>
      <a href="{{ route('contact') }}" class="btn">Contact us</a>
    </div>
    <div class="abx-duo rv">
      <span class="abx-d1">@if (!empty($photos[1]))<img src="{{ $photos[1] }}" alt="" loading="lazy" onerror="this.remove()">@endif</span>
      <span class="abx-d2">@if (!empty($photos[2] ?? $photos[1] ?? null))<img src="{{ $photos[2] ?? $photos[1] }}" alt="" loading="lazy" onerror="this.remove()">@endif</span>
    </div>
  </section>

  @include('partials.faq-block', ['faqs' => $faqs, 'photoFaq' => $photoFaq])
</main>
@endsection