---
import AdBanner from "@components/base/AdBanner.astro";
import { EXPERIENCE_YEARS } from '@constants';

interface Props {
    category: string;
    duration: string;
    result: string;
}

const { category, duration, result } = Astro.props;
---

<div class="case-sidebar__card">
    <h3 class="case-sidebar__title">Детали кейса</h3>
    <div class="case-sidebar__info">
        <div class="case-sidebar__row">
            <span>Категория</span>
            <strong>{category}</strong>
        </div>
        <div class="case-sidebar__row">
            <span>Срок ведения</span>
            <strong>{duration}</strong>
        </div>
        <div class="case-sidebar__row">
            <span>Результат</span>
            <strong class="success">{result}</strong>
        </div>
    </div>
</div>

<div class="case-sidebar__card case-sidebar__card--lawyer">
    <div class="case-sidebar__lawyer-avatar">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
            <circle cx="12" cy="7" r="4"/>
        </svg>
    </div>
    <h3>Автоюрист Сургут</h3>
    <p class="case-sidebar__lawyer-name">Алексей Петров</p>
    <div class="case-sidebar__lawyer-stats">
        <div class="case-sidebar__lawyer-stat">
            <strong>{EXPERIENCE_YEARS}</strong>
            <span>лет опыта</span>
        </div>
        <div class="case-sidebar__lawyer-stat">
            <strong>500+</strong>
            <span>выигранных дел</span>
        </div>
    </div>
    <a href="/services" class="case-sidebar__lawyer-link">
        Все услуги
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M5 12h14"/>
            <path d="m12 5 7 7-7 7"/>
        </svg>
    </a>
</div>

<div class="case-sidebar__card case-sidebar__card--ad">
    <AdBanner
        width="300"
        height="470"
        className="ad-banner--vertical"
    />
</div>