@extends('layouts.admin-simple')

@section('title', 'Edit Indirect Good')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Indirect Goods</li>
    <li class="breadcrumb-item"><a href="{{ route('warehouse.indirect-goods.catalog.index') }}">Catalog</a></li>
    <li class="breadcrumb-item active">Edit</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Edit Indirect Good</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">Update indirect good information</p>
        </div>
    </div>
@endsection

@section('content')
<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold text-primary">Edit Indirect Good Information</h6>
        <span class="text-muted">{{ $good->ig_code }}</span>
    </div>

    <div class="card-body">
        <form action="{{ route('warehouse.indirect-goods.catalog.update', $good->id) }}" method="POST">
            @csrf
            @method('PUT')

            <!-- Basic Information -->
            <div class="mb-4">
                <h6 class="text-primary font-weight-bold mb-3">Basic Information</h6>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="ig_code" class="form-label">IG Code</label>
                        <input type="text" id="ig_code" class="form-control" value="{{ $good->ig_code }}" readonly disabled>
                        <small class="form-text text-muted">Auto-generated and cannot be changed.</small>
                    </div>
                </div>
                <div class="col-md-6">
                    @php
                        $categoryOptions = collect($categories)->map(fn($cat) => ['value' => $cat->id, 'text' => $cat->category_name])->prepend(['value' => '', 'text' => 'Select Category'])->toArray();
                    @endphp
                    <x-warehouse.select2-dropdown
                        name="category_id"
                        id="category_id"
                        label="Category"
                        placeholder="Select Category"
                        :options="$categoryOptions"
                        :selected="old('category_id', $good->category_id)"
                        required="true"
                    />
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="ig_description" class="form-label">Description <span class="text-danger">*</span></label>
                        <input type="text" name="ig_description" id="ig_description"
                               class="form-control @error('ig_description') is-invalid @enderror"
                               value="{{ old('ig_description', $good->ig_description) }}" required>
                        @error('ig_description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    @php
                        $unitOptions = $units->toArray();
                        array_unshift($unitOptions, ['value' => '', 'text' => 'Select Unit']);
                    @endphp
                    <x-warehouse.select2-dropdown
                        name="unit_id"
                        id="unit_id"
                        label="Unit of Measure"
                        placeholder="Select Unit"
                        :options="$unitOptions"
                        :selected="old('unit_id', $good->unit_id)"
                        required="true"
                    />
                </div>
                <div class="col-md-6">
                    <x-warehouse.select2-dropdown
                        name="status"
                        id="status"
                        label="Status"
                        placeholder="Select Status"
                        :options="[
                            ['value' => 'active', 'text' => 'Active'],
                            ['value' => 'inactive', 'text' => 'Inactive']
                        ]"
                        :selected="old('status', $good->status)"
                        required="true"
                    />
                </div>
            </div>

            <!-- Stock Level Information -->
            <div class="mb-4 mt-4">
                <h6 class="text-primary font-weight-bold mb-3">Stock Level Information</h6>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="min_stock_level" class="form-label">Min Stock Level</label>
                        <input type="number" name="min_stock_level" id="min_stock_level"
                               class="form-control @error('min_stock_level') is-invalid @enderror"
                               value="{{ old('min_stock_level', $good->min_stock_level) }}"
                               min="0" step="0.01">
                        @error('min_stock_level')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="max_stock_level" class="form-label">Max Stock Level</label>
                        <input type="number" name="max_stock_level" id="max_stock_level"
                               class="form-control @error('max_stock_level') is-invalid @enderror"
                               value="{{ old('max_stock_level', $good->max_stock_level) }}"
                               min="0" step="0.01">
                        @error('max_stock_level')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="reorder_point" class="form-label">Reorder Point</label>
                        <input type="number" name="reorder_point" id="reorder_point"
                               class="form-control @error('reorder_point') is-invalid @enderror"
                               value="{{ old('reorder_point', $good->reorder_point) }}"
                               min="0" step="0.01">
                        @error('reorder_point')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <!-- Additional Information -->
            <div class="mb-4 mt-4">
                <h6 class="text-primary font-weight-bold mb-3">Additional Information</h6>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="notes" class="form-label">Notes</label>
                        <textarea name="notes" id="notes" rows="3"
                                  class="form-control @error('notes') is-invalid @enderror"
                                  placeholder="Optional notes about this item">{{ old('notes', $good->notes) }}</textarea>
                        @error('notes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-between mt-4 pt-3 border-top">
                <a href="{{ route('warehouse.indirect-goods.catalog.show', $good->id) }}" class="btn btn-secondary">
                    <i class="material-icons mr-1" style="font-size: 16px;">cancel</i>
                    Cancel
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="material-icons mr-1" style="font-size: 16px;">save</i>
                    Update Indirect Good
                </button>
            </div>
        </form>
    </div>
</div>
@endsection