{{--
    Admin Card Component
    Kullanım:
        <x-admin.card>
            <x-slot:header>
                <h3 class="card-title">Başlık</h3>
            </x-slot:header>
            İçerik
            <x-slot:footer>Footer içerik</x-slot:footer>
        </x-admin.card>
--}}

@props([
    'id'       => null,
    'class'    => '',
    'noPadding' => false,
])

<div {{ $id ? "id=$id" : '' }} class="card {{ $class }}">

    @isset($header)
        <div class="card-header">
            {{ $header }}
        </div>
    @endisset

    <div class="{{ $noPadding ? '' : 'card-body' }}">
        {{ $slot }}
    </div>

    @isset($footer)
        <div class="card-footer">
            {{ $footer }}
        </div>
    @endisset

</div>