@extends('layouts.app')

@section('content')

<div class="w-full px-4 pb-6">
    <div class="mb-6 sm:flex sm:items-center sm:justify-between">
        <h1 class="text-xl font-bold text-stone-900">Stok Dağıtımları</h1>
        <a href="{{ route('stock-allocations.create') }}"
            class="inline-flex items-center px-4 py-2 mt-4 text-xs font-semibold tracking-widest text-white uppercase transition duration-150 ease-in-out border border-transparent rounded-md sm:mt-0 bg-emerald-600 hover:bg-emerald-700 active:bg-emerald-800 focus:outline-none focus:border-emerald-800 focus:ring ring-emerald-300 disabled:opacity-25">
            Yeni Dağıtım Planla
        </a>
    </div>

    <!-- Statistics Cards -->
    <div class="grid grid-cols-1 gap-4 mb-6 md:grid-cols-2 lg:grid-cols-5">
        <div class="p-4 bg-white border rounded-lg shadow border-stone-200">
            <p class="text-sm font-medium text-stone-600">Toplam</p>
            <p class="text-2xl font-bold text-stone-900">{{ $stats['total'] }}</p>
        </div>
        <div class="p-4 bg-white border rounded-lg shadow border-stone-200">
            <p class="text-sm font-medium text-stone-600">Planlanan</p>
            <p class="text-2xl font-bold text-blue-600">{{ $stats['planned'] }}</p>
        </div>
        <div class="p-4 bg-white border rounded-lg shadow border-stone-200">
            <p class="text-sm font-medium text-stone-600">Gönderilen</p>
            <p class="text-2xl font-bold text-green-600">{{ $stats['sent'] }}</p>
        </div>
        <div class="p-4 bg-white border rounded-lg shadow border-stone-200">
            <p class="text-sm font-medium text-stone-600">Başarısız</p>
            <p class="text-2xl font-bold text-red-600">{{ $stats['failed'] }}</p>
        </div>
        <div class="p-4 bg-white border rounded-lg shadow border-stone-200">
            <p class="text-sm font-medium text-stone-600">Tamamlanan</p>
            <p class="text-2xl font-bold text-indigo-600">{{ $stats['completed'] }}</p>
        </div>
    </div>

    <!-- Filters -->
    <div class="p-4 mb-6 bg-white border rounded-lg shadow border-stone-200">
        <form method="GET" action="{{ route('stock-allocations.index') }}">
            <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
                <div>
                    <label for="status" class="block mb-1 text-sm font-medium text-stone-700">Durum</label>
                    <select name="status" id="status"
                        class="w-full px-4 py-2 rounded-md shadow-sm border-stone-300 focus:border-stone-300 focus:ring focus:ring-stone-200 focus:ring-opacity-50"
                        onchange="this.form.submit()">
                        <option value="all" {{ request('status')=='all' ? 'selected' : '' }}>Tümü</option>
                        <option value="planned" {{ request('status')=='planned' ? 'selected' : '' }}>Planlanan</option>
                        <option value="sent" {{ request('status')=='sent' ? 'selected' : '' }}>Gönderilen</option>
                        <option value="failed" {{ request('status')=='failed' ? 'selected' : '' }}>Başarısız</option>
                        <option value="completed" {{ request('status')=='completed' ? 'selected' : '' }}>Tamamlanan
                        </option>
                    </select>
                </div>
                <div>
                    <label for="search" class="block mb-1 text-sm font-medium text-stone-700">Arama (Ürün Adı)</label>
                    <input type="text" name="search" id="search" value="{{ request('search') }}"
                        placeholder="Ürün adı ara..."
                        class="w-full rounded-md shadow-sm border-stone-300 focus:border-stone-300 focus:ring focus:ring-stone-200 focus:ring-opacity-50"
                        onchange="this.form.submit()">
                </div>
                <div class="flex items-end">
                    <button type="submit"
                        class="inline-flex items-center justify-center w-full px-4 py-2 text-base font-semibold tracking-widest text-white uppercase transition duration-150 ease-in-out border border-transparent rounded-md bg-stone-600 hover:bg-stone-700 active:bg-stone-800 focus:outline-none focus:border-stone-800 focus:ring ring-stone-300 disabled:opacity-25">
                        Filtrele
                    </button>
                </div>
            </div>
        </form>
    </div>

    <!-- Allocations Table -->
    <div class="overflow-hidden bg-white border rounded-lg shadow border-stone-200">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-stone-200">
                <thead class="bg-stone-50">
                    <tr>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">Ürün
                        </th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            Hedef Hesap</th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            Miktar</th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            Birim Maliyet</th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            Toplam Tutar</th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            Durum</th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            Oluşturma Tarihi</th>
                        <th class="px-6 py-3 text-xs font-medium tracking-wider text-left uppercase text-stone-500">
                            İşlemler</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-stone-200">
                    @forelse($allocations as $allocation)
                    <tr class="hover:bg-stone-50">
                        <td class="px-6 py-4 text-sm whitespace-nowrap text-stone-900">
                            {{ $allocation->invoiceLine->product->name ?? 'Bilinmeyen Ürün' }}
                        </td>
                        <td class="px-6 py-4 text-sm whitespace-nowrap text-stone-900">
                            {{ $allocation->targetAccount->account_name ?? 'Bilinmeyen Hesap' }}
                        </td>
                        <td class="px-6 py-4 text-sm whitespace-nowrap text-stone-900">
                            {{ number_format($allocation->allocated_quantity, 2, ',', '.') }}
                        </td>
                        <td class="px-6 py-4 text-sm whitespace-nowrap text-stone-900">
                            {{ number_format($allocation->unit_cost, 2, ',', '.') }} {{ config('app.currency', 'TRY') }}
                        </td>
                        <td class="px-6 py-4 text-sm whitespace-nowrap text-stone-900">
                            {{ number_format($allocation->total_cost, 2, ',', '.') }} {{ config('app.currency', 'TRY')
                            }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            @switch($allocation->status)
                            @case('planned')
                            <span
                                class="inline-flex px-2 text-xs font-semibold leading-5 text-blue-800 bg-blue-100 rounded-full">
                                Planlanan
                            </span>
                            @break
                            @case('sent')
                            <span
                                class="inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full">
                                Gönderilen
                            </span>
                            @break
                            @case('failed')
                            <span
                                class="inline-flex px-2 text-xs font-semibold leading-5 text-red-800 bg-red-100 rounded-full">
                                Başarısız
                            </span>
                            @break
                            @case('completed')
                            <span
                                class="inline-flex px-2 text-xs font-semibold leading-5 text-indigo-800 bg-indigo-100 rounded-full">
                                Tamamlanan
                            </span>
                            @break
                            @case('rollback')
                            <span
                                class="inline-flex px-2 text-xs font-semibold leading-5 text-gray-800 bg-gray-100 rounded-full">
                                Geri Alınan
                            </span>
                            @break
                            @default
                            <span
                                class="inline-flex px-2 text-xs font-semibold leading-5 rounded-full bg-stone-100 text-stone-800">
                                {{ ucfirst($allocation->status) }}
                            </span>
                            @endswitch
                        </td>
                        <td class="px-6 py-4 text-sm whitespace-nowrap text-stone-500">
                            {{ $allocation->created_at->format('d.m.Y H:i') }}
                        </td>
                        <td class="px-6 py-4 text-sm font-medium whitespace-nowrap">
                            <div class="flex space-x-2">
                                <a href="{{ route('stock-allocations.show', $allocation->id) }}"
                                    class="text-blue-600 hover:text-blue-900">Detay</a>

                                @if(in_array($allocation->status, ['planned', 'failed']))
                                <a href="{{ route('stock-allocations.edit', $allocation->id) }}"
                                    class="text-yellow-600 hover:text-yellow-900">Düzenle</a>
                                <form action="{{ route('stock-allocations.destroy', $allocation->id) }}" method="POST"
                                    class="inline"
                                    onsubmit="return confirm('Bu dağıtımı silmek istediğinizden emin misiniz?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="text-red-600 hover:text-red-900">Sil</button>
                                </form>
                                @endif

                                @if($allocation->status === 'planned')
                                <a href="{{ route('stock-allocations.send-to-posmanager', $allocation->id) }}"
                                    class="text-green-600 hover:text-green-900">Gönder</a>
                                @elseif($allocation->status === 'failed')
                                <a href="{{ route('stock-allocations.retry-failed', $allocation->id) }}"
                                    class="text-orange-600 hover:text-orange-900">Tekrar Dene</a>
                                @elseif($allocation->status === 'sent' || $allocation->status === 'completed')
                                <a href="{{ route('stock-allocations.reverse', $allocation->id) }}"
                                    class="text-purple-600 hover:text-purple-900"
                                    onclick="return confirm('Bu dağıtımı geri almak istediğinizden emin misiniz?');">Geri
                                    Al</a>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="px-6 py-4 text-sm text-center text-stone-500">
                            Herhangi bir stok dağıtımı bulunamadı.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <!-- Pagination -->
        @if($allocations->hasPages())
        <div class="px-6 py-3 border-t bg-stone-50 border-stone-200">
            {{ $allocations->links() }}
        </div>
        @endif
    </div>
</div>

@endsection