@props(['id', 'parent_id', 'show' => false, 'title', 'logo', 'status' => null])

<div class="accordion">
    <div class="accordion-header rounded-0" role="button" data-toggle="collapse" data-target="#{{ $id }}"
        aria-expanded="{{ $show ? 'true' : 'false' }}" wire:ignore.self>
        <div class="row align-items-center">
            <div class="col-10">
                <img width="30" height="30" src="{{ $logo }}">
                <span class="pl-2 font-weight-bold">{{ $title }}</span>
            </div>
            <div class="col-2 text-right">
                @if (!empty($status))
                    @if (App\Apis\pt\Integrazu::STATUS_ACTIVE == $status)
                        <i class="fas fa-check-circle text-success"></i>
                    @else
                        <i class="fas fa-exclamation-triangle text-danger"></i>
                    @endif
                @endif
            </div>
        </div>
    </div>
    <div class="accordion-body border-top-0 collapse {{ $show ? 'show' : '' }}" id="{{ $id }}"
        data-parent="#{{ $parent_id }}" style="border: 1px solid #eee" wire:ignore.self>
        {{ $slot }}
    </div>
</div>