<?php
namespace WTC_CHECKOUT\Modules\Cargo\Admin;
defined('ABSPATH') || exit;
class CargoSettings {
    private $tabs = [];
    private $active_tab = '';
    private $settings_nonce_name = 'wtc_cargo_settings_nonce';
    public function __construct() {
        $this->tabs = [
            'settings' => __('Ayarlar', 'wtc-checkout'),
            'companies' => __('Kargo Firmaları', 'wtc-checkout'),
        ];
    }
    public function render_settings_page() {
        $tab = isset($_GET['tab']) ? sanitize_text_field(wp_unslash($_GET['tab'])) : '';
        $nonce = isset($_GET['wtc_tab_nonce']) ? sanitize_text_field(wp_unslash($_GET['wtc_tab_nonce'])) : '';
        if ($tab && $nonce && wp_verify_nonce($nonce, 'wtc_cargo_tab_action') && array_key_exists($tab, $this->tabs)) {
            $this->active_tab = $tab;
        } else {
            $this->active_tab = 'settings';
        }
        echo '<div class="wrap wtc-admin-page">';
        echo '<h1>' . esc_html__('Kargo Takip', 'wtc-checkout') . '</h1>';
        $this->render_tabs();
        echo '<div class="wtc-card">';
        switch ($this->active_tab) {
            case 'companies':
                $this->render_companies_tab();
                break;
            case 'settings':
                $this->render_settings_tab();
                break;
        }
        echo '</div>'; 
        echo '</div>'; 
    }
    private function render_tabs() {
        echo '<h2 class="wtc-nav-tab-wrapper nav-tab-wrapper">';
        $nonce = wp_create_nonce('wtc_cargo_tab_action');
        foreach ($this->tabs as $tab_id => $tab_name) {
            $active_class = $this->active_tab === $tab_id ? ' nav-tab-active wtc-nav-tab-active' : '';
            $url = admin_url('admin.php?page=wtc-cargo&tab=' . $tab_id . '&wtc_tab_nonce=' . $nonce);
            echo '<a href="' . esc_url($url) . '" class="wtc-nav-tab nav-tab' . esc_attr($active_class) . '">' . esc_html($tab_name) . '</a>';
        }
echo '<style>
        .wtc-nav-tab-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        position: relative;
    }
    .wtc-right-tabs {
        margin-left: auto;
        display: flex;
        gap: 10px;
    }
    .wtc-right-tabs a {
        display: inline-flex;
        align-items: center;
        font-weight: bold;
        border-radius: 4px;
        text-decoration: none;
        padding: 10px 20px;
        transition: background-color 0.3s ease;
        font-size: 16px;
    }
    .wtc-premium-link {
        background-color: #0AA000;
        color: #fff !important;
    }
    .wtc-premium-link:hover {
        background-color:rgb(8, 97, 2);
    }
    .wtc-support-link {
        background-color: #FFDD00;
        color: #000 !important;
    }
    .wtc-support-link:hover {
        background-color: #f2cc00;
    }
    </style>';
echo '<span class="wtc-right-tabs">';
echo '<a href="https://www.woosoft.com.tr" target="_blank" class="wtc-premium-link">⭐&nbsp;&nbsp;Premium</a>';
echo '<a href="https://coff.ee/woosoft" target="_blank" class="wtc-support-link">☕&nbsp;&nbsp;Buy me a coffee</a>';
echo '</span>';
        echo '</h2>';
    }
    private function render_settings_tab() { ?>
        <form method="post" action="">
            <input type="hidden" id="wtc_cargo_settings_nonce" name="wtc_cargo_settings_nonce" value="5d655c5e42" wfd-id="id0"><input type="hidden" name="_wp_http_referer" value="/wp-admin/admin.php?page=wtc-cargo" wfd-id="id1">            <input type="hidden" name="wtc_action" value="save_settings" wfd-id="id2">
            <div class="wtc-settings-section">
            <table class="form-table wtc-form-table">
                <!-- Kargo Takip Sistemi aktif/pasif ayarı -->
                <tbody><tr>
                    <th scope="row">Kargo Takip Sistemi</th>
                    <td>
                        <div class="wtc-toggle-wrapper">
                            <input type="checkbox" id="cargo_tracking_enabled" name="cargo_tracking_enabled" value="1" class="wtc-toggle-input" wfd-id="id3">
                            <label for="cargo_tracking_enabled" class="wtc-toggle-label"></label>
                            <span class="toggle-label">Kargo takip sistemini etkinleştir</span>
                        </div>
                        <p class="description">Kargo takip sistemi aktif olduğunda müşteriler siparişlerini takip edebilir.</p>
                    </td>
                </tr>
            </tbody></table>
            </div>
            <!-- E-posta gönderimi -->
            <div class="wtc-settings-section">
                <table class="form-table wtc-form-table">
                <tbody><tr>
                    <th scope="row">E-posta Bildirimi</th>
                    <td>
                        <label>
                            <input type="checkbox" name="send_email" value="yes" checked="checked" class="wtc-toggle-input" wfd-id="id4">
                            <span class="wtc-toggle-label checked"></span>
                            <p class="description">Sipariş durumu "Kargolandı" olarak değiştiğinde müşteriye e-posta gönder</p>
                        </label>
                    </td>
                </tr>
                <!-- Otomatik durum güncelleme -->
                <tr>
                    <th scope="row">Otomatik Durum Güncelleme</th>
                    <td>
                        <label>
                            <input type="checkbox" name="auto_status_update" value="yes" checked="checked" class="wtc-toggle-input" wfd-id="id5">
                            <span class="wtc-toggle-label checked"></span>
                            <p class="description">Kargo bilgileri ilk kez eklendiğinde, sipariş durumunu otomatik olarak "Kargolandı" olarak güncelle</p>
                        </label>
                    </td>
                </tr>
                <!-- Teşekkür sayfasında gösterge çubuğu -->
                <tr>
                    <th scope="row">Teşekkür Sayfası Gösterge Çubuğu</th>
                    <td>
                        <label>
                            <input type="checkbox" name="show_progress_thankyou" value="yes" checked="checked" class="wtc-toggle-input" wfd-id="id6">
                            <span class="wtc-toggle-label checked"></span>
                            <p class="description">Sipariş tamamlandı/teşekkür sayfasında sipariş durumu gösterge çubuğunu göster</p>
                        </label>
                    </td>
                </tr>
                <!-- Sipariş detayları sayfasında gösterge çubuğu -->
                <tr>
                    <th scope="row">Sipariş Detayları Gösterge Çubuğu</th>
                    <td>
                        <label>
                            <input type="checkbox" name="show_progress_order_details" value="yes" checked="checked" class="wtc-toggle-input" wfd-id="id7">
                            <span class="wtc-toggle-label checked"></span>
                            <p class="description">Müşterinin sipariş detayları sayfasında sipariş durumu gösterge çubuğunu göster</p>
                        </label>
                    </td>
                </tr>
            </tbody></table>
            </div>
            <p class="submit">
                <input type="submit" class="button button-primary wtc-button wtc-button-primary" value="Ayarları Kaydet" wfd-id="id8">
            </p>
        </form>
    <?php } private function render_companies_tab() { ?>
        <div class="wtc-cargo-companies-wrapper">
            <div class="wtc-cargo-companies-list">
                <h3>Mevcut Kargo Firmaları</h3>
                <ul class="wtc-sortable ui-sortable" id="cargo-companies-sortable">
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S001"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/aras.webp" alt="Aras Kargo"></div>
                        <div class="wtc-company-info"><span class="company-name">Aras Kargo</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S001">Düzenle</a></div>
                        <input type="hidden" name="company_order[S001]" value="1" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S002"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/dhlecommerce.webp" alt="DHL E-Commerce"></div>
                        <div class="wtc-company-info"><span class="company-name">DHL E-Commerce</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S002">Düzenle</a></div>
                        <input type="hidden" name="company_order[S002]" value="2" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S003"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/fedex.webp" alt="Fedex"></div>
                        <div class="wtc-company-info"><span class="company-name">Fedex</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S003">Düzenle</a></div>
                        <input type="hidden" name="company_order[S003]" value="3" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-active" data-company-id="S004"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/geliver.webp" alt="Geliver.io"></div>
                        <div class="wtc-company-info"><span class="company-name">Geliver.io</span><span class="company-status wtc-status-active">Aktif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S004">Düzenle</a></div>
                        <input type="hidden" name="company_order[S004]" value="4" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S005"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/hepsijet.webp" alt="Hepsijet"></div>
                        <div class="wtc-company-info"><span class="company-name">Hepsijet</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S005">Düzenle</a></div>
                        <input type="hidden" name="company_order[S005]" value="5" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S006"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/horoz.webp" alt="Horoz Logistik"></div>
                        <div class="wtc-company-info"><span class="company-name">Horoz Logistik</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S006">Düzenle</a></div>
                        <input type="hidden" name="company_order[S006]" value="6" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S007"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/kargoist.webp" alt="Kargoist"></div>
                        <div class="wtc-company-info"><span class="company-name">Kargoist</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S007">Düzenle</a></div>
                        <input type="hidden" name="company_order[S007]" value="7" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S008"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/kolaygelsin.webp" alt="Kolay Gelsin"></div>
                        <div class="wtc-company-info"><span class="company-name">Kolay Gelsin</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S008">Düzenle</a></div>
                        <input type="hidden" name="company_order[S008]" value="8" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-active" data-company-id="S009"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/ptt.webp" alt="PTT Kargo"></div>
                        <div class="wtc-company-info"><span class="company-name">PTT Kargo</span><span class="company-status wtc-status-active">Aktif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S009">Düzenle</a></div>
                        <input type="hidden" name="company_order[S009]" value="9" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S010"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/surat.webp" alt="Sürat Kargo"></div>
                        <div class="wtc-company-info"><span class="company-name">Sürat Kargo</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S010">Düzenle</a></div>
                        <input type="hidden" name="company_order[S010]" value="10" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S011"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/tnt.webp" alt="TNT Express"></div>
                        <div class="wtc-company-info"><span class="company-name">TNT Express</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S011">Düzenle</a></div>
                        <input type="hidden" name="company_order[S011]" value="11" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S012"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/trendyol.webp" alt="Trendyol Express"></div>
                        <div class="wtc-company-info"><span class="company-name">Trendyol Express</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S012">Düzenle</a></div>
                        <input type="hidden" name="company_order[S012]" value="12" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S013"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/ups.webp" alt="UPS Kargo"></div>
                        <div class="wtc-company-info"><span class="company-name">UPS Kargo</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S013">Düzenle</a></div>
                        <input type="hidden" name="company_order[S013]" value="13" class="company-order-value">
                    </li>
                    <li class="wtc-sortable-item wtc-company-inactive" data-company-id="S014"><span class="dashicons dashicons-menu ui-sortable-handle"></span>
                        <div class="wtc-cargo-company-logo"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/yurtici.webp" alt="Yurtiçi Kargo"></div>
                        <div class="wtc-company-info"><span class="company-name">Yurtiçi Kargo</span><span class="company-status wtc-status-inactive">Pasif</span></div>
                        <div class="wtc-company-actions"><a href="#" class="wtc-edit-company button button-small" data-company-id="S014">Düzenle</a></div>
                        <input type="hidden" name="company_order[S014]" value="14" class="company-order-value">
                    </li>
                </ul>
                <div id="wtc-cargo-edit-forms-container" style="display: none;">
                    <div id="wtc-cargo-edit-form-S001" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S001" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S001">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Aras Kargo" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="http://kargotakip.araskargo.com.tr/mainpage.aspx?code={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/aras.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/aras.webp" alt="Aras Kargo"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S001" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S001" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S002" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S002" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S002">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="DHL E-Commerce" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://kargotakip.dhlecommerce.com.tr/?takipNo={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/dhlecommerce.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/dhlecommerce.webp" alt="DHL E-Commerce"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S002" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S002" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S003" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S003" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S003">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Fedex" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://www.fedex.com/fedextrack/?trknbr={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/fedex.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/fedex.webp" alt="Fedex"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S003" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S003" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S004" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S004" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S004">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Geliver.io" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://app.geliver.io/tracking/{tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/geliver.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/geliver.webp" alt="Geliver.io"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S004" name="is_active" value="1" checked="" class="wtc-toggle-input">
                                    <label for="is_active_S004" class="wtc-toggle-label checked"></label><span class="toggle-status-text">Aktif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S005" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S005" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S005">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Hepsijet" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://www.hepsijet.com/gonderi-takibi/{tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/hepsijet.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/hepsijet.webp" alt="Hepsijet"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S005" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S005" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S006" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S006" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S006">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Horoz Logistik" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://app3.horoz.com.tr/wsKurumsal/_genel/frmAtfDetay.aspx?Ptn={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/horoz.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/horoz.webp" alt="Horoz Logistik"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S006" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S006" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S007" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S007" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S007">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Kargoist" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://kargotakip.kargoist.com/tracking?har_kod={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/kargoist.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/kargoist.webp" alt="Kargoist"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S007" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S007" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S008" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S008" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S008">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Kolay Gelsin" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://esube.kolaygelsin.com/shipments?trackingId={tracking_no}&amp;lang=TR" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/kolaygelsin.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/kolaygelsin.webp" alt="Kolay Gelsin"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S008" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S008" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S009" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S009" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S009">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="PTT Kargo" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div style="display:none;">
                                    <input type="url" id="tracking_url" name="tracking_url" value="#" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                                <p class="description">Bu kargo firması API ile takip kullanmaktadır. Takip URL'si gerekli değildir.</p>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/ptt.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/ptt.webp" alt="PTT Kargo"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S009" name="is_active" value="1" checked="" class="wtc-toggle-input">
                                    <label for="is_active_S009" class="wtc-toggle-label checked"></label><span class="toggle-status-text">Aktif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S010" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S010" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S010">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Sürat Kargo" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://www.suratkargo.com.tr/KargoTakip/?kargotakipno={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/surat.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/surat.webp" alt="Sürat Kargo"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S010" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S010" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S011" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S011" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S011">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="TNT Express" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://www.tnt.com/express/tr_tr/site/shipping-tools/tracking.html?searchType=CON&amp;cons={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/tnt.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/tnt.webp" alt="TNT Express"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S011" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S011" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S012" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S012" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S012">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Trendyol Express" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://kargotakip.trendyol.com/?orderNumber={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/trendyol.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/trendyol.webp" alt="Trendyol Express"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S012" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S012" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S013" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S013" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S013">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="UPS Kargo" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://www.ups.com/track?loc=tr_TR&amp;tracknum={tracking_no}&amp;requester=WT/" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/ups.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/ups.webp" alt="UPS Kargo"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S013" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S013" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                    <div id="wtc-cargo-edit-form-S014" class="wtc-cargo-edit-form" style="display: none;">
                        <form id="wtc-edit-company-form-S014" class="wtc-cargo-company-form">
                            <input type="hidden" name="action" value="wtc_save_cargo_company">
                            <input type="hidden" name="company_id" value="S014">
                            <div class="form-field">
                                <label for="company_name">Firma Adı</label>
                                <input type="text" id="company_name" name="company_name" value="Yurtiçi Kargo" required="" readonly="">
                                <p class="description">Varsayılan kargo firmalarının adı eklenti tarafından yönetilir.</p>
                            </div>
                            <div class="form-field">
                                <label for="tracking_url">Takip URL</label>
                                <div>
                                    <input type="url" id="tracking_url" name="tracking_url" value="https://www.yurticikargo.com/tr/online-servisler/gonderi-sorgula?code={tracking_no}" required="" readonly="">
                                    <p class="description">Takip numarası için {tracking_no} değişkenini kullanın. Varsayılan kargo firmalarının takip linki eklenti tarafından yönetilir.</p>
                                </div>
                            </div>
                            <div class="form-field">
                                <label for="logo_url">Logo URL</label>
                                <div class="wtc-logo-upload-field">
                                    <input type="url" id="logo_url" name="logo_url" value="../wp-content/plugins/wtc-checkout/assets/img/cargo/yurtici.webp">
                                    <button type="button" class="button wtc-upload-logo">Yükle</button>
                                </div>
                                <div class="wtc-logo-preview"><img src="../wp-content/plugins/wtc-checkout/assets/img/cargo/yurtici.webp" alt="Yurtiçi Kargo"></div>
                            </div>
                            <div class="form-field">
                                <label for="is_active">Durum</label>
                                <div class="wtc-toggle-wrapper">
                                    <input type="checkbox" id="is_active_S014" name="is_active" value="1" class="wtc-toggle-input">
                                    <label for="is_active_S014" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                            </div>
                            <div class="form-field">
                                <button type="submit" class="button button-primary wtc-save-company">Güncelle</button>
                                <button type="button" class="button wtc-cancel-edit">İptal</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="wtc-save-order-wrapper">
                    <button type="button" id="wtc-save-company-order" class="button wtc-button wtc-button-primary">Sıralamayı Kaydet</button><span class="spinner"></span>
                    <div id="wtc-order-saved-message" class="wtc-message" style="display:none;">Sıralama başarıyla kaydedildi.</div>
                </div>
            </div>
            <div class="wtc-cargo-company-add">
                <h3>Yeni Kargo Firması Ekle</h3>
                <form id="wtc-add-company-form" class="wtc-cargo-company-form">
                    <input type="hidden" name="action" value="wtc_save_cargo_company">
                    <div class="form-field">
                        <label for="company_name">Firma Adı</label>
                        <input type="text" id="company_name" name="company_name" value="" required="">
                    </div>
                    <div class="form-field">
                        <label for="tracking_url">Takip URL</label>
                        <div>
                            <input type="url" id="tracking_url" name="tracking_url" value="" required="">
                            <p class="description">Takip numarası için {tracking_no} değişkenini kullanın.</p>
                        </div>
                    </div>
                    <div class="form-field">
                        <label for="logo_url">Logo URL</label>
                        <div class="wtc-logo-upload-field">
                            <input type="url" id="logo_url" name="logo_url" value="">
                            <button type="button" class="button wtc-upload-logo">Yükle</button>
                        </div>
                        <div class="wtc-logo-preview" style="&quot;display:" none;&quot;=""></div>
                    </div>
                    <div class="form-field">
                        <label for="is_active">Durum</label>
                        <div class="wtc-toggle-wrapper">
                            <input type="checkbox" id="is_active_new" name="is_active" value="1" class="wtc-toggle-input">
                            <label for="is_active_new" class="wtc-toggle-label"></label><span class="toggle-status-text">Pasif</span></div>
                    </div>
                    <div class="form-field">
                        <button type="submit" class="button button-primary wtc-save-company">Ekle</button>
                    </div>
                </form>
            </div>
        </div>
    <?php
    }
} 