@extends('master.app')
@section('title','Batch Details')

@section('body')
<main class="app-content">
  <div class="container-fluid">

    <div class="card mb-3">
      <div class="card-header d-flex align-items-center justify-content-between">
        <div>
          <h5 class="mb-0">Batch Details</h5>
          <small class="text-muted">
            Token: <strong>{{ $batch->token }}</strong>
          </small>
        </div>
        <div class="d-flex gap-2">
          <a href="{{ route('process-batches.index') }}" class="btn btn-secondary btn-sm">Back</a>
          <button class="btn btn-outline-primary btn-sm" onclick="window.print()">Print</button>
        </div>
      </div>

      <div class="card-body">
        <div class="row">
          <div class="col-md-3 mb-2">
            <div class="p-2 border rounded">
              <div class="text-muted small">Date</div>
              <div class="fw-bold">{{ $batch->date }}</div>
            </div>
          </div>

          <div class="col-md-3 mb-2">
            <div class="p-2 border rounded">
              <div class="text-muted small">Location</div>
              <div class="fw-bold">{{ $batch->location_id ?? '—' }}</div>
            </div>
          </div>

          <div class="col-md-3 mb-2">
            <div class="p-2 border rounded">
              <div class="text-muted small">Total Raw Cost</div>
              <div class="fw-bold">{{ number_format($batch->total_raw_cost ?? 0, 2) }}</div>
            </div>
          </div>

          <div class="col-md-3 mb-2">
            <div class="p-2 border rounded">
              <div class="text-muted small">Produce CPI</div>
              <div class="fw-bold">{{ number_format($batch->produce_cpi ?? 0, 4) }}</div>
            </div>
          </div>

          <div class="col-md-12 mt-2">
            <div class="p-2 border rounded">
              <div class="text-muted small">Notes</div>
              <div>{{ $batch->notes ?? '—' }}</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    {{-- RAW ITEMS --}}
    <div class="card mb-3">
      <div class="card-header">
        <h6 class="mb-0">Raw Items (Consumed)</h6>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered table-sm">
            <thead>
              <tr>
                <th>#</th>
                <th>Category</th>
                <th>Sub Category</th>
                <th>Unit</th>
                <th class="text-end">Qty Used</th>
                <th class="text-end">CPI</th>
                <th class="text-end">Total Cost</th>
              </tr>
            </thead>
            <tbody>
              @php
                $rawTotalQty = 0;
                $rawTotalCost = 0;
              @endphp

              @forelse($batch->rawItems as $i => $r)
                @php
                  $rawTotalQty += (float)($r->qty_used ?? 0);
                  $rawTotalCost += (float)($r->total_cost ?? 0);
                @endphp
                <tr>
                  <td>{{ $i+1 }}</td>
                  <td>{{ $r->category->title_en ?? $r->cat_id }}</td>
                  <td>{{ $r->sub_category->title_en ?? ($r->scat_id ?? '—') }}</td>
                  <td>{{ $r->unit->title_en ?? $r->unit_id }}</td>
                  <td class="text-end">{{ number_format($r->qty_used ?? 0, 2) }}</td>
                  <td class="text-end">{{ number_format($r->cpi ?? 0, 4) }}</td>
                  <td class="text-end">{{ number_format($r->total_cost ?? 0, 2) }}</td>
                </tr>
              @empty
                <tr>
                  <td colspan="7" class="text-center text-muted">No raw items.</td>
                </tr>
              @endforelse
            </tbody>

            <tfoot>
              <tr>
                <th colspan="4" class="text-end">Total</th>
                <th class="text-end">{{ number_format($rawTotalQty, 2) }}</th>
                <th></th>
                <th class="text-end">{{ number_format($rawTotalCost, 2) }}</th>
              </tr>
            </tfoot>
          </table>
        </div>
      </div>
    </div>

    {{-- OUTPUTS --}}
    <div class="card">
      <div class="card-header">
        <h6 class="mb-0">Outputs (Finished Goods)</h6>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered table-sm">
            <thead>
              <tr>
                <th>#</th>
                <th>Category</th>
                <th>Sub Category</th>
                <th>Unit</th>
                <th>Weight</th>
                <th class="text-end">Qty Produced</th>
                <th class="text-end">CPI</th>
                <th class="text-end">SPI</th>
                <th class="text-end">Total Cost</th>
              </tr>
            </thead>
            <tbody>
              @php
                $outTotalQty = 0;
                $outTotalCost = 0;
              @endphp

              @forelse($batch->outputs as $i => $o)
                @php
                  $outTotalQty += (float)($o->qty_produced ?? 0);
                  $outTotalCost += (float)($o->total_cost ?? 0);
                @endphp
                <tr>
                  <td>{{ $i+1 }}</td>
                  <td>{{ $o->category->title_en ?? $o->cat_id }}</td>
                  <td>{{ $o->sub_category->title_en ?? ($o->sub_cat_id ?? '—') }}</td>
                  <td>{{ $o->unit->title_en ?? $o->unit_id }}</td>
                  <td>{{ $o->weight->title_en ?? ($o->weight_id ?? '—') }}</td>
                  <td class="text-end">{{ number_format($o->qty_produced ?? 0, 2) }}</td>
                  <td class="text-end">{{ number_format($o->cpi ?? 0, 4) }}</td>
                  <td class="text-end">{{ number_format($o->spi ?? 0, 2) }}</td>
                  <td class="text-end">{{ number_format($o->total_cost ?? 0, 2) }}</td>
                </tr>
              @empty
                <tr>
                  <td colspan="9" class="text-center text-muted">No outputs.</td>
                </tr>
              @endforelse
            </tbody>

            <tfoot>
              <tr>
                <th colspan="5" class="text-end">Total</th>
                <th class="text-end">{{ number_format($outTotalQty, 2) }}</th>
                <th></th>
                <th></th>
                <th class="text-end">{{ number_format($outTotalCost, 2) }}</th>
              </tr>
            </tfoot>
          </table>
        </div>

        <div class="mt-2 p-2 border rounded">
          <div class="row">
            <div class="col-md-4 mb-1">
              <small class="text-muted">Batch Produce Qty</small>
              <div class="fw-bold">{{ number_format($batch->produce_qty ?? 0, 2) }}</div>
            </div>
            <div class="col-md-4 mb-1">
              <small class="text-muted">Batch Produce CPI</small>
              <div class="fw-bold">{{ number_format($batch->produce_cpi ?? 0, 4) }}</div>
            </div>
            <div class="col-md-4 mb-1">
              <small class="text-muted">Batch Produce SPI</small>
              <div class="fw-bold">{{ number_format($batch->produce_spi ?? 0, 2) }}</div>
            </div>
          </div>
        </div>

      </div>
    </div>

  </div>
</main>

<style>
@media print{
  .app-sidebar, .app-header, .btn, .card-header .d-flex { display:none !important; }
  .card{ border:0 !important; }
  body{ background:#fff !important; }
}
</style>
@endsection