From f6091f1bb8c8195fdfbbf2b5d03929afb0c0c2e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Mon, 1 Jun 2026 08:09:32 +0300
Subject: [PATCH] feat: add company legal information section with clipboard
 copy functionality to intern dashboard

---
 .../front/career/intern_dashboard.blade.php   | 83 +++++++++++++++++--
 1 file changed, 75 insertions(+), 8 deletions(-)

diff --git a/resources/views/front/career/intern_dashboard.blade.php b/resources/views/front/career/intern_dashboard.blade.php
index 5b2cd5c..93c9cac 100644
--- a/resources/views/front/career/intern_dashboard.blade.php
+++ b/resources/views/front/career/intern_dashboard.blade.php
@@ -179,15 +179,70 @@
                 <div id="upload-form-wrapper" class="{{ $intern->to_be_signed_internship_form_path ? 'hidden' : '' }} mt-4 border-t border-slate-100 pt-4">
                   <form action="{{ route('intern.upload-form') }}" method="POST" enctype="multipart/form-data" class="space-y-4">
                     @csrf
-                    
-                    <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
-                      <div>
-                        <label for="internship_start_date" class="block text-xs font-extrabold text-slate-500 uppercase tracking-wider mb-1.5">Staj Başlangıç Tarihi</label>
-                        <input type="date" name="internship_start_date" id="internship_start_date" onchange="calculateEndDateFrontend()" oninput="calculateEndDateFrontend()" required value="{{ $intern->internship_start_date }}" class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 focus:outline-none text-sm font-semibold text-slate-700 bg-white transition-all" />
+
+                    <!-- Company Legal Info Copy Box -->
+                    <div class="bg-slate-50 border border-slate-200/60 rounded-2xl p-5 text-sm text-slate-600">
+                      <div class="flex items-center gap-2 mb-3">
+                        <i class="uil uil-info-circle text-blue-600 text-lg flex-shrink-0"></i>
+                        <h5 class="font-extrabold text-slate-800 text-sm tracking-tight">Şirket Legal Bilgilerimiz</h5>
                       </div>
