@extends('layouts.site')

@section('content')
<section class="wrapper bg-[#f0f7ff] py-12">
  <div class="container px-4">
    <div class="max-w-4xl mx-auto">
      
      <!-- Top header / Welcome card -->
      <div class="bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-slate-100/50 flex flex-col md:flex-row justify-between items-start md:items-center gap-6 mb-8">
        <div>
          <span class="text-xs uppercase font-extrabold tracking-widest text-[#e31e24] bg-red-50 px-3 py-1.5 rounded-full">Stajyer Paneli</span>
          <h1 class="text-3xl font-extrabold text-slate-900 tracking-tight mt-3">Hoş Geldiniz, {{ $intern->name }}</h1>
          <p class="text-sm text-slate-500 mt-1">Staj belgelerinizi ve başvuru detaylarınızı buradan yönetebilirsiniz.</p>
        </div>
        <form action="{{ route('intern.logout') }}" method="POST">
          @csrf
          <button type="submit" class="px-5 py-3 rounded-xl bg-slate-100 hover:bg-red-50 text-slate-600 hover:text-[#e31e24] font-bold text-sm transition-all flex items-center gap-2 border border-slate-200/50 hover:border-red-100">
            <i class="uil uil-sign-out-alt text-lg"></i>
            <span>Çıkış Yap</span>
          </button>
        </form>
      </div>

      <!-- Application Info & Document Download Grid -->
      <div class="grid grid-cols-1 md:grid-cols-12 gap-8">
        
        <!-- Sidebar stats / statuses -->
        <div class="md:col-span-4 space-y-6">
          <div class="bg-white rounded-3xl p-6 shadow-xl border border-slate-100/50">
            <h3 class="font-bold text-slate-800 text-lg mb-4 pb-2 border-b border-slate-100">Başvuru Detayları</h3>
            
            <div class="space-y-4">
              <div>
                <span class="text-xs text-slate-400 font-semibold block">E-posta</span>
                <span class="text-sm font-semibold text-slate-700 block mt-0.5">{{ $intern->email }}</span>
              </div>
              
              @if($intern->phone)
              <div>
                <span class="text-xs text-slate-400 font-semibold block">Telefon</span>
                <span class="text-sm font-semibold text-slate-700 block mt-0.5">{{ $intern->phone }}</span>
              </div>
              @endif

              <div>
                <span class="text-xs text-slate-400 font-semibold block">Staj Durumu</span>
                <span class="inline-flex mt-1.5 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider
                  @if($intern->status === 'accepted') bg-green-50 text-green-700 border border-green-200
                  @elseif($intern->status === 'rejected') bg-red-50 text-red-700 border border-red-200
                  @elseif($intern->status === 'reviewed') bg-blue-50 text-blue-700 border border-blue-200
                  @else bg-slate-50 text-slate-500 border border-slate-200 @endif">
                  @if($intern->status === 'accepted') Kabul Edildi
                  @elseif($intern->status === 'rejected') Reddedildi
                  @elseif($intern->status === 'reviewed') İncelendi
                  @else Beklemede @endif
                </span>
              </div>
            </div>
          </div>
        </div>

        <!-- Document download cards -->
        <div class="md:col-span-8 space-y-6">
          <div class="bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-slate-100/50">
            <h3 class="font-bold text-slate-800 text-lg mb-6 pb-2 border-b border-slate-100">Belgeleriniz</h3>

            <div class="space-y-6">
              
              <!-- CV Card -->
              <div class="p-5 rounded-2xl border border-slate-100 bg-slate-50/50 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 hover:border-slate-200 transition-all">
                <div class="flex items-center gap-4">
                  <div class="w-12 h-12 rounded-xl bg-red-50 text-[#e31e24] flex items-center justify-center text-2xl flex-shrink-0">
                    <i class="uil uil-file-alt"></i>
                  </div>
                  <div>
                    <h4 class="font-bold text-slate-800 text-base">Özgeçmiş (CV)</h4>
                    <p class="text-xs text-slate-400 mt-0.5">Başvuru sırasında yüklemiş olduğunuz özgeçmiş belgeniz.</p>
                  </div>
                </div>
                @if($intern->cv_path)
                <a href="{{ Storage::disk('public')->url($intern->cv_path) }}" target="_blank" class="w-full sm:w-auto px-5 py-2.5 bg-slate-800 hover:bg-slate-900 text-white font-bold rounded-xl text-sm transition-all flex items-center justify-center gap-2 shadow-md">
                  <i class="uil uil-arrow-down-tray"></i>
                  <span>İndir</span>
                </a>
                @else
                <span class="text-xs text-slate-400 italic">Yüklenmemiş</span>
                @endif
              </div>

              <!-- Signed Internship Form Card -->
              <div class="p-5 rounded-2xl border border-slate-100 bg-slate-50/50 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 hover:border-slate-200 transition-all">
                <div class="flex items-center gap-4">
                  <div class="w-12 h-12 rounded-xl @if($intern->signed_internship_form_path) bg-green-50 text-green-600 @else bg-amber-50 text-amber-600 @endif flex items-center justify-center text-2xl flex-shrink-0">
                    <i class="uil uil-file-check-alt"></i>
                  </div>
                  <div class="flex-grow">
                    <h4 class="font-bold text-slate-800 text-base">İmzalı Staj Formu</h4>
                    @if($intern->signed_internship_form_path)
                    <p class="text-xs text-slate-400 mt-0.5">Şirketimiz tarafından imzalanmış ve onaylanmış staj belgeniz.</p>
                    @else
                    <p class="text-xs text-amber-600/90 font-medium mt-0.5">Belgeniz imza aşamasındadır. Yöneticilerimiz tarafından onaylandığında buradan indirebilirsiniz.</p>
                    @endif
                  </div>
                </div>
                
                @if($intern->signed_internship_form_path)
                <a href="{{ Storage::disk('public')->url($intern->signed_internship_form_path) }}" target="_blank" class="w-full sm:w-auto px-5 py-2.5 bg-[#e31e24] hover:bg-[#c4191f] text-white font-bold rounded-xl text-sm transition-all flex items-center justify-center gap-2 shadow-md shadow-red-500/10">
                  <i class="uil uil-arrow-down-tray"></i>
                  <span>İndir</span>
                </a>
                @else
                <button disabled class="w-full sm:w-auto px-5 py-2.5 bg-slate-100 text-slate-400 font-bold rounded-xl text-sm cursor-not-allowed flex items-center justify-center gap-2 border border-slate-200/50">
                  <i class="uil uil-hourglass"></i>
                  <span>Bekleniyor</span>
                </button>
                @endif
              </div>

            </div>
          </div>
        </div>

      </div>

    </div>
  </div>
</section>

@push('styles')
<script src="https://cdn.tailwindcss.com"></script>
<style>
  .shadow-xl {
    box-shadow: 0 1rem 3rem rgba(30, 41, 59, 0.04) !important;
  }
</style>
@endpush
@endsection