<?php
include __DIR__ . "/partials/auth.php";
$page_title = "DTC Removal | ECUPRATIX";
$active = "dtc";
$user_name = $_SESSION["user_name"] ?? "User";
$extra_css = ["dtc_module/dtc.css?v=1"];
$extra_js  = ["dtc_module/dtc.js?v=1"];
include __DIR__ . "/partials/head.php"; ?>
<div class="ux-app full-page-dtc">
  <style>
    /* DTC FULL PAGE & PREMIUM UI FIXES */
    .full-page-dtc { 
      display: block !important; 
      background: var(--bg-dark) !important;
    }
    
    /* Force Hide Sidebar */
    .full-page-dtc .ux-side, 
    .full-page-dtc aside, 
    .full-page-dtc .sidebar { 
      display: none !important; 
    }
    
    /* Content Area Adjustment */
    .full-page-dtc .ux-content { 
      margin-left: 0 !important; 
      width: 100% !important; 
      min-height: 100vh !important;
    }
    
    .full-page-dtc main.main.full { 
      padding-top: 120px !important; /* Fixed overlap with topbar */
      padding-left: 40px !important; 
      padding-right: 40px !important; 
      max-width: 1600px !important;
      margin: 0 auto !important;
    }

    /* DTC Specific Premium Elements */
    .dtc-header { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 25px !important; margin-bottom: 35px !important; }
    .dtc-headcard { 
      background: var(--card-bg) !important; 
      border: 1px solid var(--border-light) !important; 
      border-radius: 24px !important; 
      padding: 20px 30px !important; 
      backdrop-filter: blur(20px);
      display: flex !important;
      align-items: center !important;
      gap: 20px !important;
      height: auto !important;
    }
    .dtc-headlabel { font-size: 10px !important; font-weight: 800 !important; color: var(--accent) !important; text-transform: uppercase !important; letter-spacing: 2px !important; margin-bottom: 5px !important; }
    .dtc-select { 
      width: 100% !important; height: auto !important; 
      background: transparent !important; 
      border: none !important; 
      color: #fff !important; font-weight: 700 !important;
      font-size: 18px !important;
      padding: 0 !important;
      appearance: none;
      outline: none !important;
    }
    .dtc-select option { background: #121318 !important; color: #fff !important; }

    /* Fix Table and Card Overflows */
    .card { margin-bottom: 25px !important; }
    .dtcgrid th { background: rgba(255,255,255,0.03) !important; color: var(--accent) !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1px !important; padding: 15px !important; }
    .dtcgrid td { padding: 15px !important; border-bottom: 1px solid rgba(255,255,255,0.03) !important; font-size: 13px !important; font-weight: 600 !important; color: #fff !important; }
    
    /* Binary Upload Box Premium */
    .dtc-upload .drop { 
      border: 2px dashed rgba(255,255,255,0.1) !important; 
      background: rgba(255,255,255,0.01) !important;
      border-radius: 20px !important;
      height: 200px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      transition: all 0.3s ease !important;
      cursor: pointer !important;
    }
    .dtc-upload .drop:hover { border-color: var(--accent) !important; background: rgba(255,42,42,0.02) !important; }
    .drop-ico { font-size: 40px !important; margin-bottom: 15px !important; }
    .drop-title { font-weight: 800 !important; font-size: 16px !important; margin-bottom: 5px !important; }
    .drop-sub { font-size: 12px !important; color: rgba(255,255,255,0.4) !important; }
    
    /* Searchbox Fix */
    .searchbox input {
      background: rgba(255,255,255,0.03) !important;
      border: 1px solid var(--border-light) !important;
      border-radius: 12px !important;
      color: #fff !important;
      padding: 8px 15px !important;
      font-weight: 600 !important;
    }
  </style>
  <div class="ux-content">
    <main class="main full">
      <?php include __DIR__ . "/partials/topbar.php"; ?>
      
      <section style="margin-bottom: 35px;">
        <h1 style="font-size: 32px; font-weight: 800; margin: 0;">DTC <span style="color:var(--accent)">Removal</span></h1>
        <p style="color: rgba(255,255,255,0.4); font-weight: 600; margin: 5px 0 0 0;">Arıza kodu temizleme ve yazılım yamalama modülü</p>
      </section>

      <?php include __DIR__ . "/dtc_module/dtc_view.php"; ?>
    </main>
  </div>
</div>
<?php include __DIR__ . "/partials/footer.php"; ?>
