{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/locations/edit.blade.php | v1.0 | 09/07/2026 23:42:00 --}}
{{-- v1.0 — Edición de ubicación física. --}}

@extends('layouts.vertical', ['pageTitle' => __('warehouse.edit-location')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-map-marker-alt"></i> {{ __('warehouse.edit-location') }}: {{ $location->code }}
        <small>{{ __('warehouse.modify-storage-bin') }}</small>
    </h1>
    <div class="subheader-block">
        <a href="{{ route('warehouse.locations.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('warehouse.back') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if($errors->any())
<div class="alert alert-danger alert-dismissible fade show">
    <ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<form action="{{ route('warehouse.locations.update', $location) }}" method="POST">
    @csrf
    @method('PUT')
    <div class="panel">
        <div class="panel-hdr">
            <h2><i class="fal fa-map-marker-alt me-2"></i> {{ __('warehouse.location-coordinates') }}</h2>
        </div>
        <div class="panel-container show">
            <div class="panel-content">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">{{ __('warehouse.warehouse') }}</label>
                        <input type="text" class="form-control bg-light"
                               value="{{ $location->warehouse->code }} — {{ $location->warehouse->name }}" readonly>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">{{ __('warehouse.zone') }}</label>
                        <select name="zone_id" class="form-select">
                            @foreach($warehouses->find($location->warehouse_id)->zones as $zone)
                            <option value="{{ $zone->id }}" {{ $location->zone_id == $zone->id ? 'selected' : '' }}>
                                {{ $zone->code }} — {{ $zone->name }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('warehouse.aisle') }}</label>
                        <input type="text" name="aisle" class="form-control text-uppercase"
                               value="{{ old('aisle', $location->aisle) }}" maxlength="10" oninput="updateCode()">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('warehouse.rack-col') }}</label>
                        <input type="text" name="rack" class="form-control"
                               value="{{ old('rack', $location->rack) }}" maxlength="10" oninput="updateCode()">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('warehouse.level-col') }}</label>
                        <input type="text" name="level" class="form-control"
                               value="{{ old('level', $location->level) }}" maxlength="10" oninput="updateCode()">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('warehouse.position') }}</label>
                        <input type="text" name="position" class="form-control"
                               value="{{ old('position', $location->position) }}" maxlength="10" oninput="updateCode()">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">{{ __('warehouse.generated-code') }}</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fal fa-qrcode"></i></span>
                            <input type="text" id="code_preview" class="form-control fw-bold bg-light"
                                   value="{{ $location->code }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label fw-bold">{{ __('warehouse.description') }}</label>
                        <input type="text" name="description" class="form-control"
                               value="{{ old('description', $location->description) }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('warehouse.max-capacity') }}</label>
                        <input type="number" name="max_capacity" class="form-control"
                               value="{{ old('max_capacity', $location->max_capacity) }}" step="0.01" min="0">
                    </div>
                    <div class="col-md-3 d-flex align-items-end">
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" type="checkbox" name="is_active"
                                   id="is_active" value="1" {{ $location->is_active ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">{{ __('warehouse.active') }}</label>
                        </div>
                    </div>
                </div>
                <hr class="mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="fal fa-save me-1"></i> {{ __('warehouse.save-changes') }}
                </button>
                <a href="{{ route('warehouse.locations.index') }}" class="btn btn-secondary ms-2">
                    <i class="fal fa-times me-1"></i> {{ __('warehouse.cancel') }}
                </a>
            </div>
        </div>
    </div>
</form>

@endsection

@section('scripts')
<script>
function updateCode() {
    const aisle    = document.querySelector('[name="aisle"]').value.toUpperCase();
    const rack     = document.querySelector('[name="rack"]').value;
    const level    = document.querySelector('[name="level"]').value;
    const position = document.querySelector('[name="position"]').value;
    const parts    = [aisle, rack, level, position].filter(v => v !== '');
    document.getElementById('code_preview').value = parts.join('-');
}
</script>
@endsection