@extends('layouts.app')
@section('title', $material->name)

@php
  $health = $material->stockLevelLabel();
  $hb = match ($health) {
    'Critical', 'Expired' => 'r',
    'Low', 'Reorder', 'Expiring Soon' => 'a',
    default => 'g',
  };
@endphp

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <a href="{{ route('inventory.index') }}" class="text-[12px] text-blue-600 font-medium no-underline inline-flex items-center gap-1 mb-3"><i class="fa-solid fa-arrow-left"></i> Back to inventory</a>

  <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3 mb-5">
    <div>
      <p class="text-[17px] font-bold text-slate-900">{{ $material->name }}</p>
      <p class="text-slate-400 text-[11px] mt-0.5 font-mono">SKU {{ $material->sku ?: '—' }} · {{ $material->category ?: 'Uncategorised' }}</p>
      <div class="mt-2 flex flex-wrap gap-2 items-center">
        <span class="badge {{ $hb }}">{{ $health }}</span>
        <span class="badge s">{{ $material->status }}</span>
      </div>
    </div>
    <div class="flex flex-wrap gap-2">
      <a href="{{ route('inventory.index', ['open' => 'stockin']) }}" class="bs inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-solid fa-arrow-down"></i> Stock In</a>
      <a href="{{ route('inventory.index', ['open' => 'issue']) }}" class="bs inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-solid fa-arrow-right-from-bracket"></i> Issue</a>
      <button type="button" onclick="document.getElementById('inv_mat_adjust').classList.add('open')" class="bs inline-flex items-center gap-1.5" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-solid fa-sliders"></i> Adjustment</button>
      <a href="#edit" class="ba inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-solid fa-pen"></i> Edit</a>
    </div>
  </div>

  @if($errors->any())
    <div class="card p-3 mb-4 border-red-100 bg-red-50 text-red-700 text-[13px]">{{ $errors->first() }}</div>
  @endif
  @if(session('success'))
    <div class="card p-3 mb-4 border-emerald-100 bg-emerald-50 text-emerald-800 text-[13px]">{{ session('success') }}</div>
  @endif

  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Current stock</p><p class="text-[22px] font-bold text-slate-900 mt-2">{{ rtrim(rtrim((string) $material->current_stock, '0'), '.') }} <span class="text-[13px] font-normal text-slate-500">{{ $material->unit_of_measure }}</span></p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Stock value</p><p class="text-[22px] font-bold text-slate-900 mt-2">{{ \App\Support\Format::mwkDecimal($material->stock_value) }}</p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Average cost</p><p class="text-[22px] font-bold text-slate-900 mt-2">{{ \App\Support\Format::mwkDecimal($material->average_cost) }}</p></div>
    <div class="stat border-slate-200"><p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Expired qty on hand</p><p class="text-[22px] font-bold text-red-600 mt-2">{{ rtrim(rtrim((string) $expiredQty, '0'), '.') }}</p></div>
  </div>

  <div class="card p-5 border-slate-200 mb-5" id="edit">
    <p class="font-bold text-slate-900 mb-3">Edit material</p>
    <form method="post" action="{{ route('inventory.materials.update', $material) }}" class="grid sm:grid-cols-2 gap-3">
      @csrf
      @method('PUT')
      <div class="sm:col-span-2"><label class="fl">Name</label><input name="name" class="fi" required value="{{ old('name', $material->name) }}"></div>
      <div><label class="fl">SKU</label><input name="sku" class="fi" value="{{ old('sku', $material->sku) }}"></div>
      <div><label class="fl">Unit</label><input name="unit_of_measure" class="fi" required value="{{ old('unit_of_measure', $material->unit_of_measure) }}"></div>
      <div class="sm:col-span-2"><label class="fl">Description</label><textarea name="description" class="fi" rows="2">{{ old('description', $material->description) }}</textarea></div>
      <div><label class="fl">Category</label><input name="category" class="fi" value="{{ old('category', $material->category) }}"></div>
      <div><label class="fl">Storage</label><input name="storage_location" class="fi" value="{{ old('storage_location', $material->storage_location) }}"></div>
      <div><label class="fl">Minimum stock</label><input type="number" step="0.001" min="0" name="minimum_stock_level" class="fi" required value="{{ old('minimum_stock_level', $material->minimum_stock_level) }}"></div>
      <div><label class="fl">Reorder level</label><input type="number" step="0.001" min="0" name="reorder_level" class="fi" value="{{ old('reorder_level', $material->reorder_level) }}"></div>
      <div><label class="fl">Reorder qty</label><input type="number" step="0.001" min="0" name="reorder_quantity" class="fi" value="{{ old('reorder_quantity', $material->reorder_quantity) }}"></div>
      <div><label class="fl">Default supplier</label>
        <select name="default_supplier_id" class="fi">
          <option value="">—</option>
          @foreach($suppliers as $s)
            <option value="{{ $s->id }}" @selected((string) old('default_supplier_id', $material->default_supplier_id) === (string) $s->id)>{{ $s->company_name }}</option>
          @endforeach
        </select>
      </div>
      <div class="flex items-center gap-2 pt-6">
        <input type="hidden" name="is_expirable" value="0">
        <input type="checkbox" name="is_expirable" value="1" id="ed_exp" class="rounded border-slate-300" @checked(old('is_expirable', $material->is_expirable))>
        <label for="ed_exp" class="text-[13px] text-slate-600">Expirable</label>
      </div>
      <div><label class="fl">Status</label>
        <select name="status" class="fi" required>
          <option value="Active" @selected(old('status', $material->status) === 'Active')>Active</option>
          <option value="Inactive" @selected(old('status', $material->status) === 'Inactive')>Inactive</option>
        </select>
      </div>
      <div class="sm:col-span-2 flex justify-end gap-2 pt-2">
        <button type="submit" class="bp">Save changes</button>
      </div>
    </form>
  </div>

  <div class="card p-5 border-slate-200 mb-5 card-has-table">
    <p class="font-bold text-slate-900 mb-3">Stock lines / batches</p>
    <table>
      <thead><tr class="border-b border-slate-100">
        <th class="th">Batch / Lot</th><th class="th">Received</th><th class="th">Expiry</th><th class="th">Qty recv</th><th class="th">Avail</th><th class="th">Unit cost</th><th class="th">Value</th><th class="th">Location</th><th class="th">Status</th>
      </tr></thead>
      <tbody>
        @forelse($material->stockLines as $sl)
          <tr>
            <td class="td text-[12px]">{{ trim(implode(' / ', array_filter([$sl->batch_number, $sl->lot_number]))) ?: '—' }}</td>
            <td class="td">{{ $sl->received_date?->format('Y-m-d') }}</td>
            <td class="td">{{ $sl->expiry_date?->format('Y-m-d') ?: '—' }}</td>
            <td class="td">{{ rtrim(rtrim((string) $sl->quantity_received, '0'), '.') }}</td>
            <td class="td font-medium">{{ rtrim(rtrim((string) $sl->quantity_available, '0'), '.') }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($sl->unit_cost) }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($sl->total_cost) }}</td>
            <td class="td text-slate-500">{{ $sl->storage_location ?: '—' }}</td>
            <td class="td"><span class="badge s">{{ $sl->status }}</span></td>
          </tr>
        @empty
          <tr><td colspan="9" class="td text-slate-400">No stock lines yet.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div class="card p-5 border-slate-200 mb-5 card-has-table">
    <p class="font-bold text-slate-900 mb-3">Recent movements</p>
    <table>
      <thead><tr class="border-b border-slate-100">
        <th class="th">Date</th><th class="th">Type</th><th class="th">Qty</th><th class="th">Project / supplier</th><th class="th">Reference</th><th class="th">Cost</th><th class="th">By</th>
      </tr></thead>
      <tbody>
        @forelse($material->movements as $mv)
          <tr>
            <td class="td">{{ $mv->movement_date?->format('Y-m-d') }}</td>
            <td class="td"><span class="badge s text-[10px]">{{ $mv->movement_type }}</span></td>
            <td class="td">{{ rtrim(rtrim((string) $mv->quantity, '0'), '.') }}</td>
            <td class="td text-slate-600">{{ $mv->project?->name ?? $mv->supplier?->company_name ?? '—' }}</td>
            <td class="td text-slate-500">{{ $mv->reference ?: '—' }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($mv->total_cost) }}</td>
            <td class="td text-slate-500">{{ $mv->movedBy?->name ?? '—' }}</td>
          </tr>
        @empty
          <tr><td colspan="7" class="td text-slate-400">No movements.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div class="grid lg:grid-cols-2 gap-5">
    <div class="card p-5 border-slate-200 card-has-table">
      <p class="font-bold text-slate-900 mb-3">Purchase history</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">PO</th><th class="th">Supplier</th><th class="th">Qty</th><th class="th">Amount</th><th class="th">Status</th></tr></thead>
        <tbody>
          @forelse($poItems as $it)
            @php $po = $it->inventoryPurchaseOrder; @endphp
            <tr>
              <td class="td"><a href="{{ $po ? route('inventory.purchases.show', $po) : '#' }}" class="text-blue-600 font-medium no-underline">{{ $po?->po_number }}</a></td>
              <td class="td text-slate-600">{{ $po?->supplier?->company_name }}</td>
              <td class="td">{{ rtrim(rtrim((string) $it->quantity_ordered, '0'), '.') }}</td>
              <td class="td">{{ \App\Support\Format::mwkDecimal($it->total_cost) }}</td>
              <td class="td"><span class="badge s">{{ $po?->status }}</span></td>
            </tr>
          @empty
            <tr><td colspan="5" class="td text-slate-400">No PO lines.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
    <div class="card p-5 border-slate-200 card-has-table">
      <p class="font-bold text-slate-900 mb-3">Project issues</p>
      <table>
        <thead><tr class="border-b border-slate-100"><th class="th">Project</th><th class="th">Date</th><th class="th">Qty</th><th class="th">Cost</th><th class="th">Ref</th></tr></thead>
        <tbody>
          @forelse($issues as $is)
            <tr>
              <td class="td font-medium">{{ $is->project?->name ?? '—' }}</td>
              <td class="td">{{ $is->movement_date?->format('Y-m-d') }}</td>
              <td class="td">{{ rtrim(rtrim((string) $is->quantity, '0'), '.') }}</td>
              <td class="td">{{ \App\Support\Format::mwkDecimal($is->total_cost) }}</td>
              <td class="td text-slate-500">{{ $is->reference ?: '—' }}</td>
            </tr>
          @empty
            <tr><td colspan="5" class="td text-slate-400">No issues recorded.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

