@props([
    'party' => null,
    'title' => 'Parte',
    'showRoute' => null,
    'editRoute' => null,
])

<div class="lbodev-party-card h-100">
    <div class="lbodev-party-card__head">
        <span class="lbodev-party-card__type-label">{{ strtoupper($title) }}</span>
        @if($party && ($showRoute || $editRoute))
        <div class="lbodev-party-card__actions">
            @if($showRoute)
            <a href="{{ $showRoute }}" class="lbodev-btn-view" title="Visualizar">
                <i class="la la-eye"></i>
            </a>
            @endif
            @if($editRoute)
            <a href="{{ $editRoute }}" class="lbodev-btn-edit" title="Editar">
                <i class="la la-edit"></i>
            </a>
            @endif
        </div>
        @endif
    </div>

    @if($party)
    <div class="lbodev-party-card__body">
        <h5 class="lbodev-party-card__name m-0">{{ $party->display_name }}</h5>
        <div class="lbodev-party-card__subtype">
            {{ $party->client_type === 'pj' ? 'Pessoa Jurídica' : 'Pessoa Física' }}
        </div>
        <ul class="lbodev-party-card__meta">
            @if($party->main_document)
            <li><i class="la la-id-card"></i><span>{{ $party->main_document }}</span></li>
            @endif
            @if($party->email)
            <li><i class="la la-envelope"></i><span>{{ $party->email }}</span></li>
            @endif
            @if($party->phone)
            <li><i class="la la-phone"></i><span>{{ $party->phone }}</span></li>
            @endif
            @if($party->city || $party->state)
            <li><i class="la la-map-marker"></i><span>{{ $party->city }}@if($party->city && $party->state)/@endif{{ $party->state }}</span></li>
            @endif
        </ul>
    </div>
    <div class="lbodev-party-card__foot">
        @if($party->status === 'active')
            <span class="lbodev-badge-ativo">Ativo</span>
        @else
            <span class="lbodev-badge-inativo">Inativo</span>
        @endif
    </div>
    @else
    <div class="lbodev-party-card__body">
        <p class="text-muted mb-0">{{ $title }} não vinculado(a) a este contrato.</p>
    </div>
    @endif
</div>