<div>
    <div class="example">
        <ul class="nav nav-underline-border" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-coreui-toggle="tab" href="#preview-1000" role="tab">
                    <svg class="icon me-2">
                        <use
                            xlink:href="{{ URL::to('admin/vendors/@coreui/icons/svg/free.svg#cil-cog') }}">
                        </use>
                    </svg>
                    Genel Ayarlar
                </a>
            </li>
        </ul>

        <div class="tab-content rounded-bottom">
            <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-1000">
                    <div class="mb-3">
                        <x-file-manager id="fm1" name="logo" title="Logo" :path="$logo_path" />
                    </div>
                    <div class="mb-3">
                        <x-file-manager id="fm2" name="favicon" title="Favicon" :path="$favicon_path" />
                    </div>
            </div>
        </div>

    </div>

    <div class="example">
        <ul class="nav nav-underline-border" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-coreui-toggle="tab" href="#preview-1000" role="tab">
                    <svg class="icon me-2">
                        <use
                            xlink:href="{{ URL::to('admin/vendors/@coreui/icons/svg/free.svg#cil-lock-locked') }}">
                        </use>
                    </svg>
                    Entegrasyon Ayarları
                </a>
            </li>
        </ul>

        <div class="tab-content rounded-bottom">
            <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-1000">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label" for="recaptcha_site_key">Recaptcha Site Key</label>
                        <input class="form-control" id="recaptcha_site_key" type="text" name="recaptcha_site_key" wire:model="recaptcha_site_key">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label" for="recaptcha_secret_key">Recaptcha Secret Key</label>
                        <input class="form-control" id="recaptcha_secret_key" type="text" name="recaptcha_secret_key" wire:model="recaptcha_secret_key">
                    </div>
                    <div class="col-md-12">
                        <label class="form-label" for="recaptcha_secret_key">Google Tag Script (gtaj.js)</label>
                        <textarea class="form-control" id="gtag_js_code" name="gtag_js_code" rows="3" wire:model="gtag_js_code"></textarea>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="example mb-3">
        <ul class="nav nav-underline-border" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-coreui-toggle="tab" href="#preview-1000" role="tab">
                    <svg class="icon me-2">
                        <use
                            xlink:href="{{ URL::to('admin/vendors/@coreui/icons/svg/free.svg#cil-at') }}">
                        </use>
                    </svg>
                    Sosyal Medya
                </a>
            </li>
        </ul>

        <div class="tab-content rounded-bottom">
            <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-1000">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label" for="facebook_url">Facebook</label>
                        <input class="form-control" id="facebook_url" type="text" name="facebook_url" wire:model="facebook_url">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label" for="twitter_url">Twitter</label>
                        <input class="form-control" id="twitter_url" type="text" name="twitter_url" wire:model="twitter_url">
                    </div>

                    <div class="col-md-6">
                        <label class="form-label" for="instagram_url">Instagram</label>
                        <input class="form-control" id="instagram_url" type="text" name="instagram_url" wire:model="instagram_url">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label" for="linkedin_url">LinkedIn</label>
                        <input class="form-control" id="linkedin_url" type="text" name="linkedin_url" wire:model="linkedin_url">
                    </div>

                    <div class="col-md-12">
                        <label class="form-label" for="youtube_url">Youtube</label>
                        <input class="form-control" id="youtube_url" type="text" name="youtube_url" wire:model="youtube_url">
                    </div>
                </div>
            </div>
        </div>

    </div>

    <button class="btn btn-primary" type="submit" wire:click.prevent="save" wire:loading.attr="disabled" wire:target="save">Kaydet</button>
</div>
