<?php use App\Core\Csrf; ?>
<section class="studio-friends" data-friends-panel data-csrf="<?= App\Core\e(Csrf::token()) ?>">
    <div class="studio-section-head">
        <div>
            <h2>Arkadaslar</h2>
            <p>Arkadaslarini, isteklerini ve engelledigin kullanicilari buradan yonet.</p>
        </div>
    </div>

    <form class="friend-search" data-friend-search>
        <input name="q" type="search" placeholder="Kullanici ara..." autocomplete="off" minlength="2">
        <button class="pill primary" type="submit">Ara</button>
    </form>

    <div class="friend-search-results" data-friend-search-results></div>

    <div class="friend-grid">
        <section class="friend-section">
            <h3>Arkadas listesi</h3>
            <div class="friend-list" data-friend-list="friends"></div>
        </section>
        <section class="friend-section">
            <h3>Gelen istekler</h3>
            <div class="friend-list" data-friend-list="incoming"></div>
        </section>
        <section class="friend-section">
            <h3>Gonderilen istekler</h3>
            <div class="friend-list" data-friend-list="outgoing"></div>
        </section>
        <section class="friend-section">
            <h3>Engellenen kullanicilar</h3>
            <div class="friend-list" data-friend-list="blocked"></div>
        </section>
    </div>
</section>
