@extends('app-new')

@section('content')
<div class="content-w">
  <div class="content-i">
    <div class="content-box">
      <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
          <h5 class="mb-0">Stock Issue</h5>
          <div class="text-muted small">Issue inventory from store</div>
        </div>
        <a href="{{ route('inventory.stock-in-hand') }}" class="btn btn-outline-secondary">Back</a>
      </div>

      <form method="POST" action="{{ route('inventory.stock-issue.store') }}">
        @csrf
        <div class="card border-0 shadow-sm">
          <div class="card-body">
            <div class="row g-3">
              <div class="col-lg-4">
                <label class="form-label">Location</label>
                <select name="location_id" class="form-select select2" required>
                  <option value="">Select location</option>
                  @foreach($locations as $loc)
                    <option value="{{ $loc->id }}" @selected(old('location_id')==$loc->id)>{{ $loc->name }}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-lg-4">
                <label class="form-label">Sub Location</label>
                <select name="sub_location_id" class="form-select select2">
                  <option value="">Select sub location</option>
                  @foreach($subLocations as $subloc)
                    <option value="{{ $subloc->id }}" @selected(old('sub_location_id')==$subloc->id)>{{ $subloc->name }}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-lg-4">
                <label class="form-label">Item</label>
                <select name="item_id" class="form-select select2" required>
                  <option value="">Select item</option>
                  @foreach($items as $item)
                    <option value="{{ $item->id }}" @selected(old('item_id')==$item->id)>{{ $item->item_name }}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-lg-4">
                <label class="form-label">Qty</label>
                <input type="number" step="0.001" min="0" name="qty" value="{{ old('qty') }}" class="form-control" required>
                <div class="form-text">System will validate available stock.</div>
              </div>
              <div class="col-lg-12">
                <label class="form-label">Remarks</label>
                <textarea name="remarks" class="form-control" rows="2">{{ old('remarks') }}</textarea>
              </div>
            </div>
          </div>
        </div>

        <div class="d-flex gap-2 justify-content-end mt-3">
          <a href="{{ route('inventory.stock-in-hand') }}" class="btn btn-light">Cancel</a>
          <button type="submit" class="btn btn-primary">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection

@push('head-script')
<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (window.$ && $.fn.select2) {
      $('.select2').select2({ width: '100%' });
    }
  });
</script>
@endpush