{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/locations/index.blade.php | v1.1 | 14/07/2026 --}}
{{-- v1.0 — Listado de ubicaciones físicas por almacén/zona con búsqueda y filtros. --}}
{{-- v1.1 — Agrega botón Generate Locations en subheader y panel-toolbar. --}}

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

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-map-marker-alt"></i> {{ __('warehouse.locations') }}
        <small>{{ __('warehouse.storage-bin-mgmt') }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center gap-2">
        @can('warehouse.create')
        <a href="{{ route('warehouse.locations.generate') }}" class="btn btn-success btn-sm">
            <i class="fal fa-magic me-1"></i> {{ __('warehouse.generate-locations') }}
        </a>
        <a href="{{ route('warehouse.locations.create') }}" class="btn btn-primary btn-sm">
            <i class="fal fa-plus me-1"></i> {{ __('warehouse.new-location') }}
        </a>
        @endcan
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show">
    <i class="fal fa-exclamation-circle me-2"></i>{{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- Filtros --}}
<div class="panel mb-3">
    <div class="panel-container show">
        <div class="panel-content">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-4">
                    <label class="form-label fw-bold small">{{ __('warehouse.warehouse') }}</label>
                    <select name="warehouse_id" class="form-select form-select-sm" onchange="this.form.submit()">
                        <option value="">{{ __('warehouse.all-warehouses') }}</option>
                        @foreach($warehouses as $wh)
                        <option value="{{ $wh->id }}" {{ request('warehouse_id') == $wh->id ? 'selected' : '' }}>
                            {{ $wh->code }} — {{ $wh->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label fw-bold small">{{ __('warehouse.zone') }}</label>
                    <select name="zone_code" class="form-select form-select-sm" onchange="this.form.submit()">
                        <option value="">{{ __('warehouse.all-zones') }}</option>
                        @foreach(['MP','PT','TR','WIP','SV'] as $code)
                        <option value="{{ $code }}" {{ request('zone_code') == $code ? 'selected' : '' }}>{{ $code }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold small">{{ __('warehouse.search') }}</label>
                    <input type="text" name="search" class="form-control form-control-sm"
                           value="{{ request('search') }}" placeholder="{{ __('warehouse.ph-location-code') }}">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-sm btn-outline-primary w-100">
                        <i class="fal fa-search me-1"></i> {{ __('warehouse.filter') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Tabla --}}
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-map-marker-alt me-2"></i> {{ __('warehouse.storage-bins') }}</h2>
        <div class="panel-toolbar d-flex gap-2">
            @can('warehouse.create')
            <a href="{{ route('warehouse.locations.generate') }}" class="btn btn-success btn-sm">
                <i class="fal fa-magic me-1"></i> {{ __('warehouse.generate-locations') }}
            </a>
            <a href="{{ route('warehouse.locations.create') }}" class="btn btn-primary btn-sm">
                <i class="fal fa-plus me-1"></i> {{ __('warehouse.new-location') }}
            </a>
            @endcan
        </div>
    </div>
    <div class="panel-container show">
        <div class="panel-content">

            {{-- Ayuda contextual --}}
            <div class="alert alert-info alert-dismissible fade show py-2 mb-3" role="alert">
                <i class="fal fa-info-circle me-2"></i>
                {!! __('warehouse.storage-bins-help') !!}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped w-100" id="dt-locations">
                    <thead>
                        <tr>
                            <th>{{ __('warehouse.code') }}</th>
                            <th>{{ __('warehouse.warehouse') }}</th>
                            <th class="text-center">{{ __('warehouse.zone') }}</th>
                            <th>{{ __('warehouse.aisle') }}</th>
                            <th>{{ __('warehouse.rack-col') }}</th>
                            <th>{{ __('warehouse.level-col') }}</th>
                            <th>{{ __('warehouse.position') }}</th>
                            <th>{{ __('warehouse.description') }}</th>
                            <th class="text-center">{{ __('warehouse.status') }}</th>
                            <th class="text-center">{{ __('warehouse.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($locations as $location)
                        <tr>
                            <td><span class="fw-bold">{{ $location->code }}</span></td>
                            <td>{{ $location->warehouse->code }}</td>
                            <td class="text-center">
                                <span class="badge bg-{{ $location->zone->color }}">{{ $location->zone->code }}</span>
                            </td>
                            <td>{{ $location->aisle ?? '—' }}</td>
                            <td>{{ $location->rack ?? '—' }}</td>
                            <td>{{ $location->level ?? '—' }}</td>
                            <td>{{ $location->position ?? '—' }}</td>
                            <td class="text-muted small">{{ $location->description ?? '—' }}</td>
                            <td class="text-center">
                                <span class="badge bg-{{ $location->is_active ? 'success' : 'danger' }}">
                                    {{ $location->is_active ? __('warehouse.active') : __('warehouse.inactive') }}
                                </span>
                            </td>
                            <td class="text-center">
                                @can('warehouse.edit')
                                <a href="{{ route('warehouse.locations.edit', $location) }}"
                                   class="btn btn-sm btn-icon btn-outline-warning" title="{{ __('warehouse.edit') }}">
                                    <i class="fal fa-edit"></i>
                                </a>
                                @endcan
                                @can('warehouse.delete')
                                <button type="button"
                                        class="btn btn-sm btn-icon btn-outline-danger"
                                        onclick="confirmDelete({{ $location->id }}, '{{ $location->code }}')"
                                        title="{{ __('warehouse.delete') }}">
                                    <i class="fal fa-trash"></i>
                                </button>
                                <form id="delete-form-{{ $location->id }}"
                                      action="{{ route('warehouse.locations.destroy', $location) }}"
                                      method="POST" style="display:none;">
                                    @csrf @method('DELETE')
                                </form>
                                @endcan
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-4">
                                <i class="fal fa-inbox fa-2x d-block mb-2 opacity-50"></i>
                                {{ __('warehouse.no-locations') }}
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Modal Delete --}}
<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title"><i class="fal fa-trash me-2"></i>{{ __('warehouse.delete-location') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>{{ __('warehouse.confirm-delete-loc-q') }} <strong id="deleteCode"></strong>?</p>
                <p class="text-muted small mb-0">{{ __('warehouse.delete-undone-note') }}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('warehouse.cancel') }}</button>
                <button type="button" class="btn btn-danger" id="confirmDeleteBtn">{{ __('warehouse.delete') }}</button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
let locationToDelete = null;
function confirmDelete(id, code) {
    locationToDelete = id;
    document.getElementById('deleteCode').textContent = code;
    new bootstrap.Modal(document.getElementById('deleteModal')).show();
}
document.getElementById('confirmDeleteBtn').addEventListener('click', function() {
    if (locationToDelete) document.getElementById('delete-form-' + locationToDelete).submit();
});
</script>
@endsection