<armada:page-header title="Müşteriler" description="Tüm müşterileri yönetin, segmentlere ayırın ve dışa aktarın.">
    <x-slot:breadcrumbs>
        <armada:breadcrumbs>
            <armada:breadcrumbs.item href="#" icon="house">Panel</armada:breadcrumbs.item>
            <armada:breadcrumbs.item href="#">CRM</armada:breadcrumbs.item>
            <armada:breadcrumbs.item>Müşteriler</armada:breadcrumbs.item>
        </armada:breadcrumbs>
    </x-slot:breadcrumbs>
    <x-slot:actions>
        <armada:button icon="download">Dışa aktar</armada:button>
        <armada:button variant="solid" tone="primary" icon="plus">Müşteri ekle</armada:button>
    </x-slot:actions>
</armada:page-header>

<armada:toolbar>
    <armada:button size="sm" variant="ghost" icon="bold" aria-label="Kalın" />
    <armada:button size="sm" variant="ghost" icon="italic" aria-label="İtalik" />
    <armada:button size="sm" variant="ghost" icon="underline" aria-label="Altı çizili" />
    <armada:separator vertical />
    <armada:button size="sm" variant="ghost" icon="list" aria-label="Liste" />
    <armada:button size="sm" variant="ghost" icon="link" aria-label="Link" />
    <armada:spacer />
    <armada:button size="sm" variant="solid" tone="primary">Yayınla</armada:button>
</armada:toolbar>

<armada:toolbar flat>
    <armada:input icon="search" placeholder="Müşteri ara…" style="flex:1;min-width:180px" />
    <armada:select :options="['all' => 'Tüm durumlar', 'active' => 'Aktif', 'passive' => 'Pasif']" style="width:160px" />
    <armada:toggle-group :options="[['value' => 'list', 'label' => '', 'icon' => 'list'], ['value' => 'grid', 'label' => '', 'icon' => 'layout-grid']]" value="list" />
</armada:toolbar>