@extends('dashboard.admin.layouts.master')

@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('inventory.stock_movements.edit_title') }}</h1>
                </div>
                <div class="d-flex align-items-center gap-2 gap-lg-3">
                    <a href="{{ route('admin.dashboard.inventory.stock_movements.show', $stockMovement) }}" class="btn btn-sm fw-bold btn-secondary">{{ trans('inventory.stock_movements.back') }}</a>
                </div>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <form id="StockMovementForm" action="{{ route('admin.dashboard.inventory.stock_movements.update', $stockMovement) }}" method="POST" class="form d-flex flex-column flex-lg-row">
                    @csrf
                    @method('PUT')
                    <div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>{{ trans('inventory.stock_movements.details_title') }}</h2>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.stock_movements.movement_number') }}</label>
                                    <input type="text" class="form-control mb-2" value="{{ $stockMovement->movement_number }}" readonly />
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('inventory.stock_movements.movement_date') }}</label>
                                            <input type="date" name="movement_date" class="form-control mb-2 @error('movement_date') is-invalid @enderror" value="{{ old('movement_date', $stockMovement->movement_date?->format('Y-m-d')) }}" />
                                            @error('movement_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('inventory.stock_movements.movement_type') }}</label>
                                            <select name="movement_type" class="form-select mb-2 @error('movement_type') is-invalid @enderror">
                                                @foreach($movementTypes as $movementType)
                                                    <option value="{{ $movementType }}" @selected(old('movement_type', $stockMovement->movement_type) === $movementType)>{{ trans('inventory.stock_movements.'.$movementType) }}</option>
                                                @endforeach
                                            </select>
                                            @error('movement_type')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('inventory.stock_movements.warehouse') }}</label>
                                            <select name="warehouse_id" class="form-select mb-2 @error('warehouse_id') is-invalid @enderror">
                                                <option value="">{{ trans('inventory.stock_movements.warehouse_placeholder') }}</option>
                                                @foreach($warehouses as $warehouse)
                                                    <option value="{{ $warehouse->id }}" @selected(old('warehouse_id', $stockMovement->warehouse_id) == $warehouse->id)>{{ $warehouse->code }} - {{ $warehouse->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('warehouse_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('inventory.stock_movements.item') }}</label>
                                            <select name="item_id" class="form-select mb-2 @error('item_id') is-invalid @enderror">
                                                <option value="">{{ trans('inventory.stock_movements.item_placeholder') }}</option>
                                                @foreach($items as $item)
                                                    <option value="{{ $item->id }}" @selected(old('item_id', $stockMovement->item_id) == $item->id)>{{ $item->code }} - {{ $item->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('item_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('inventory.stock_movements.quantity') }}</label>
                                            <input type="number" step="0.01" min="0.01" name="quantity" id="quantity" class="form-control mb-2 @error('quantity') is-invalid @enderror" value="{{ old('quantity', $stockMovement->quantity) }}" />
                                            @error('quantity')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.stock_movements.unit_cost') }}</label>
                                            <input type="number" step="0.01" min="0" name="unit_cost" id="unit_cost" class="form-control mb-2 @error('unit_cost') is-invalid @enderror" value="{{ old('unit_cost', $stockMovement->unit_cost) }}" />
                                            @error('unit_cost')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.stock_movements.total_cost') }}</label>
                                            <input type="number" step="0.01" min="0" name="total_cost" id="total_cost" class="form-control mb-2 @error('total_cost') is-invalid @enderror" value="{{ old('total_cost', $stockMovement->total_cost) }}" readonly />
                                            @error('total_cost')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.stock_movements.reference_type') }}</label>
                                            <input type="text" name="reference_type" class="form-control mb-2 @error('reference_type') is-invalid @enderror" value="{{ old('reference_type', $stockMovement->reference_type) }}" />
                                            @error('reference_type')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.stock_movements.reference_id') }}</label>
                                            <input type="number" min="0" name="reference_id" class="form-control mb-2 @error('reference_id') is-invalid @enderror" value="{{ old('reference_id', $stockMovement->reference_id) }}" />
                                            @error('reference_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.stock_movements.branch') }}</label>
                                    <select name="branch_id" class="form-select mb-2 @error('branch_id') is-invalid @enderror">
                                        <option value="">{{ trans('inventory.stock_movements.branch_placeholder') }}</option>
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}" @selected(old('branch_id', $stockMovement->branch_id) == $branch->id)>{{ $branch->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('branch_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.stock_movements.notes_ar') }}</label>
                                    <textarea name="notes[ar]" class="form-control mb-2 @error('notes.ar') is-invalid @enderror" rows="3">{{ old('notes.ar', $stockMovement->getTranslation('notes', 'ar')) }}</textarea>
                                    @error('notes.ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.stock_movements.notes_en') }}</label>
                                    <textarea name="notes[en]" class="form-control mb-2 @error('notes.en') is-invalid @enderror" rows="3">{{ old('notes.en', $stockMovement->getTranslation('notes', 'en')) }}</textarea>
                                    @error('notes.en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary">
                                <span class="indicator-label">{{ trans('inventory.stock_movements.save') }}</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const quantityInput = document.getElementById('quantity');
            const unitCostInput = document.getElementById('unit_cost');
            const totalCostInput = document.getElementById('total_cost');

            function calculateTotalCost() {
                const quantity = parseFloat(quantityInput.value || 0);
                const unitCost = parseFloat(unitCostInput.value || 0);

                if (!unitCostInput.value) {
                    totalCostInput.value = '';
                    return;
                }

                totalCostInput.value = (quantity * unitCost).toFixed(2);
            }

            quantityInput.addEventListener('input', calculateTotalCost);
            unitCostInput.addEventListener('input', calculateTotalCost);
            calculateTotalCost();
        });
    </script>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Admin\Inventory\UpdateStockMovementRequest', '#StockMovementForm') !!}
@endsection