@extends('layouts.app')

@section('title', 'Batch - ' . $batch->batch_number)

@section('content')
<div class="mb-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-1 small">
            <li class="breadcrumb-item"><a href="{{ route('manufacturing.batches.index') }}" class="text-success text-decoration-none">Manufacturing</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $batch->batch_number }}</li>
        </ol>
    </nav>
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
        <div>
            <div class="d-flex align-items-center gap-2 mb-1">
                <span class="badge bg-light text-dark border font-monospace fs-6">{{ $batch->batch_number }}</span>
                @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"><i class="bi bi-lock-fill"></i> Closed Batch</span>
                @endif
            </div>
            <h3 class="fw-bold mb-0 text-dark">{{ $batch->product->name }}</h3>
            <div class="text-muted small">
                SKU: <strong class="font-monospace text-dark">{{ $batch->product->sku }}</strong> &bull; Category: <strong>{{ $batch->product->category->name }}</strong>
            </div>
        </div>

        <div class="d-flex flex-wrap gap-2">
            @if(!$batch->isClosed())
                <!-- Record Output Button -->
                <button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#recordQuantityModal">
                    <i class="bi bi-plus-circle me-1"></i> Record Output (+Qty)
                </button>

                <!-- Generate Units Button -->
                <form method="POST" action="{{ route('manufacturing.batches.generate-units', $batch) }}" class="d-inline" onsubmit="return confirm('Generate individual product unit records and unique QR tokens for this batch?');">
                    @csrf
                    <button type="submit" class="btn btn-agri btn-sm">
                        <i class="bi bi-qr-code me-1"></i> Generate Units / QRs
                    </button>
                </form>

                @can('update', $batch)
                    <a href="{{ route('manufacturing.batches.edit', $batch) }}" class="btn btn-outline-secondary btn-sm">
                        <i class="bi bi-pencil me-1"></i> Edit
                    </a>
                @endcan

                <!-- Close Batch Button -->
                <form method="POST" action="{{ route('manufacturing.batches.close', $batch) }}" class="d-inline" onsubmit="return confirm('Are you sure you want to CLOSE this batch? Closed batches cannot be edited or modified.');">
                    @csrf
                    <button type="submit" class="btn btn-outline-dark btn-sm">
                        <i class="bi bi-lock me-1"></i> Close Batch
                    </button>
                </form>
            @endif

            <!-- Print Labels -->
            <a href="{{ route('manufacturing.labels.preview', $batch) }}" class="btn btn-light border btn-sm">
                <i class="bi bi-printer me-1"></i> Label Print Center
            </a>
        </div>
    </div>
</div>

<!-- Production Metrics Banner -->
@php
    $progressPercent = $batch->planned_quantity > 0 ? min(100, round(($batch->actual_quantity / $batch->planned_quantity) * 100)) : 0;
