<div class="card {{ $class ?? '' }}">
	<div class="card-header p-0">
		<div class="row">
			<div class="{{ ($collapse_right ?? false) ? 'col-6' : 'col-12' }}">
				<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#{{ $id }}" aria-expanded="false" aria-controls="{{ $id }}">
					<i class="fa {{ ($collapsed ?? true) ? 'fa-chevron-right' : 'fa-chevron-down' }}"></i>
				</button>
				{!! $title ?? null !!} 
				@if (isset($required) && $required)
					<sup>*</sup>
				@endif

				{!! $collapse_left ?? '' !!}

				<span class="check ml-5 error"></span>
			</div>
			@if ($collapse_right ?? false)
				<div class="col-6">
					{!! $collapse_right ?? '' !!}
				</div>
			@endif
		</div>
	</div>
	<div id="{{ $id }}" class="card-body collapse {{ ($collapsed ?? true) ? '' : 'show' }} {{ $class_body ?? '' }}">
		{{ $slot }}
	</div>
</div>

@include('load.layout.chevron')
