@extends('admin.layouts.base')
@section('title', 'Edit Warehouse')

@section('content')
    <div id="kt_app_content_container" class="app-container">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title fw-bold">Edit Warehouse: {{ $warehouse->name }}</h3>
                <div class="card-toolbar">
                    <a href="{{ route('admin.warehouses.show', $warehouse->id) }}" class="btn btn-sm btn-light me-2">
                        <i class="ki-duotone ki-arrow-left fs-5"><span class="path1"></span><span class="path2"></span></i>
                        Back
                    </a>
                </div>
            </div>

            <form action="{{ route('admin.warehouses.update', $warehouse->id) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="card-body">
                    <div class="row mb-6">
                        <div class="col-md-6">
                            <label class="form-label required">Warehouse Name</label>
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                                value="{{ old('name', $warehouse->name) }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label required">Warehouse Code</label>
                            <input type="text" name="code" class="form-control @error('code') is-invalid @enderror"
                                value="{{ old('code', $warehouse->code) }}" required>
                            @error('code')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="mb-6">
                        <label class="form-label required">Address</label>
                        <textarea name="address" rows="3" class="form-control @error('address') is-invalid @enderror" required>{{ old('address', $warehouse->address) }}</textarea>
                        @error('address')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row mb-6">
                        <div class="col-md-6">
                            <label class="form-label required">City</label>
                            <input type="text" name="city" class="form-control @error('city') is-invalid @enderror"
                                value="{{ old('city', $warehouse->city) }}" required>
                            @error('city')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Zone</label>
                            <input type="text" name="zone" class="form-control @error('zone') is-invalid @enderror"
                                value="{{ old('zone', $warehouse->zone) }}">
                            @error('zone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>



                    <div class="separator my-8"></div>

                    <h4 class="fw-bold mb-5">Storage & Products</h4>

                    <div class="row mb-6">
                        <div class="col-md-6">
                            <label class="form-label mb-3 required">Supported Storage Types</label>
                            <div class="row g-3">
                                @foreach ($storageTypes as $type)
                                    <div class="col-md-6">
                                        <div class="form-check form-check-custom form-check-solid">
                                            <input class="form-check-input" type="checkbox" name="storage_types[]"
                                                value="{{ $type->id }}" id="storage_type_{{ $type->id }}"
                                                {{ in_array($type->id, old('storage_types', $warehouse?->storageTypes->pluck('id')->toArray() ?? [])) ? 'checked' : '' }} />
                                            <label class="form-check-label" for="storage_type_{{ $type->id }}">
                                                {{ $type->name }}
                                            </label>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            @error('storage_types')
                                <div class="text-danger mt-2 small">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label mb-3 required">Supported Product Categories</label>
                            <div class="row g-3">
                                @foreach ($productCategories as $category)
                                    <div class="col-md-6">
                                        <div class="form-check form-check-custom form-check-solid">
                                            <input class="form-check-input" type="checkbox" name="product_categories[]"
                                                value="{{ $category->id }}" id="product_category_{{ $category->id }}"
                                                {{ in_array($category->id, old('product_categories', $warehouse?->productCategories->pluck('id')->toArray() ?? [])) ? 'checked' : '' }} />
                                            <label class="form-check-label" for="product_category_{{ $category->id }}">
                                                {{ $category->name }}
                                            </label>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            @error('product_categories')
                                <div class="text-danger mt-2 small">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    @if ($additionalServices->isNotEmpty())
                        <div class="separator my-8"></div>
                        <h4 class="fw-bold mb-5">Additional Services</h4>
                        <div class="table-responsive">
                            <table class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
                                <thead>
                                    <tr class="fw-bold text-muted">
                                        <th class="w-25px">
                                            <div class="form-check form-check-sm form-check-custom form-check-solid">
                                                <input class="form-check-input" type="checkbox" id="select_all_services" />
                                            </div>
                                        </th>
                                        <th class="min-w-150px">Service Name</th>
                                        <th class="min-w-100px">Price Type</th>
                                        <th class="min-w-100px">Base Price</th>
                                        {{-- <th class="min-w-150px">Custom Price (Optional)</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $existingServices = $warehouse->additionalServices->keyBy('id');
                                    @endphp
                                    @foreach ($additionalServices as $service)
                                        @php
                                            $isAttached = $existingServices->has($service->id);
                                            $pivotData = $isAttached
                                                ? $existingServices->get($service->id)->pivot
                                                : null;
                                            $customPrice = $pivotData ? $pivotData->price : $service->base_price;
                                        @endphp
                                        <tr>
                                            <td>
                                                <div class="form-check form-check-sm form-check-custom form-check-solid">
                                                    <input class="form-check-input service-checkbox" type="checkbox"
                                                        name="additional_services[{{ $service->id }}][enabled]"
                                                        value="1" data-service-id="{{ $service->id }}"
                                                        {{ old("additional_services.{$service->id}.enabled", $isAttached) ? 'checked' : '' }} />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <div class="d-flex justify-content-start flex-column">
                                                        <span
                                                            class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">{{ $service->name }}</span>
                                                        <span
                                                            class="text-gray-400 fw-semibold d-block fs-7">{{ Str::limit($service->description, 50) }}</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <span
                                                    class="badge badge-light-primary">{{ ucfirst(str_replace('_', ' ', $service->price_type)) }}</span>
                                                <input type="hidden"
                                                    name="additional_services[{{ $service->id }}][price_type]"
                                                    value="{{ $service->price_type }}">
                                            </td>
                                            <td>
                                                <span
                                                    class="text-gray-800 fw-bold">${{ number_format($service->base_price, 2) }}</span>
                                                @if ($service->unit_label)
                                                    <span class="text-gray-400 fs-7">/ {{ $service->unit_label }}</span>
                                                @endif
                                            </td>
                                            {{-- <td>
                                    <div class="input-group input-group-sm input-group-solid">
                                        <span class="input-group-text">$</span>
                                        <input type="number" step="0.01" class="form-control service-price-input"
                                            name="additional_services[{{ $service->id }}][price]"
                                            value="{{ old("additional_services.{$service->id}.price", $customPrice) }}"
                                            {{ old("additional_services.{$service->id}.enabled", $isAttached) ? '' : 'disabled' }} />
                                    </div>
                                </td> --}}
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif

                    <div class="separator my-8"></div>

                    <h4 class="fw-bold mb-5">Pricing & Capacity Configuration</h4>
                    <div class="alert alert-warning d-flex align-items-center">
                        <i class="ki-duotone ki-information-5 fs-2tx text-warning me-4"><span class="path1"></span><span
                                class="path2"></span><span class="path3"></span></i>
                        <div class="text-gray-700">Changing capacity will affect available space calculations. Ensure no
                            active rentals
                            will be negatively impacted.</div>
                    </div>

                    <div class="row mb-6">
                        <div class="col-md-4">
                            <label class="form-label required">Total Square Feet</label>
                            <input type="number" name="total_sqft"
                                class="form-control @error('total_sqft') is-invalid @enderror"
                                value="{{ old('total_sqft', $warehouse->total_sqft) }}" required min="1">
                            @error('total_sqft')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label required">Price Per SQFT ($)</label>
                            <input type="number" step="0.0001" name="sqft_price_per_unit"
                                class="form-control @error('sqft_price_per_unit') is-invalid @enderror"
                                value="{{ old('sqft_price_per_unit', $warehouse->sqft_price_per_unit) }}" required
                                min="0">
                            @error('sqft_price_per_unit')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label required">Activity Space (%)</label>
                            <input type="number" step="0.01" name="activity_space_percentage"
                                class="form-control @error('activity_space_percentage') is-invalid @enderror"
                                value="{{ old('activity_space_percentage', $warehouse->activity_space_percentage) }}"
                                required min="0" max="100">
                            <div class="form-text">Extra space added for movement (default 15%)</div>
                            @error('activity_space_percentage')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-6">
                        <div class="col-md-4">
                            <label class="form-label required">Max Pallet Height (inches)</label>
                            <input type="number" name="pallet_max_height"
                                class="form-control @error('pallet_max_height') is-invalid @enderror"
                                value="{{ old('pallet_max_height', $warehouse->pallet_max_height) }}" required
                                min="1">
                            @error('pallet_max_height')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label required">Maximum Rentable SQFT</label>
                            <input type="number" name="maximum_rentable_sqft"
                                class="form-control @error('maximum_rentable_sqft') is-invalid @enderror"
                                value="{{ old('maximum_rentable_sqft', $warehouse->maximum_rentable_sqft) }}" required
                                min="1">
                            <div class="form-text">Maximum space available for rental (prevents overbooking)</div>
                            @error('maximum_rentable_sqft')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="mb-6">
                        <label class="form-label">Status</label>
                        <div class="form-check form-switch form-check-custom form-check-solid">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1"
                                id="is_active" {{ old('is_active', $warehouse->is_active) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">
                                Active
                            </label>
                        </div>
                    </div>
                </div>

                <div class="card-footer d-flex justify-content-between py-6">
                    <button type="button" class="btn btn-danger"
                        onclick="if(confirm('Are you sure you want to delete this warehouse?')) document.getElementById('delete-form').submit();">
                        <i class="ki-duotone ki-trash fs-2"><span class="path1"></span><span class="path2"></span><span
                                class="path3"></span><span class="path4"></span><span class="path5"></span></i>
                        Delete Warehouse
                    </button>
                    <div>
                        <a href="{{ route('admin.warehouses.show', $warehouse->id) }}"
                            class="btn btn-light me-3">Cancel</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="ki-duotone ki-check fs-2"></i>
                            Update Warehouse
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <form id="delete-form" action="{{ route('admin.warehouses.destroy', $warehouse->id) }}" method="POST"
        style="display: none;">
        @csrf
        @method('DELETE')
    </form>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            // Handle individual service checkbox
            $('.service-checkbox').on('change', function() {
                const serviceId = $(this).data('service-id');
                const priceInput = $(`input[name="additional_services[${serviceId}][price]"]`);

                if ($(this).is(':checked')) {
                    priceInput.prop('disabled', false);
                } else {
                    priceInput.prop('disabled', true);
                }
            });

            // Handle select all
            $('#select_all_services').on('change', function() {
                const isChecked = $(this).is(':checked');
                $('.service-checkbox').prop('checked', isChecked).trigger('change');
            });
        });
    </script>
@endpush