@extends('adminlte::page')
@section('title', 'Stok Özeti')

@section('content')
<div class="container-fluid pt-4">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-bold">Stok Özeti</h2>
        <a href="{{ route('stock-transactions.index') }}" class="btn btn-outline-info">
            <i class="fas fa-history me-1"></i> Stok Hareketleri
        </a>
    </div>

    {{-- Şube Kartları --}}
    <div class="row g-3 mb-4">
        @foreach($branches as $branch)
        <div class="col-md-4 col-sm-6">
            <a href="{{ route('stocks.branch', $branch->id) }}" class="text-decoration-none">
                <div class="card shadow-sm border-0 h-100 text-center p-3 hover-card">
                    <div class="mb-2">
                        <i class="fas fa-warehouse fa-2x text-success opacity-75"></i>
                    </div>
                    <div class="fw-bold fs-6">{{ $branch->name }}</div>
                    <div class="text-muted">{{ $branch->type ?? '' }}</div>
                </div>
            </a>
        </div>
        @endforeach
    </div>

    {{-- Ürün Arama --}}
    <div class="mb-3">
        <input type="text" id="productSearch" class="form-control"
               placeholder="Ürün ara... (en az 2 karakter)">
    </div>

    {{-- Stok Tablosu --}}
    <div class="card shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover table-bordered mb-0" id="stockTable">
                    <thead class="table-success">
                        <tr>
                            <th style="min-width:200px">Ürün</th>
                            <th>Kategori</th>
                            {{-- Şube kolonları --}}
                            @foreach($branches as $branch)
                                <th class="text-center">
                                    <a href="{{ route('stocks.branch', $branch->id) }}"
                                       class="text-success text-decoration-none fw-bold">
                                        {{ $branch->name }} ({{ $branch->type }})
                                    </a>
                                </th>
                            @endforeach
                            <th class="text-center table-warning fw-bold">Toplam</th>
                            <th class="text-center">Toplam Değer</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($products as $product)
                        <tr class="product-row">
                            <td class="fw-bold product-name">{{ $product['name'] }}</td>
                            <td class="text-muted small">{{ $product['category'] }}</td>
                            @foreach($branches as $branch)
                                <td class="text-center">
                                    @php $qty = $product['branch_stocks'][$branch->id] ?? 0; @endphp
                                    @if($qty > 0)
                                        <a href="{{ route('stocks.lots', ['branch' => $branch->id, 'product' => $product['id']]) }}"
                                           class="text-decoration-none fw-bold text-success">
                                            {{ number_format($qty, 2) }}
                                            <small class="text-muted">{{ $product['unit'] }}</small>
                                        </a>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                            @endforeach
                            <td class="text-center table-warning fw-bold">
                                {{ number_format($product['total'], 2) }}
                                <small class="text-muted">{{ $product['unit'] }}</small>
                            </td>
                            <td class="text-center">
                                {{ number_format($product['total_value'], 2) }} ₺
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="{{ 4 + count($branches) }}" class="text-center text-muted py-5">
                                <i class="fas fa-box-open fa-3x mb-3 opacity-25 d-block"></i>
                                Henüz stok kaydı bulunmuyor.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                    @if(count($products) > 0)
                    <tfoot class="table-light fw-bold">
                        <tr>
                            <td colspan="2">Genel Toplam</td>
                            @foreach($branches as $branch)
                                <td class="text-center">
                                    @php
                                        $branchTotal = collect($products)->sum(fn($p) => $p['branch_stocks'][$branch->id] ?? 0); 
                                    @endphp
                                    {{ number_format($branchTotal, 2) }} <small>kg</small>
                                </td>
                            @endforeach
                            <td class="text-center table-warning">
                                {{ number_format(collect($products)->sum('total'), 2) }} <small>kg</small>
                            </td>
                            <td class="text-center">
                                {{ number_format(collect($products)->sum('total_value'), 2) }} ₺
                            </td>
                        </tr>
                    </tfoot>
                    @endif
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@section('css')
<style>
.hover-card { transition: transform 0.15s, box-shadow 0.15s; cursor: pointer; }
.hover-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important; }
</style>
@endsection

@section('js')
<script>
$(document).ready(function () {
    // Ürün arama
    $('#productSearch').on('input', function () {
        const q = $(this).val().toLowerCase().trim();
        if (q.length < 2) {
            $('.product-row').show();
            return;
        }
        $('.product-row').each(function () {
            const name = $(this).find('.product-name').text().toLowerCase();
            $(this).toggle(name.includes(q));
        });
    });
});
</script>
@endsection