@extends('layouts.app')
@section('title', 'Stock movements')

@php
  $f = $filters ?? [];
  $mvBadge = function (string $t): string {
    return match ($t) {
      'Stock In', 'Adjustment In', 'Transfer In' => 'g',
      'Issue', 'Damage', 'Expiry Write-Off', 'Adjustment Out' => 'r',
      'Return' => 'b',
      'Transfer Out' => 'v',
      default => 's',
    };
  };
@endphp

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <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"><i class="fa-solid fa-right-left text-blue-600 mr-1.5"></i>Stock movement ledger</p>
      <p class="text-slate-400 text-[11px] mt-0.5">Full audit trail of inventory movement</p>
    </div>
    <div class="flex flex-wrap gap-2">
      <a href="{{ route('inventory.movements.export.excel', $f) }}" class="bs inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-regular fa-file-excel"></i> Excel</a>
      <a href="{{ route('inventory.movements.export.pdf') }}" class="bs inline-flex items-center gap-1.5 no-underline" style="padding:8px 14px;font-size:13px;border-radius:9px"><i class="fa-regular fa-file-pdf"></i> PDF</a>
    </div>
  </div>

  @include('inventory.partials.subnav', ['invActive' => 'movements'])

  <form method="get" action="{{ route('inventory.movements.index') }}" class="card p-4 mb-4 flex flex-col xl:flex-row flex-wrap gap-3 xl:items-end border-slate-200">
    <div class="min-w-[160px] flex-1">
      <label class="fl text-[10px]">Search</label>
      <input type="search" name="q" value="{{ $f['q'] ?? '' }}" class="fi" placeholder="Reference, notes, material, project…">
    </div>
    <div class="min-w-[150px]">
      <label class="fl text-[10px]">Movement type</label>
      <select name="movement_type" class="fi">
        <option value="">All types</option>
        @foreach($movementTypes as $mt)
          <option value="{{ $mt }}" @selected(($f['movement_type'] ?? '') === $mt)>{{ $mt }}</option>
        @endforeach
      </select>
    </div>
    <div class="min-w-[140px]">
      <label class="fl text-[10px]">Material</label>
      <select name="material_id" class="fi">
        <option value="">All</option>
        @foreach($materials as $m)
          <option value="{{ $m->id }}" @selected((string)($f['material_id'] ?? '') === (string)$m->id)>{{ $m->name }}</option>
        @endforeach
      </select>
    </div>
    <div class="min-w-[140px]">
      <label class="fl text-[10px]">Project</label>
      <select name="project_id" class="fi">
        <option value="">All</option>
        @foreach($projects as $p)
          <option value="{{ $p->id }}" @selected((string)($f['project_id'] ?? '') === (string)$p->id)>{{ $p->name }}</option>
        @endforeach
      </select>
    </div>
    <div class="w-[130px]"><label class="fl text-[10px]">From</label><input type="date" name="date_from" value="{{ $f['date_from'] ?? '' }}" class="fi"></div>
    <div class="w-[130px]"><label class="fl text-[10px]">To</label><input type="date" name="date_to" value="{{ $f['date_to'] ?? '' }}" class="fi"></div>
    <div class="flex gap-2">
      <button type="submit" class="ba" style="padding:8px 14px;font-size:13px;border-radius:9px">Apply</button>
      <a href="{{ route('inventory.movements.index') }}" class="bs no-underline inline-flex items-center" style="padding:8px 14px;font-size:13px;border-radius:9px">Clear</a>
    </div>
  </form>

  <div class="card p-0 border-slate-200 overflow-hidden card-has-table">
    <table>
      <thead>
        <tr class="border-b border-slate-100">
          <th class="th">Date</th>
          <th class="th">Material</th>
          <th class="th">Type</th>
          <th class="th">Qty</th>
          <th class="th">Unit cost</th>
          <th class="th">Total</th>
          <th class="th">Project / supplier</th>
          <th class="th">Batch / lot</th>
          <th class="th">Reference</th>
          <th class="th">By</th>
        </tr>
      </thead>
      <tbody>
        @forelse($movements as $mv)
          @php $bc = $mvBadge($mv->movement_type); @endphp
          <tr>
            <td class="td">{{ $mv->movement_date?->format('Y-m-d') }}</td>
            <td class="td font-medium text-slate-800">{{ $mv->material?->name }}</td>
            <td class="td"><span class="badge {{ $bc }}">{{ $mv->movement_type }}</span></td>
            <td class="td">{{ rtrim(rtrim((string) $mv->quantity, '0'), '.') }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($mv->unit_cost) }}</td>
            <td class="td">{{ \App\Support\Format::mwkDecimal($mv->total_cost) }}</td>
            <td class="td text-slate-600">{{ $mv->project?->name ?? $mv->supplier?->company_name ?? '—' }}</td>
            <td class="td text-[11px] text-slate-500">{{ trim(implode(' / ', array_filter([$mv->materialStockLine?->batch_number, $mv->materialStockLine?->lot_number]))) ?: '—' }}</td>
            <td class="td text-slate-500">{{ $mv->reference ?: '—' }}</td>
            <td class="td text-slate-500">{{ $mv->movedBy?->name ?? '—' }}</td>
          </tr>
        @empty
          <tr><td colspan="10" class="td text-center text-slate-400 py-10">No movements match your filters.</td></tr>
        @endforelse
      </tbody>
    </table>
    <div class="p-3 border-t border-slate-100">{{ $movements->links() }}</div>
  </div>
</div>
@endsection