@endphp
<div class="card shadow-sm border-0 mb-4 bg-white">
    <div class="card-body p-4">
        <div class="row g-3 align-items-center">
            <div class="col-md-3 border-end">
                <small class="text-muted d-block">Planned Output</small>
                <div class="fs-4 fw-bold text-dark">{{ number_format($batch->planned_quantity) }} <small class="fs-6 font-monospace text-muted">{{ $batch->product->unit_of_measurement }}</small></div>
            </div>
            <div class="col-md-3 border-end">
                <small class="text-muted d-block">Actual Recorded Output</small>
                <div class="fs-4 fw-bold text-success">{{ number_format($batch->actual_quantity) }} <small class="fs-6 font-monospace text-muted">{{ $batch->product->unit_of_measurement }}</small></div>
            </div>
            <div class="col-md-3 border-end">
                <small class="text-muted d-block">Units Serialized & QRs</small>
                <div class="fs-4 fw-bold text-primary">{{ number_format($unitsSummary['total_generated']) }} <small class="fs-6 text-muted">/ {{ number_format($batch->actual_quantity > 0 ? $batch->actual_quantity : $batch->planned_quantity) }}</small></div>
            </div>
            <div class="col-md-3">
                <div class="d-flex justify-content-between small mb-1">
                    <span class="text-muted">Batch Completion:</span>
                    <span class="fw-bold text-dark">{{ $progressPercent }}%</span>
                </div>
                <div class="progress" style="height: 10px;">
                    <div class="progress-bar {{ $progressPercent >= 100 ? 'bg-success' : 'bg-primary' }}" role="progressbar" style="width: {{ $progressPercent }}%;"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- Specifications & Metadata -->
    <div class="col-lg-6">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white">
                <span class="fw-bold"><i class="bi bi-info-circle me-2 text-success"></i>Manufacturing Specifications</span>
            </div>
            <div class="card-body p-4">
                <div class="row g-3">
                    <div class="col-sm-6">
                        <small class="text-muted d-block">Manufacturing Date</small>
                        <span class="fw-bold text-dark">{{ $batch->manufacturing_date->format('d M Y') }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Product Expiry Date</small>
                        <span class="fw-bold text-danger">{{ $batch->expiry_date->format('d M Y') }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Production Start</small>
                        <span>{{ $batch->production_start_at ? $batch->production_start_at->format('d M Y, H:i') : 'Not started' }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Production Completed</small>
                        <span>{{ $batch->production_completed_at ? $batch->production_completed_at->format('d M Y, H:i') : 'In progress' }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Operator / Supervisor</small>
                        <span class="fw-semibold">{{ $batch->production_operator ?? 'Not assigned' }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Created By</small>
                        <span>{{ $batch->creator ? $batch->creator->name : 'System' }}</span>
                    </div>

                    <div class="col-12 border-top pt-2">
                        <small class="text-muted d-block">Formulation & Batch Notes</small>
                        <p class="text-secondary small mb-0">{{ $batch->notes ?? 'No special notes recorded.' }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Unit Verification & Status Breakdown -->
    <div class="col-lg-6">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <span class="fw-bold"><i class="bi bi-pie-chart me-2 text-success"></i>Unit Lifecycle Status Distribution</span>
                <a href="{{ route('manufacturing.units.index', ['batch_id' => $batch->id]) }}" class="btn btn-link btn-sm text-decoration-none p-0">View All Units &rarr;</a>
            </div>
            <div class="card-body p-4">
                <div class="row g-2 mb-3">
                    <div class="col-6">
                        <div class="p-3 bg-light rounded border text-center">
                            <small class="text-muted d-block">QA Verified</small>
                            <span class="fs-4 fw-bold text-success">{{ number_format($unitsSummary['verified']) }}</span>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-3 bg-light rounded border text-center">
                            <small class="text-muted d-block">Awaiting QA Scan</small>
                            <span class="fs-4 fw-bold text-warning-emphasis">{{ number_format($unitsSummary['unverified']) }}</span>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="p-2 bg-light rounded border text-center">
                            <small class="text-muted d-block" style="font-size: 0.75rem;">Ready for Warehouse</small>
                            <span class="fw-bold text-dark">{{ number_format($unitsSummary['ready_for_warehouse']) }}</span>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="p-2 bg-light rounded border text-center">
                            <small class="text-muted d-block" style="font-size: 0.75rem;">Quarantined</small>
                            <span class="fw-bold text-danger">{{ number_format($unitsSummary['quarantined']) }}</span>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="p-2 bg-light rounded border text-center">
                            <small class="text-muted d-block" style="font-size: 0.75rem;">Damaged / Reject</small>
                            <span class="fw-bold text-muted">{{ number_format($unitsSummary['damaged']) }}</span>
                        </div>
                    </div>
                </div>

                @if($unitsSummary['total_generated'] > 0)
                    <div class="d-flex gap-2">
                        <a href="{{ route('manufacturing.labels.preview', $batch) }}" class="btn btn-outline-agri btn-sm w-100">
                            <i class="bi bi-printer me-1"></i> Print QR Labels
                        </a>
                        <a href="{{ route('manufacturing.verify.form') }}" class="btn btn-outline-primary btn-sm w-100">
                            <i class="bi bi-upc-scan me-1"></i> Open QA Verification
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Serialized Units Sample List -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <span class="fw-bold"><i class="bi bi-qr-code me-2 text-success"></i>Serialized Units in this Batch (Latest 10 of {{ number_format($unitsSummary['total_generated']) }})</span>
        <a href="{{ route('manufacturing.units.index', ['batch_id' => $batch->id]) }}" class="btn btn-link btn-sm text-decoration-none p-0">View All {{ number_format($unitsSummary['total_generated']) }} Units &rarr;</a>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Serial Number</th>
                    <th>Cryptographic QR Token</th>
                    <th>Status</th>
                    <th>Verification</th>
                    <th>Prints</th>
                    <th class="text-end">Inspect</th>
                </tr>
            </thead>
            <tbody>
                @forelse($recentUnits as $unit)
                    <tr>
                        <td>
                            <a href="{{ route('manufacturing.units.show', $unit) }}" class="fw-bold font-monospace text-dark text-decoration-none">
                                {{ $unit->serial_number }}
                            </a>
                            <small class="text-muted d-block font-monospace">{{ $unit->unit_id }}</small>
                        </td>
                        <td>
                            <span class="font-monospace small text-muted">{{ substr($unit->qr_token, 0, 16) }}...</span>
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border">{{ $unit->status }}</span>
                        </td>
                        <td>
                            @if($unit->isVerified())
                                <span class="badge badge-active"><i class="bi bi-check-circle me-1"></i>Verified</span>
                            @else
                                <span class="badge bg-secondary-subtle text-secondary">Unverified</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border">{{ $unit->print_count }}x</span>
                        </td>
                        <td class="text-end">
                            <a href="{{ route('manufacturing.units.show', $unit) }}" class="btn btn-sm btn-light border" title="View Unit QR">
                                <i class="bi bi-eye"></i>
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-4 text-muted">
                            No physical units have been generated for this batch yet.
                            @if(!$batch->isClosed())
                                <div class="mt-2">
                                    <form method="POST" action="{{ route('manufacturing.batches.generate-units', $batch) }}" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-agri btn-sm">
                                            <i class="bi bi-qr-code me-1"></i> Generate Units Now
                                        </button>
                                    </form>
                                </div>
                            @endif
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<!-- Production Quantity Records & Machine Integration Trail -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white">
        <span class="fw-bold"><i class="bi bi-speedometer2 me-2 text-success"></i>Production Counter & Machine Recording Log</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Timestamp</th>
                    <th>Source / Protocol</th>
                    <th>Quantity Added</th>
                    <th>Resulting Total</th>
                    <th>Operator</th>
                    <th>Notes</th>
                </tr>
            </thead>
            <tbody>
                @forelse($batch->productionRecords as $record)
                    <tr>
                        <td class="small font-monospace text-muted">{{ $record->recorded_at->format('Y-m-d H:i:s') }}</td>
                        <td>
                            <span class="badge bg-light text-dark border font-monospace">{{ $record->source }}</span>
                            @if($record->machine_identifier)
                                <small class="text-muted d-block">Machine: {{ $record->machine_identifier }}</small>
                            @endif
                        </td>
                        <td class="fw-bold text-success">+{{ number_format($record->quantity_added) }}</td>
                        <td class="fw-bold text-dark">{{ number_format($record->resulting_quantity) }}</td>
                        <td>{{ $record->user ? $record->user->name : 'System' }}</td>
                        <td class="small text-muted">{{ $record->notes ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-4 text-muted">No incremental production recordings logged.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<!-- Record Output Modal -->
@if(!$batch->isClosed())
<div class="modal fade" id="recordQuantityModal" tabindex="-1" aria-labelledby="recordQuantityModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('manufacturing.batches.record-quantity', $batch) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title fw-bold" id="recordQuantityModalLabel">Record Production Output</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="quantity_added" class="form-label small fw-semibold">Quantity Produced (+Units) <span class="text-danger">*</span></label>
                        <input type="number" min="1" class="form-control" id="quantity_added" name="quantity_added" placeholder="e.g. 250" required>
                    </div>

                    <div class="mb-3">
                        <label for="source" class="form-label small fw-semibold">Input Source / Machine Interface <span class="text-danger">*</span></label>
                        <select class="form-select" id="source" name="source" required>
                            @foreach($drivers as $driverKey => $driverLabel)
                                <option value="{{ $driverKey }}">{{ $driverLabel }}</option>
                            @endforeach
                        </select>
                        <div class="form-text small">Select manual entry or choose connected counting equipment.</div>
                    </div>

                    <div class="mb-3">
                        <label for="machine_identifier" class="form-label small fw-semibold">Machine / Line Identifier (Optional)</label>
                        <input type="text" class="form-control" id="machine_identifier" name="machine_identifier" placeholder="e.g. Bottling Line 1 - Optical Pulse Counter">
                    </div>

                    <div class="mb-3">
                        <label for="notes" class="form-label small fw-semibold">Shift Notes (Optional)</label>
                        <input type="text" class="form-control" id="notes" name="notes" placeholder="e.g. First shift count verified">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light border" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check2"></i> Add Output Count
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection