@extend('admin.layout')
@section('headerinclude')
<title>TeamSpeak - Modülü</title>
@endsection
@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
    <div id="kt_content_container" class="container-xxl">
        <div class="docs-content d-flex flex-column flex-column-fluid" id="kt_docs_content">
            <div class="container" id="kt_docs_content_container">
                <div class="card card-docs flex-row-fluid mb-2">
                    <div class="card-body fs-6 py-15 px-10 py-lg-15 px-lg-15 text-gray-700">
                        <div>
                            <h1 class="anchor fw-bold mb-5" id="gulp-quick-start" data-kt-scroll-offset="50">TeamSpeak Modülü</h1>
                            <div>TeamSpeak modülüne hoşgeldiniz, bu modül ile sistem üzerindeki TeamSpeak3 ürünleri için tam otomasyon sağlayabilirsiniz.</div>
                            <div class="mb-3">Sistemin çalışması için gerekli olan bilgileri içerir. Ayarları yapmak için "Ayarları Yap" butonuna basınız.</div>
                            <div>
                                <a data-bs-toggle="tooltip" title="Eklenti Ayarları" class="btn btn-primary" href="{{ $settingsurl }}">
                                    <span class="svg-icon svg-icon-2 mx-0">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect x="2" y="2" width="9" height="9" rx="2" fill="currentColor"></rect>
                                            <rect opacity="0.3" x="13" y="2" width="9" height="9" rx="2" fill="currentColor"></rect>
                                            <rect opacity="0.3" x="13" y="13" width="9" height="9" rx="2" fill="currentColor"></rect>
                                            <rect opacity="0.3" x="2" y="13" width="9" height="9" rx="2" fill="currentColor"></rect>
                                        </svg>
                                    </span>
                                    Ayarları Yapın
                                </a>
                            </div>
                            <div class="separator separator-dashed my-5"></div>
                            <div class="mb-3">Daha sonrasında TeamSpeak sistemi için sunucunuzu sisteme ekleyin, bu işlem için aşağıdaki linke tıklayabilirsiniz.</div>
                            <div>
                                <a data-bs-toggle="tooltip" title="Sunucu Yönetimi" class="btn btn-primary" href="{{ beGetRoute('admin.settings.server') }}">
                                    <i class="ki-duotone ki-calendar-8 fs-2">
                                        <span class="path1"></span>
                                        <span class="path2"></span>
                                        <span class="path3"></span>
                                        <span class="path4"></span>
                                        <span class="path5"></span>
                                        <span class="path6"></span>
                                    </i>
                                    Sunucu Yönetimi
                                </a>
                            </div>
                            <div class="separator separator-dashed my-5"></div>
                            <div class="mb-3">Sunucularınızı ekledikten sonra aşağıda müşterilerin temel olarak kullanabileceği yedekleri ayarlayabilirsiniz.</div>
                            <div>
                                <a data-bs-toggle="tooltip" title="Sunucu Yönetimi" class="btn btn-info" href="{{ beGetRoute('teamspeak.snapshot.list') }}">
                                    <span class="svg-icon svg-icon-2 mx-0">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M21 10H13V11C13 11.6 12.6 12 12 12C11.4 12 11 11.6 11 11V10H3C2.4 10 2 10.4 2 11V13H22V11C22 10.4 21.6 10 21 10Z" fill="currentColor"></path>
                                            <path opacity="0.3" d="M12 12C11.4 12 11 11.6 11 11V3C11 2.4 11.4 2 12 2C12.6 2 13 2.4 13 3V11C13 11.6 12.6 12 12 12Z" fill="currentColor"></path>
                                            <path opacity="0.3" d="M18.1 21H5.9C5.4 21 4.9 20.6 4.8 20.1L3 13H21L19.2 20.1C19.1 20.6 18.6 21 18.1 21ZM13 18V15C13 14.4 12.6 14 12 14C11.4 14 11 14.4 11 15V18C11 18.6 11.4 19 12 19C12.6 19 13 18.6 13 18ZM17 18V15C17 14.4 16.6 14 16 14C15.4 14 15 14.4 15 15V18C15 18.6 15.4 19 16 19C16.6 19 17 18.6 17 18ZM9 18V15C9 14.4 8.6 14 8 14C7.4 14 7 14.4 7 15V18C7 18.6 7.4 19 8 19C8.6 19 9 18.6 9 18Z" fill="currentColor"></path>
                                        </svg>
                                    </span>
                                    Temel Yedek Yönetimi
                                </a>
                            </div>
                        </div>    
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection