@extends('layouts.user_type.auth')

@section('content')

<main class="main-content position-relative max-height-vh-100 h-100 mt-1 border-radius-lg">
  <div class="container-fluid py-4">
    <div class="row">
      <div class="col-12">
        <div class="card mb-4">
          <div class="card-header pb-0">
            <div class="row">
              <div class="col-6">
                <h6>
                  <i class="fas fa-edit me-2 text-info"></i>
                  Edit Item
                </h6>
                <p class="text-sm mb-0">
                  <i class="fa fa-check text-info" aria-hidden="true"></i>
                  <span class="font-weight-bold">Update item information</span>
                </p>
              </div>
              <div class="col-6 text-end">
                <a href="{{ route('items.index') }}" class="btn bg-gradient-secondary btn-sm">
                  <i class="fas fa-arrow-left me-1"></i>Back to List
                </a>
              </div>
            </div>
          </div>

          <div class="card-body p-3">
            <form action="{{ route('items.update', $item) }}" method="POST">
              @csrf
              @method('PUT')
              
              <!-- Basic Information -->
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="name" class="form-control-label">Item Name</label>
                    <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $item->name) }}" required maxlength="150" placeholder="Enter item name...">
                    @error('name')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="category" class="form-control-label">Category</label>
                    <select name="category" id="category" class="form-control @error('category') is-invalid @enderror" required>
                      <option value="">Select Category</option>
                      @foreach(\App\Models\Category::orderBy('name')->get() as $category)
                        <option value="{{ $category->name }}" @selected(old('category', $item->category->name ?? '') == $category->name)>{{ $category->name }}</option>
                      @endforeach
                    </select>
                    @error('category')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="status" class="form-control-label">Status</label>
                    <select name="status" id="status" class="form-control @error('status') is-invalid @enderror" required>
                      <option value="">Select Status</option>
                      <option value="gudang" @selected(old('status', $item->status) == 'gudang')>Gudang</option>
                      <option value="distributor" @selected(old('status', $item->status) == 'distributor')>Distributor</option>
                    </select>
                    @error('status')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
              </div>

              <!-- Serial Number -->
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="serial_number" class="form-control-label">Serial Number</label>
                    <input type="text" name="serial_number" id="serial_number" class="form-control @error('serial_number') is-invalid @enderror" value="{{ old('serial_number', $item->serial_number) }}" required maxlength="100" placeholder="Enter serial number...">
                    @error('serial_number')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
              </div>

              <!-- Stock and Location -->
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="stock" class="form-control-label">Stock Quantity</label>
                    <input type="number" name="stock" id="stock" class="form-control @error('stock') is-invalid @enderror" value="{{ old('stock', $item->stock) }}" min="0" required placeholder="Enter stock quantity...">
                    @error('stock')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="distribution" class="form-control-label">Location</label>
                    <input type="text" name="distribution" id="distribution" class="form-control @error('distribution') is-invalid @enderror" value="{{ old('distribution', $item->distribution) }}" placeholder="Enter location...">
                    @error('distribution')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <label for="expired_at" class="form-control-label">Expiry Date</label>
                    <input type="date" name="expired_at" id="expired_at" class="form-control @error('expired_at') is-invalid @enderror" value="{{ old('expired_at', $item->expired_at ? $item->expired_at->format('Y-m-d') : '') }}" placeholder="Select expiry date...">
                    @error('expired_at')
                      <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                  </div>
                </div>
              </div>

              <!-- Description -->
              <div class="form-group">
                <label for="description" class="form-control-label">Description</label>
                <textarea name="description" id="description" class="form-control @error('description') is-invalid @enderror" rows="3" placeholder="Enter detailed description...">{{ old('description', $item->description) }}</textarea>
                @error('description')
                  <div class="invalid-feedback">{{ $message }}</div>
                @enderror
              </div>

              <!-- Action Buttons -->
              <div class="d-flex gap-2 mt-4">
                <button class="btn bg-gradient-info" type="submit">
                  <i class="fas fa-save me-2"></i>Update Item
                </button>
                <a href="{{ route('items.index') }}" class="btn bg-gradient-secondary">
                  <i class="fas fa-times me-2"></i>Cancel
                </a>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>

@endsection