

<?php $__env->startSection('title', 'Ana Sayfa Temaları'); ?>

<?php $__env->startSection('content'); ?>
<div class="page-header">
    <div>
        <h1 class="page-title">Ana Sayfa Temaları</h1>
        <p class="page-subtitle">Sitenizin ana sayfası için farklı tema seçenekleri. Aktif tema tüm ziyaretçilere gösterilir.</p>
    </div>
</div>

<?php if(session('success')): ?>
    <div class="alert alert-success"><?php echo e(session('success')); ?></div>
<?php endif; ?>

<div class="themes-grid">
    <?php $__currentLoopData = $themes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $theme): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="theme-card <?php echo e($theme->is_active ? 'active' : ''); ?>">
        <div class="theme-preview" style="background: <?php echo e($theme->hero_bg_gradient); ?>;">
            <div class="theme-preview-content">
                <div class="theme-preview-badge" style="background: <?php echo e($theme->primary_color); ?>20; border-color: <?php echo e($theme->primary_color); ?>40; color: <?php echo e($theme->accent_color); ?>;">
                    <?php echo e($theme->label); ?>

                </div>
                <h2 class="theme-preview-title" style="color: <?php echo e($theme->hero_title_color); ?>;">Askeri Platform</h2>
                <p class="theme-preview-subtitle" style="color: <?php echo e($theme->hero_subtitle_color); ?>;">Kariyerinize başlayın</p>
            </div>
            <?php if($theme->is_active): ?>
            <div class="theme-active-badge">
                <svg width="16" height="16" fill="currentColor" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
                </svg>
                Aktif
            </div>
            <?php endif; ?>
        </div>
        
        <div class="theme-info">
            <h3 class="theme-name"><?php echo e($theme->label); ?></h3>
            <p class="theme-desc"><?php echo e($theme->description); ?></p>
            
            <div class="theme-colors">
                <div class="color-swatch" title="Primary Color">
                    <div style="background: <?php echo e($theme->primary_color); ?>;"></div>
                </div>
                <div class="color-swatch" title="Accent Color">
                    <div style="background: <?php echo e($theme->accent_color); ?>;"></div>
                </div>
                <div class="color-swatch" title="Background">
                    <div style="background: <?php echo e($theme->background_color); ?>;"></div>
                </div>
            </div>
        </div>
        
        <div class="theme-actions">
            <?php if(!$theme->is_active): ?>
            <form method="POST" action="<?php echo e(route('admin.themes.activate', $theme)); ?>">
                <?php echo csrf_field(); ?>
                <button type="submit" class="btn btn-primary btn-full">
                    <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
                    </svg>
                    Aktif Et
                </button>
            </form>
            <?php else: ?>
            <button class="btn btn-success btn-full" disabled>
                <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
                Aktif Tema
            </button>
            <?php endif; ?>
            <a href="<?php echo e(route('admin.themes.edit', $theme)); ?>" class="btn btn-outline btn-full">
                <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931z"/>
                </svg>
                Düzenle
            </a>
        </div>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>

<style>
.page-header { margin-bottom: 32px; }
.page-title { font-size: 24px; font-weight: 700; color: #111827; margin: 0 0 4px; }
.page-subtitle { color: #6b7280; font-size: 14px; margin: 0; }
.alert { padding: 12px 16px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; }
.alert-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #15803d; }

.themes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.theme-card {
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s;
}
.theme-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
.theme-card.active { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }

.theme-preview {
    position: relative;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.theme-preview-content { text-align: center; }
.theme-preview-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.theme-preview-title { font-size: 24px; font-weight: 900; margin: 0 0 4px; }
.theme-preview-subtitle { font-size: 13px; margin: 0; }

.theme-active-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: #22c55e;
    color: white;
    font-size: 11px;
    font-weight: 600;
    border-radius: 20px;
}

.theme-info { padding: 16px 20px; }
.theme-name { font-size: 16px; font-weight: 600; color: #111827; margin: 0 0 6px; }
.theme-desc { font-size: 13px; color: #6b7280; margin: 0 0 12px; line-height: 1.5; }

.theme-colors { display: flex; gap: 8px; }
.color-swatch {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
    overflow: hidden;
}
.color-swatch div { width: 100%; height: 100%; }

.theme-actions { padding: 0 20px 20px; display: flex; flex-direction: column; gap: 8px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 16px; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; text-decoration: none; border: none; transition: all 0.15s; }
.btn-full { width: 100%; }
.btn-primary { background: linear-gradient(135deg, #2563eb, #3b82f6); color: white; }
.btn-primary:hover { box-shadow: 0 4px 12px rgba(37,99,235,0.3); }
.btn-success { background: #22c55e; color: white; cursor: default; }
.btn-outline { background: white; border: 1px solid #d1d5db; color: #374151; }
.btn-outline:hover { background: #f9fafb; border-color: #9ca3af; }
</style>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin.layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\askeribilgiler\resources\views\admin\themes\index.blade.php ENDPATH**/ ?>