@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Asset locations'))
@include('admin.asset.partials.page_styles')
@section('content')
<div class="row asset-admin-page asset-location-page">
    <div class="col-xl-11 mx-auto mt-3 mb-4">
        <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-1">{{ __('Asset locations') }}</h4>
                <p class="text-muted small mb-0">{{ __('Buildings, floors and rooms per branch for asset placement.') }}</p>
            </div>
            <div class="d-flex flex-wrap align-items-center" style="gap: 8px;">
                <span class="badge badge-light border px-3 py-2">
                    {{ __('Total') }}: <strong>{{ $stats['total'] ?? 0 }}</strong>
                </span>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 mb-4 mb-lg-0">
                <div class="card asset-card h-100">
                    <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                        <h5 class="mb-0"><i class="mdi mdi-map-marker-outline text-muted mr-1"></i> {{ __('Location registry') }}</h5>
                        @if(($stats['filtered'] ?? 0) > 0)
                            <span class="small text-muted">
                                {{ __('Showing') }} {{ $locations->firstItem() }}–{{ $locations->lastItem() }} {{ __('of') }} {{ $locations->total() }}
                            </span>
                        @endif
                    </div>
                    <div class="card-body">
                        <form method="get" class="asset-filters mb-3">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-8 col-lg-6 mb-2 mb-md-0">
                                    <label class="form-label-asset">{{ __('Branch / warehouse') }}</label>
                                    <select class="form-control select2" name="warehouse_id" data-placeholder="{{ __('All branches') }}">
                                        <option value="">{{ __('All branches') }}</option>
                                        @foreach($warehouses as $warehouse)
                                            <option value="{{ $warehouse->id }}" @selected((string) request('warehouse_id') === (string) $warehouse->id)>
                                                {{ $warehouse->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-auto mb-0">
                                    <button type="submit" class="btn btn-primary btn-sm">
                                        <i class="fas fa-filter mr-1"></i> {{ __('Filter') }}
                                    </button>
                                    @if(request()->filled('warehouse_id'))
                                        <a href="{{ route('asset.location') }}" class="btn btn-outline-secondary btn-sm">{{ __('Reset') }}</a>
                                    @endif
                                </div>
                            </div>
                        </form>

                        <div class="table-responsive">
                            <table class="table table-hover mb-0 asset-location-table">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{ __('Branch') }}</th>
                                    <th>{{ __('Building') }}</th>
                                    <th>{{ __('Floor') }}</th>
                                    <th>{{ __('Room') }}</th>
                                    <th class="text-right text-nowrap" style="width: 100px;">{{ __('Action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($locations as $location)
                                    <tr>
                                        <td>
                                            <span class="badge badge-light border font-weight-medium">
                                                {{ $location->warehouse?->name ?? '—' }}
                                            </span>
                                        </td>
                                        <td class="font-weight-medium">{{ $location->building_name }}</td>
                                        <td>{{ $location->floor ?: '—' }}</td>
                                        <td>{{ $location->room_number_or_name ?: '—' }}</td>
                                        <td class="text-right text-nowrap">
                                            <button type="button"
                                                    class="btn btn-outline-primary btn-sm btn-edit-location"
                                                    title="{{ __('Edit') }}"
                                                    data-id="{{ $location->id }}"
                                                    data-warehouse="{{ $location->warehouse_id }}"
                                                    data-building="{{ $location->building_name }}"
                                                    data-floor="{{ $location->floor }}"
                                                    data-room="{{ $location->room_number_or_name }}">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <a href="javascript:void(0)"
                                               data-href="{{ route('asset.location.destroy', $location->id) }}"
                                               class="btn btn-outline-danger btn-sm delete_modal"
                                               title="{{ __('Delete') }}">
                                                <i class="fas fa-trash"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center text-muted py-4">
                                            <i class="mdi mdi-map-marker-off-outline d-block mb-2" style="font-size: 1.75rem;"></i>
                                            {{ __('No asset locations found.') }}
                                        </td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>

                        @if($locations->hasPages())
                            <div class="mt-3">{{ $locations->links() }}</div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card asset-card asset-location-create-card">
                    <div class="card-header">
                        <h5 class="mb-0"><i class="mdi mdi-plus-circle-outline text-muted mr-1"></i> {{ __('Add location') }}</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('asset.location.store') }}" method="POST" id="asset_location_create_form">
                            @csrf
                            <div class="form-group">
                                <label class="form-label-asset">{{ __('Branch / warehouse') }} <span class="text-danger">*</span></label>
                                <select class="form-control select2" name="warehouse_id" required data-placeholder="{{ __('Select branch') }}">
                                    <option value="">{{ __('Select branch') }}</option>
                                    @foreach($warehouses as $warehouse)
                                        <option value="{{ $warehouse->id }}" @selected(old('warehouse_id') == $warehouse->id)>
                                            {{ $warehouse->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="form-label-asset">{{ __('Building name') }} <span class="text-danger">*</span></label>
                                <input class="form-control" type="text" name="building_name" value="{{ old('building_name') }}" required placeholder="{{ __('e.g. Head Office Tower') }}">
                            </div>
                            <div class="form-group">
                                <label class="form-label-asset">{{ __('Floor') }}</label>
                                <input class="form-control" type="text" name="floor" value="{{ old('floor') }}" placeholder="{{ __('e.g. 3rd') }}">
                            </div>
                            <div class="form-group">
                                <label class="form-label-asset">{{ __('Room no. / name') }}</label>
                                <input class="form-control" type="text" name="room_number_or_name" value="{{ old('room_number_or_name') }}" placeholder="{{ __('e.g. 301 / Server room') }}">
                            </div>
                            <button type="submit" class="btn btn-primary btn-block">
                                <i class="fas fa-save mr-1"></i> {{ __('Save location') }}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('modal')
    <div class="modal fade asset-admin-modal" id="asset_location_update_modal" tabindex="-1">
        <form action="{{ route('asset.location.update') }}" method="POST">
            @csrf
            <div class="modal-dialog modal-dialog-scrollable">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('Update asset location') }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id" id="asset_location_id">
                        <div class="form-group">
                            <label class="form-label-asset">{{ __('Branch / warehouse') }} <span class="text-danger">*</span></label>
                            <select class="form-control select2" name="warehouse_id" id="asset_location_warehouse_id" required data-placeholder="{{ __('Select branch') }}">
                                <option value="">{{ __('Select branch') }}</option>
                                @foreach($warehouses as $warehouse)
                                    <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label-asset">{{ __('Building name') }} <span class="text-danger">*</span></label>
                            <input class="form-control" type="text" name="building_name" id="asset_location_building_name" required>
                        </div>
                        <div class="form-group">
                            <label class="form-label-asset">{{ __('Floor') }}</label>
                            <input class="form-control" type="text" name="floor" id="asset_location_floor">
                        </div>
                        <div class="form-group mb-0">
                            <label class="form-label-asset">{{ __('Room no. / name') }}</label>
                            <input class="form-control" type="text" name="room_number_or_name" id="asset_location_room_number_or_name">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('css')
<style>
    .asset-location-page .asset-location-table thead th {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
    }
    .asset-location-page .asset-location-create-card {
        position: sticky;
        top: 1rem;
    }
    @media (max-width: 991.98px) {
        .asset-location-page .asset-location-create-card {
            position: static;
        }
    }
</style>
@endpush

@section('script')
<script>
    $(function () {
        appInitSelect2('.asset-location-page');

        $('#asset_location_update_modal').on('shown.bs.modal', function () {
            appInitSelect2('#asset_location_update_modal');
        });

        $(document).on('click', '.btn-edit-location', function () {
            var $btn = $(this);
            $('#asset_location_id').val($btn.data('id'));
            $('#asset_location_building_name').val($btn.data('building') || '');
            $('#asset_location_floor').val($btn.data('floor') || '');
            $('#asset_location_room_number_or_name').val($btn.data('room') || '');
            $('#asset_location_warehouse_id').val($btn.data('warehouse')).trigger('change');
            $('#asset_location_update_modal').modal('show');
        });
    });
</script>
@endsection