-                      <div>
-                        <label for="internship_total_days" class="block text-xs font-extrabold text-slate-500 uppercase tracking-wider mb-1.5">Staj Süresi (İş Günü)</label>
-                        <input type="number" name="internship_total_days" id="internship_total_days" onchange="calculateEndDateFrontend()" oninput="calculateEndDateFrontend()" min="1" required value="{{ $intern->internship_total_days }}" placeholder="Örn: 20" class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 focus:outline-none text-sm font-semibold text-slate-700 bg-white transition-all" />
+                      <p class="text-xs text-slate-400 mb-4 leading-normal">
+                        Lütfen staj formunuzu doldururken şirketimize ait aşağıdaki resmi bilgileri kullanın. Sağdaki kopyalama butonlarını kullanarak bilgileri kolayca kopyalayabilirsiniz.
+                      </p>
+                      
+                      <div class="space-y-2.5">
+                        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 bg-white px-3 py-2 rounded-xl border border-slate-100/80">
+                          <span class="text-xs text-slate-400 font-bold sm:w-1/4">Şirket Unvanı</span>
+                          <div class="flex items-center justify-between sm:w-3/4 w-full gap-2">
+                            <span id="legal-title" class="text-xs font-bold text-slate-700 select-all break-all">TRUNÇGİL TEKNOLOJİ SANAYİ VE TİCARET LİMİTED ŞİRKETİ</span>
+                            <button type="button" onclick="copyToClipboard('legal-title', this)" class="text-slate-400 hover:text-blue-600 transition-colors p-1 flex-shrink-0" title="Kopyala">
+                              <i class="uil uil-copy text-sm"></i>
+                            </button>
+                          </div>
+                        </div>
+
+                        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 bg-white px-3 py-2 rounded-xl border border-slate-100/80">
+                          <span class="text-xs text-slate-400 font-bold sm:w-1/4">Adres</span>
+                          <div class="flex items-center justify-between sm:w-3/4 w-full gap-2">
+                            <span id="legal-address" class="text-xs font-bold text-slate-700 select-all break-all">Çamtepe Mah. Mahmut Tevfik Atay Bul. Gaziantep Teknopark No: 4A İç Kapı No: 1 Şahinbey / Gaziantep</span>
+                            <button type="button" onclick="copyToClipboard('legal-address', this)" class="text-slate-400 hover:text-blue-600 transition-colors p-1 flex-shrink-0" title="Kopyala">
+                              <i class="uil uil-copy text-sm"></i>
+                            </button>
+                          </div>
+                        </div>
+
+                        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 bg-white px-3 py-2 rounded-xl border border-slate-100/80">
+                          <span class="text-xs text-slate-400 font-bold sm:w-1/4">Vergi Dairesi & No</span>
+                          <div class="flex items-center justify-between sm:w-3/4 w-full gap-2">
+                            <span id="legal-tax" class="text-xs font-bold text-slate-700 select-all break-all">Şahinbey V.D. / 8591492435</span>
+                            <button type="button" onclick="copyToClipboard('legal-tax', this)" class="text-slate-400 hover:text-blue-600 transition-colors p-1 flex-shrink-0" title="Kopyala">
+                              <i class="uil uil-copy text-sm"></i>
+                            </button>
+                          </div>
+                        </div>
+
+                        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 bg-white px-3 py-2 rounded-xl border border-slate-100/80">
+                          <span class="text-xs text-slate-400 font-bold sm:w-1/4">MERSİS No</span>
+                          <div class="flex items-center justify-between sm:w-3/4 w-full gap-2">
+                            <span id="legal-mersis" class="text-xs font-bold text-slate-700 select-all break-all">0859149243500001</span>
+                            <button type="button" onclick="copyToClipboard('legal-mersis', this)" class="text-slate-400 hover:text-blue-600 transition-colors p-1 flex-shrink-0" title="Kopyala">
+                              <i class="uil uil-copy text-sm"></i>
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <div class="space-y-4">
+                      <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                        <div>
+                          <label for="internship_start_date" class="block text-xs font-extrabold text-slate-500 uppercase tracking-wider mb-1.5">Staj Başlangıç Tarihi</label>
+                          <input type="date" name="internship_start_date" id="internship_start_date" onchange="calculateEndDateFrontend()" oninput="calculateEndDateFrontend()" required value="{{ $intern->internship_start_date }}" class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 focus:outline-none text-sm font-semibold text-slate-700 bg-white transition-all" />
+                        </div>
+                        <div>
+                          <label for="internship_total_days" class="block text-xs font-extrabold text-slate-500 uppercase tracking-wider mb-1.5">Staj Süresi (İş Günü)</label>
+                          <input type="number" name="internship_total_days" id="internship_total_days" onchange="calculateEndDateFrontend()" oninput="calculateEndDateFrontend()" min="1" required value="{{ $intern->internship_total_days }}" placeholder="Örn: 20" class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 focus:outline-none text-sm font-semibold text-slate-700 bg-white transition-all" />
+                        </div>
                       </div>
                       <div>
                         <label for="internship_end_date" class="block text-xs font-extrabold text-slate-500 uppercase tracking-wider mb-1.5">Staj Bitiş Tarihi (Otomatik)</label>
@@ -315,6 +370,18 @@
   document.addEventListener('DOMContentLoaded', function() {
     calculateEndDateFrontend();
   });
+
+  function copyToClipboard(elementId, btn) {
+    const text = document.getElementById(elementId).textContent;
+    navigator.clipboard.writeText(text).then(() => {
+      const icon = btn.querySelector('i');
+      const originalClass = icon.className;
+      icon.className = 'uil uil-check text-green-500';
+      setTimeout(() => {
+        icon.className = originalClass;
+      }, 2000);
+    });
+  }
 </script>
 <style>
   .shadow-xl {