{{-- Single-material adjustment --}}
<div id="inv_mat_adjust" class="modal-ov" onclick="if(event.target===this)this.classList.remove('open')">
  <div class="modal" style="width:520px">
    <div style="padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center">
      <p class="text-[15px] font-bold text-slate-900">Adjustment — {{ $material->name }}</p>
      <button type="button" onclick="document.getElementById('inv_mat_adjust').classList.remove('open')" class="rounded-lg w-7 h-7 bg-slate-100 border-0">&times;</button>
    </div>
    <form method="post" action="{{ route('inventory.adjustment') }}" class="p-5 space-y-3">
      @csrf
      <input type="hidden" name="lines[0][material_id]" value="{{ $material->id }}">
      <div><label class="fl">Date</label><input type="date" name="adjustment_date" class="fi" required value="{{ now()->format('Y-m-d') }}"></div>
      <div><label class="fl">Type</label>
        <select name="type" class="fi" required>
          <option value="{{ \App\Models\StockMovement::TYPE_ADJUSTMENT_IN }}">Adjustment in</option>
          <option value="{{ \App\Models\StockMovement::TYPE_ADJUSTMENT_OUT }}">Adjustment out</option>
          <option value="{{ \App\Models\StockMovement::TYPE_DAMAGE }}">Damage</option>
        </select>
      </div>
      <div><label class="fl">Quantity</label><input type="number" step="0.001" min="0.001" name="lines[0][quantity]" class="fi" required></div>
      <div><label class="fl">Unit cost (adjustment in)</label><input type="number" step="0.01" min="0" name="lines[0][unit_cost]" class="fi"></div>
      <div><label class="fl">Stock line ID (optional)</label><input name="lines[0][material_stock_line_id]" class="fi" placeholder="Batch line #"></div>
      <div><label class="fl">Expiry (adjustment in, expirable)</label><input type="date" name="lines[0][expiry_date]" class="fi"></div>
      <div><label class="fl">Reason</label><input name="reason" class="fi" required maxlength="1000"></div>
      <div><label class="fl">Reference</label><input name="reference" class="fi" maxlength="100"></div>
      <div class="flex justify-end gap-2 pt-2">
        <button type="button" class="bs" onclick="document.getElementById('inv_mat_adjust').classList.remove('open')">Cancel</button>
        <button type="submit" class="bp">Post</button>
      </div>
    </form>
  </div>
</div>
@endsection