@extends('layouts.app')

@section('title', 'Manufacturing Batches')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
    <div>
        <h3 class="fw-bold mb-1 text-dark">Manufacturing & Batch Runs</h3>
        <p class="text-muted mb-0 small">Production batch management, planned vs actual output, and individual QR unit serialization.</p>
    </div>

    @can('create', App\Models\ProductBatch::class)
        <a href="{{ route('manufacturing.batches.create') }}" class="btn btn-agri">
            <i class="bi bi-plus-lg me-1"></i> Initiate New Batch
        </a>
    @endcan
</div>

<!-- Search & Filter Bar -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-body p-3">
        <form method="GET" action="{{ route('manufacturing.batches.index') }}" class="row g-2 align-items-center">
            <div class="col-md-5 col-lg-5">
                <div class="input-group">
                    <span class="input-group-text bg-light text-muted"><i class="bi bi-search"></i></span>
                    <input type="text" class="form-control" name="search" value="{{ $searchTerm }}" placeholder="Search by batch number, operator, or product...">
                </div>
            </div>

            <div class="col-md-3 col-lg-3">
                <select class="form-select" name="product_id">
                    <option value="">All Products</option>
                    @foreach($products as $prod)
                        <option value="{{ $prod->id }}" {{ $productId == $prod->id ? 'selected' : '' }}>
                            {{ $prod->name }} ({{ $prod->sku }})
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2 col-lg-2">
                <select class="form-select" name="status">
                    <option value="">All Statuses</option>
                    @foreach($statuses as $st)
                        <option value="{{ $st }}" {{ $statusFilter === $st ? 'selected' : '' }}>
                            {{ $st }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2 col-lg-2 d-flex gap-2">
                <button type="submit" class="btn btn-agri w-100">
                    <i class="bi bi-funnel"></i> Filter
                </button>
                @if($searchTerm || $productId || $statusFilter)
                    <a href="{{ route('manufacturing.batches.index') }}" class="btn btn-light border" title="Reset Filters">
                        <i class="bi bi-x-lg"></i>
                    </a>
                @endif
            </div>
        </form>
    </div>
</div>

<!-- Batches Table -->
<div class="card shadow-sm border-0 mb-4">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>Batch Details</th>
                    <th>Product</th>
                    <th>Production Progress</th>
                    <th>Mfg / Exp Date</th>
                    <th>Operator</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($batches as $batch)
                    @php
                        $percentage = $batch->planned_quantity > 0 ? min(100, round(($batch->actual_quantity / $batch->planned_quantity) * 100)) : 0;
                    @endphp
                    <tr>
                        <td>
                            <a href="{{ route('manufacturing.batches.show', $batch) }}" class="fw-bold font-monospace text-dark text-decoration-none">
                                {{ $batch->batch_number }}
                            </a>
                            <div class="small text-muted">ID #{{ $batch->id }} &bull; {{ $batch->created_at->format('d M Y') }}</div>
                        </td>
                        <td>
                            <div class="fw-semibold text-dark">{{ $batch->product->name }}</div>
                            <small class="badge bg-light text-dark border font-monospace">{{ $batch->product->sku }}</small>
                        </td>
                        <td style="min-width: 170px;">
                            <div class="d-flex justify-content-between small mb-1">
                                <span><strong>{{ number_format($batch->actual_quantity) }}</strong> / {{ number_format($batch->planned_quantity) }}</span>
                                <span class="fw-semibold {{ $percentage >= 100 ? 'text-success' : 'text-primary' }}">{{ $percentage }}%</span>
                            </div>
                            <div class="progress" style="height: 6px;">
                                <div class="progress-bar {{ $percentage >= 100 ? 'bg-success' : 'bg-primary' }}" role="progressbar" style="width: {{ $percentage }}%;"></div>
                            </div>
                            <small class="text-muted d-block mt-1">{{ $batch->units_count }} units serialized</small>
                        </td>
                        <td>
                            <div class="small">Mfg: <strong>{{ $batch->manufacturing_date->format('d M Y') }}</strong></div>
                            <small class="text-muted">Exp: {{ $batch->expiry_date->format('d M Y') }}</small>
                        </td>
                        <td>
                            <div>{{ $batch->production_operator ?? 'Not assigned' }}</div>
                            @if($batch->productionRecords_count > 0)
                                <small class="text-muted">{{ $batch->productionRecords_count }} counting updates</small>
                            @endif
                        </td>
                        <td>
                            @if($batch->status === 'Draft')
                                <span class="badge bg-secondary-subtle text-secondary border">Draft</span>
                            @elseif($batch->status === 'In Production')
                                <span class="badge bg-primary-subtle text-primary border">In Production</span>
                            @elseif($batch->status === 'Completed')
                                <span class="badge bg-info-subtle text-info-emphasis border">Completed</span>
                            @elseif($batch->status === 'Under Verification')
                                <span class="badge bg-warning-subtle text-warning-emphasis border">Under Verification</span>
                            @elseif($batch->status === 'Closed')
                                <span class="badge bg-dark-subtle text-dark border">Closed</span>
                            @endif
                        </td>
                        <td class="text-end">
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('manufacturing.batches.show', $batch) }}" class="btn btn-light border" title="Inspect Batch">
                                    <i class="bi bi-eye"></i>
                                </a>

                                @can('update', $batch)
                                    <a href="{{ route('manufacturing.batches.edit', $batch) }}" class="btn btn-light border" title="Edit Batch">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                @endcan

                                <a href="{{ route('manufacturing.labels.preview', $batch) }}" class="btn btn-light border text-success" title="Print Labels">
                                    <i class="bi bi-printer"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center py-5">
                            <i class="bi bi-gear-wide-connected text-muted" style="font-size: 2.5rem;"></i>
                            <h5 class="text-muted mt-2">No manufacturing batches found</h5>
                            <p class="text-muted small">No batches match the selected criteria or no production run has been initiated yet.</p>
                            @can('create', App\Models\ProductBatch::class)
                                <a href="{{ route('manufacturing.batches.create') }}" class="btn btn-agri btn-sm mt-2">
                                    <i class="bi bi-plus-lg me-1"></i> Create First Batch
                                </a>
                            @endcan
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($batches->hasPages())
        <div class="p-3 border-top">
            {{ $batches->links('pagination::bootstrap-5') }}
        </div>
    @endif
</div>
@endsection