{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/warehouses/create.blade.php | v1.1 | 14/07/2026 --}}
{{-- v1.0 — Formulario de creacion de almacen. Las 5 zonas se crean automaticamente. --}}
{{-- v1.1 — Agrega campo use_aisle_in_code con ejemplo dinamico de codigo de bin.    --}}

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

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-warehouse"></i> {{ __('warehouse.new-warehouse') }}
        <small>{{ __('warehouse.create-warehouse-sub') }}</small>
    </h1>
    <div class="subheader-block">
        <a href="{{ route('warehouse.warehouses.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.warehouses.store') }}" method="POST">
    @csrf
    <div class="row">

        {{-- LEFT: Warehouse Information --}}
        <div class="col-xl-8 mb-3">
            <div class="panel">
                <div class="panel-hdr">
                    <h2><i class="fal fa-warehouse me-2"></i> {{ __('warehouse.warehouse-information') }}</h2>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label fw-bold">{{ __('warehouse.code') }} <span class="text-danger">*</span></label>
                                <input type="text" name="code" class="form-control @error('code') is-invalid @enderror"
                                       value="{{ old('code') }}" placeholder="ALM02" maxlength="10"
                                       style="text-transform:uppercase" required>
                                @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-9">
                                <label class="form-label fw-bold">{{ __('warehouse.name') }} <span class="text-danger">*</span></label>
                                <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                                       value="{{ old('name') }}" placeholder="{{ __('warehouse.ph-warehouse-name') }}" required>
                                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-12">
                                <label class="form-label fw-bold">{{ __('warehouse.address') }}</label>
                                <input type="text" name="address" class="form-control"
                                       value="{{ old('address') }}" placeholder="{{ __('warehouse.ph-warehouse-address') }}">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-bold">{{ __('warehouse.sort-order') }}</label>
                                <input type="number" name="sort_order" class="form-control"
                                       value="{{ old('sort_order', 1) }}" 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_default"
                                           id="is_default" value="1" {{ old('is_default') ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_default">{{ __('warehouse.set-as-default') }}</label>
                                </div>
                            </div>

                            {{-- use_aisle_in_code --}}
                            <div class="col-md-12">
                                <hr class="my-1">
                                <div class="d-flex align-items-start gap-3 mt-2">
                                    <div class="form-check form-switch mt-1">
                                        <input class="form-check-input" type="checkbox" name="use_aisle_in_code"
                                               id="use_aisle_in_code" value="1"
                                               {{ old('use_aisle_in_code') ? 'checked' : '' }}
                                               onchange="updateBinExample()">
                                        <label class="form-check-label fw-bold" for="use_aisle_in_code">
                                            {{ __('warehouse.use-aisle-code') }}
                                        </label>
                                    </div>
                                    <div>
                                        <div class="text-muted small mb-1">{{ __('warehouse.bin-code-example') }}</div>
                                        <div id="binExample">
                                            <code id="binExampleWithout" class="fs-6">RACK1-N1-01</code>
                                            <code id="binExampleWith"    class="fs-6" style="display:none;">P1-RACK1-N1-01</code>
                                        </div>
                                        <div class="text-muted" style="font-size:11px;margin-top:3px;" id="binExampleDesc">
                                            {{ __('warehouse.bin-without-desc') }}
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- RIGHT: Auto-Generated Zones --}}
        <div class="col-xl-4 mb-3">
            <div class="panel">
                <div class="panel-hdr">
                    <h2><i class="fal fa-cubes me-2"></i> {{ __('warehouse.auto-gen-zones') }}</h2>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        <p class="text-muted small mb-3">
                            <i class="fal fa-info-circle me-1"></i>
                            {{ __('warehouse.zones-auto-note') }}
                        </p>
                        @foreach([
                            'MP'  => ['Materia Prima',         'info'],
                            'PT'  => ['Producto Terminado',    'success'],
                            'TR'  => ['Transito',              'warning'],
                            'WIP' => ['Work In Process',       'primary'],
                            'SV'  => ['Servicio / Devolucion', 'secondary'],
                        ] as $code => $data)
                        <div class="d-flex align-items-center mb-2">
                            <span class="badge bg-{{ $data[1] }} me-2" style="min-width:42px;font-size:11px;">{{ $code }}</span>
                            <span class="small text-muted">{{ $data[0] }}</span>
                        </div>
                        @endforeach

                        <div class="alert alert-info py-2 small mt-3 mb-0">
                            <i class="fal fa-lightbulb me-1"></i>
                            {!! __('warehouse.storage-units-note') !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Actions --}}
        <div class="col-xl-12">
            <button type="submit" class="btn btn-primary">
                <i class="fal fa-save me-1"></i> {{ __('warehouse.create-warehouse') }}
            </button>
            <a href="{{ route('warehouse.warehouses.index') }}" class="btn btn-secondary ms-2">
                <i class="fal fa-times me-1"></i> {{ __('warehouse.cancel') }}
            </a>
        </div>

    </div>
</form>

@endsection

@section('scripts')
<script>
function updateBinExample() {
    var checked = document.getElementById('use_aisle_in_code').checked;
    document.getElementById('binExampleWithout').style.display = checked ? 'none'  : 'inline';
    document.getElementById('binExampleWith').style.display    = checked ? 'inline': 'none';
    document.getElementById('binExampleDesc').textContent      = checked
        ? '{{ __('warehouse.bin-with-desc') }}'
        : '{{ __('warehouse.bin-without-desc') }}';
}
// Init
updateBinExample();
</script>
@endsection