@extends('back.layouts.app')
@push('title', 'Excel İçe Aktar')
@section('content')
<div class="row">
    <div class="col-lg-8 mx-auto">
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-header bg-white">
                <div class="d-flex align-items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-file-earmark-excel text-primary me-2" viewBox="0 0 16 16">
                        <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3V0H6v1H1v1h7.5V3zM1 13V4h3v9H1zm1-8h6.5a.5.5 0 0 1 .5.5v1h1v-1a1.5 1.5 0 0 0-1.5-1.5H1V5z"/>
                    </svg>
                    <h5 class="mb-0">Excel ile Ürün İçe Aktar</h5>
                </div>
            </div>
            <div class="card-body">
                <div class="alert alert-info">
                    <h6 class="alert-heading">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill me-1" viewBox="0 0 16 16">
                            <path d="M8 16A8 8 0 1 0 0 16zm3.5-3.5a.5.5 0 0 1 0 1A.5.5 0 0 0 7 3z"/>
                        </svg>
                        Nasıl Kullanılır?
                    </h6>
                    <hr>
                    <ol class="mb-0 mt-2">
                        <li>Aşağıdaki butona tıklayarak Excel şablonunu indirin.</li>
                        <li>Şablonda bulunan örnek verileri kendi verilerinizle doldurun.</li>
                        <li>Dosyayı yükleyerek toplu ürün girişi yapın.</li>
                    </ol>
                    <div class="mt-3">
                        <strong>Sütun Yapısı:</strong>
                        <ul class="mb-0 mt-2">
                            <li><strong>Ürün Adı</strong> - Zorunlu</li>
                            <li><strong>SEO URL</strong> - Zorunlu, benzersiz olmalıdır</li>
                            <li><strong>Kategori ID</strong> - Zorunlu, mevcut kategori ID'si</li>
                            <li><strong>Fiyat</strong> - Zorunlu, sayısal değer (örn: 99.90)</li>
                            <li><strong>Stok Miktarı</strong> - Opsiyonel, varsayılan: 0</li>
                            <li><strong>Açıklama</strong> - Opsiyonel</li>
                            <li><strong>Resim URL</strong> - Opsiyonel, geçerli resim URL'si</li>
                        </ul>
                    </div>
                </div>

                <div class="text-center mb-4">
                    <a href="{{ route('admin.products.template') }}" class="btn btn-success btn-lg">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-download me-2" viewBox="0 0 16 16">
                            <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0 0 0 0-1v2.5a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5zm0 3V4h-1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1V12h-1v.5a.5.5 0 0 1 .5.5zM1 12h12v.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V12z"/>
                        </svg>
                        Excel Şablonunu İndir
                    </a>
                </div>

                <hr>

                <form method="POST" action="{{ route('admin.products.import.store') }}" enctype="multipart/form-data">
                    @csrf
                    
                    <div class="mb-4">
                        <label for="excelFile" class="form-label">Excel/CSV Dosyası Seçin</label>
                        <input type="file" class="form-control" id="excelFile" name="excel_file" accept=".xlsx,.xls,.csv" required>
                        <div class="form-text text-muted">Desteklenen formatlar: .xlsx, .xls, .csv (Maksimum 10MB)</div>
                    </div>

                    <div class="alert alert-warning">
                        <h6 class="alert-heading">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle-fill me-1" viewBox="0 0 16 16">
                                <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778-.091 1.516-.091 2.349 0a1 1 0 0 0 .949.684l-.11 2.768a2 2 0 0 1-3.415 2.474l-.347 9.432a1 1 0 0 0 .685.983l.982 1.982 3.48 4.118z"/>
                            </svg>
                            Dikkat!
                        </h6>
                        <ul class="mb-0 mt-2">
                            <li>Aynı SEO URL'ye sahip ürünler atlanacak.</li>
                            <li>Geçersiz Kategori ID'li satırlar hata verecektir.</li>
                            <li>Fiyat sayısal değer olmalıdır (örnek: 99.90)</li>
                            <li>Stok Miktarı boş bırakılırsa varsayılan 0 olur.</li>
                            <li>Resim URL geçerli değilse veya indirilemezse ürün resim olmadan eklenir.</li>
                            <li>Resim URL'si HTTP/HTTPS protokolü ile başlamalıdır.</li>
                        </ul>
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('admin.products.index') }}" class="btn btn-secondary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                                <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.793l-3.146-3.147a.5.5 0 0 1 0-.708-.708l-.414.414a.5.5 0 0 1 0-.708.708L13 5.793V2.5a.5.5 0 0 1 1 0V14.5z"/>
                            </svg>
                            Geri Dön
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upload me-1" viewBox="0 0 16 16">
                                <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0 0 0 0-1v2.5a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5zm0 3V4h-1v1h1v1h1v1h1v1h1v1h1v1h1v1h1v1h1V12h-1v.5a.5.5 0 0 1 .5.5zM1 12h12v.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V12z"/>
                            </svg>
                            İçe Aktar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection