@extends('agency.layouts.app')

@section('title', 'Disk Yönetimi')

@section('content')
    <div class="container-fluid px-4">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0 text-gray-800">
                <i class="fas fa-hdd me-2"></i>Disk Yönetimi
            </h1>
            <div>
                <a href="{{ route('agency.disk.folders.create') }}" class="btn btn-primary btn-sm me-2">
                    <i class="fas fa-folder-plus"></i> Yeni Klasör
                </a>
                <a href="{{ route('agency.disk.items.index') }}" class="btn btn-outline-primary btn-sm">
                    <i class="fas fa-file"></i> Tüm Dosyalar
                </a>
            </div>
        </div>

        <!-- İstatistikler -->
        <div class="row mb-4">
            <div class="col-xl-3 col-md-6 mb-3">
                <div class="card border-left-primary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    Toplam Klasör
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    {{ $stats['total_folders'] ?? 0 }}
                                </div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-folder fa-2x text-gray-300"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-md-6 mb-3">
                <div class="card border-left-success shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                    Toplam Dosya
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    {{ $stats['total_items'] ?? 0 }}
                                </div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-file fa-2x text-gray-300"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-md-6 mb-3">
                <div class="card border-left-info shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                    Toplam Boyut
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    @php
                                        $totalBytes = $stats['total_size'] ?? 0;
                                        $units = ['B', 'KB', 'MB', 'GB', 'TB'];
                                        $i = 0;
                                        while ($totalBytes > 1024 && $i < count($units) - 1) {
                                            $totalBytes /= 1024;
                                            $i++;
                                        }
                                    @endphp
                                    {{ number_format($totalBytes, 1) }} {{ $units[$i] }}
                                </div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-database fa-2x text-gray-300"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-md-6 mb-3">
                <div class="card border-left-warning shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                    Bu Ay Yüklenen
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    {{ $recentItems->where('created_at', '>=', now()->startOfMonth())->count() }}
                                </div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-calendar fa-2x text-gray-300"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Dosya Tipi İstatistikleri -->
        @if(isset($stats['by_type']) && $stats['by_type']->count() > 0)
            <div class="row mb-4">
                <div class="col-12">
                    <div class="card shadow">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Dosya Tipi Dağılımı</h6>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                @foreach($stats['by_type'] as $type => $stat)
                                    @php
                                        $icons = [
                                            'item' => ['icon' => 'fa-item', 'color' => 'success'],
                                            'document' => ['icon' => 'fa-file-alt', 'color' => 'primary'],
                                            'video' => ['icon' => 'fa-video', 'color' => 'danger'],
                                            'audio' => ['icon' => 'fa-music', 'color' => 'purple'],
                                            'archive' => ['icon' => 'fa-file-archive', 'color' => 'warning'],
                                            'spreadsheet' => ['icon' => 'fa-file-excel', 'color' => 'success'],
                                            'presentation' => ['icon' => 'fa-file-powerpoint', 'color' => 'orange'],
                                            'other' => ['icon' => 'fa-file', 'color' => 'secondary'],
                                        ];
                                        $config = $icons[$type] ?? $icons['other'];
                                        $size = $stat->size;
                                        $units = ['B', 'KB', 'MB', 'GB'];
                                        $i = 0;
                                        while ($size > 1024 && $i < count($units) - 1) {
                                            $size /= 1024;
                                            $i++;
                                        }
                                    @endphp
                                    <div class="col-lg-3 col-md-4 col-6 mb-3">
                                        <div class="card border-0 shadow-sm h-100">
                                            <div class="card-body text-center">
                                                <i class="fas {{ $config['icon'] }} fa-2x text-{{ $config['color'] }} mb-2"></i>
                                                <h6 class="mb-1">{{ ucfirst($type) }}</h6>
                                                <p class="mb-0 small text-muted">
                                                    {{ $stat->count }} dosya<br>
                                                    {{ number_format($size, 1) }} {{ $units[$i] }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <div class="row">
            <!-- Klasörler -->
            <div class="col-lg-8">
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex justify-content-between align-items-center">
                        <h6 class="m-0 font-weight-bold text-primary">Klasörler</h6>
                        <a href="{{ route('agency.disk.folders.index') }}" class="btn btn-sm btn-outline-primary">
                            <i class="fas fa-list"></i> Tümünü Gör
                        </a>
                    </div>
                    <div class="card-body">
                        @if($folders->count() > 0)
                            <div class="row">
                                @foreach($folders as $folder)
                                    <div class="col-md-6 col-lg-4 mb-3">
                                        <div class="card border-0 shadow-sm h-100">
                                            <div class="card-body text-center">
                                                <div class="mb-3">
                                                    @if($folder->icon)
                                                        <i class="fas {{ $folder->icon }} fa-3x"
                                                           style="color: {{ $folder->color_code ?? '#6c757d' }}"></i>
                                                    @else
                                                        <i class="fas fa-folder fa-3x"
                                                           style="color: {{ $folder->color_code ?? '#6c757d' }}"></i>
                                                    @endif
                                                </div>
                                                <h6 class="card-title mb-2">{{ $folder->name }}</h6>
                                                <p class="card-text small text-muted mb-2">
                                                    {{ $folder->total_item_count ?? $folder->item_count }} dosya
                                                    @if(($folder->total_size_bytes ?? $folder->total_size_bytes ?? 0) > 0)
                                                        @php
                                                            $bytes = $folder->total_size_bytes ?? 0;
                                                            $units = ['B', 'KB', 'MB', 'GB'];
                                                            $i = 0;
                                                            while ($bytes > 1024 && $i < count($units) - 1) {
                                                                $bytes /= 1024;
                                                                $i++;
                                                            }
                                                        @endphp
                                                        • {{ number_format($bytes, 1) }} {{ $units[$i] }}
                                                    @endif
                                                </p>
                                                @if($folder->description)
                                                    <p class="card-text small text-muted">{{ Str::limit($folder->description, 60) }}</p>
                                                @endif
                                                <div class="mt-auto">
                                                    <a href="{{ route('agency.disk.folders.show', $folder) }}"
                                                       class="btn btn-primary btn-sm">
                                                        <i class="fas fa-folder-open"></i> Aç
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="text-center py-4">
                                <i class="fas fa-folder-open fa-3x text-gray-400 mb-3"></i>
                                <h5 class="text-gray-600">Henüz Klasör Oluşturulmamış</h5>
                                <p class="text-gray-500 mb-3">Dosyalarınızı organize etmek için klasörler oluşturun.</p>
                                <a href="{{ route('agency.disk.folders.create') }}" class="btn btn-primary">
                                    <i class="fas fa-folder-plus"></i> İlk Klasörü Oluştur
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Son Yüklenen Dosyalar -->
            <div class="col-lg-4">
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex justify-content-between align-items-center">
                        <h6 class="m-0 font-weight-bold text-primary">Son Yüklenenler</h6>
                        <a href="{{ route('agency.disk.items.index') }}" class="btn btn-sm btn-outline-primary">
                            Tümünü Gör
                        </a>
                    </div>
                    <div class="card-body p-2">
                        @if($recentItems->count() > 0)
                            <div class="list-group list-group-flush">
                                @foreach($recentItems->take(10) as $item)
                                    <a href="{{ route('agency.disk.items.show', $item) }}"
                                       class="list-group-item list-group-item-action px-2 py-2">
                                        <div class="d-flex align-items-center">
                                            <div class="me-3">
                                                @if($item->isImage() && $item->thumbnail_path)
                                                    <img src="{{ Storage::url($item->thumbnail_path) }}"
                                                         alt="{{ $item->original_name }}"
                                                         class="rounded"
                                                         style="width: 50px; height: 50px; object-fit: cover;">
                                                @else
                                                    <div class="d-flex align-items-center justify-content-center rounded"
                                                         style="width: 50px; height: 50px; background-color: {{ $item->file_color }}">
                                                        <i class="fas {{ $item->file_icon }} fa-lg text-white"></i>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="flex-grow-1 min-width-0">
                                                <h6 class="mb-0 text-truncate small">
                                                    {{ $item->title ?? $item->original_name }}
                                                </h6>
                                                <small class="text-muted">
                                                    {{ $item->formatted_size }} • {{ $item->created_at->diffForHumans() }}
                                                </small>
                                            </div>
                                            @if($item->is_featured)
                                                <div class="ms-2">
                                                    <i class="fas fa-star text-warning"></i>
                                                </div>
                                            @endif
                                        </div>
                                    </a>
                                @endforeach
                            </div>
                        @else
                            <div class="text-center py-4">
                                <i class="fas fa-file fa-2x text-gray-400 mb-2"></i>
                                <p class="text-gray-500 mb-0">Henüz dosya yüklenmemiş</p>
                            </div>
                        @endif
                    </div>
                </div>

                <!-- Hızlı İşlemler -->
                <div class="card shadow">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Hızlı İşlemler</h6>
                    </div>
                    <div class="card-body">
                        <div class="list-group list-group-flush">
                            <a href="{{ route('agency.disk.folders.create') }}"
                               class="list-group-item list-group-item-action border-0 px-0">
                                <i class="fas fa-folder-plus text-primary me-2"></i>
                                Yeni Klasör Oluştur
                            </a>
                            <a href="{{ route('agency.disk.items.index') }}?file_type=item"
                               class="list-group-item list-group-item-action border-0 px-0">
                                <i class="fas fa-item text-success me-2"></i>
                                Resimler
                            </a>
                            <a href="{{ route('agency.disk.items.index') }}?file_type=document"
                               class="list-group-item list-group-item-action border-0 px-0">
                                <i class="fas fa-file-alt text-primary me-2"></i>
                                Belgeler
                            </a>
                            <a href="{{ route('agency.disk.items.index') }}?file_type=video"
                               class="list-group-item list-group-item-action border-0 px-0">
                                <i class="fas fa-video text-danger me-2"></i>
                                Videolar
                            </a>
                            <div class="dropdown">
                                <a class="list-group-item list-group-item-action border-0 px-0 dropdown-toggle"
                                   href="#" role="button" data-bs-toggle="dropdown">
                                    <i class="fas fa-tags text-warning me-2"></i>
                                    Klasör Türleri
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item"
                                           href="{{ route('agency.disk.folders.index') }}?type=tour">Tur</a></li>
                                    <li><a class="dropdown-item"
                                           href="{{ route('agency.disk.folders.index') }}?type=hotel">Otel</a></li>
                                    <li><a class="dropdown-item"
                                           href="{{ route('agency.disk.folders.index') }}?type=transport">Ulaşım</a></li>
                                    <li><a class="dropdown-item"
                                           href="{{ route('agency.disk.folders.index') }}?type=document">Belgeler</a></li>
                                    <li><a class="dropdown-item"
                                           href="{{ route('agency.disk.folders.index') }}?type=contract">Sözleşmeler</a></li>
                                    <li><a class="dropdown-item"
                                           href="{{ route('agency.disk.folders.index') }}?type=invoice">Faturalar</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // Tooltip'leri aktifleştir
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl);
            });
        });
    </script>
@endpush