@extends('layouts.app')
@section('title', __('Batches'))

@section('content')
<div x-data="{ showForm: false }">
    <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
        <form method="GET" class="flex items-center gap-2">
            <div class="max-w-xs">
                <x-product-select name="product_id" :products="$products" :value="request('product_id')"
                                  :submit="true" :placeholder="__('All products')" />
            </div>
        </form>
        <button @click="showForm = !showForm" class="btn-primary"><x-icon name="plus" class="h-4 w-4"/>{{ __('New batch') }}</button>
    </div>

    <div x-show="showForm" x-cloak class="card mb-4">
        <form method="POST" action="{{ route('batches.store') }}" class="grid grid-cols-1 gap-4 sm:grid-cols-3">
            @csrf
            <div class="sm:col-span-3">
                <x-product-select :label="__('Product')" name="product_id" :products="$products"
                                  :value="old('product_id')" :required="true" />
            </div>
            <div><label class="label">{{ __('Batch number') }}</label><input type="text" name="batch_number" required class="input"></div>
            <div><label class="label">{{ __('Expiration date') }}</label><input type="date" name="expiration_date" class="input"></div>
            <div><label class="label">{{ __('Quantity') }}</label><input type="number" name="quantity" required class="input"></div>
            <div><label class="label">{{ __('Purchase price') }}</label><input type="number" step="0.01" name="purchase_price" required class="input"></div>
            <div><label class="label">{{ __('Selling price') }}</label><input type="number" step="0.01" name="selling_price" class="input"></div>
            <div class="flex items-end"><button class="btn-primary w-full">{{ __('Save') }}</button></div>
        </form>
    </div>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50">
                <tr>
                    <th class="th">{{ __('Product') }}</th>
                    <th class="th">{{ __('Batch') }}</th>
                    <th class="th">{{ __('Expiration') }}</th>
                    <th class="th">{{ __('Quantity') }}</th>
                    <th class="th">{{ __('Supplier') }}</th>
                    <th class="th"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($batches as $batch)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $batch->product?->name }}</td>
                        <td class="td font-mono text-xs">{{ $batch->batch_number }}</td>
                        <td class="td">
                            {{ $batch->expiration_date?->format('d/m/Y') ?? '—' }}
                            @if ($batch->isExpired())<span class="badge ml-1 bg-red-100 text-red-700">{{ __('Expired') }}</span>@endif
                        </td>
                        <td class="td font-semibold">{{ $batch->quantity }}</td>
                        <td class="td">{{ $batch->supplier?->name ?? '—' }}</td>
                        <td class="td text-right">
                            <form method="POST" action="{{ route('batches.destroy', $batch) }}" onsubmit="return confirm('{{ __('Delete batch?') }}')">
                                @csrf @method('DELETE')
                                <button class="text-red-500"><x-icon name="trash" class="h-4 w-4"/></button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="td py-10 text-center text-slate-400">{{ __('No batches.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $batches->links() }}</div>
</div>
@endsection