@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('global.edit') }} {{ trans('cruds.maintenance.title_singular') }}
    </div>

    <div class="card-body">
        <form method="POST" action="{{ route('admin.maintenances.update', [$maintenance->id]) }}" enctype="multipart/form-data">
            @method('PUT')
            @csrf

            <!-- User Select -->
            <div class="form-group">
                <label for="user_id">{{ trans('cruds.maintenance.fields.user') }}</label>
                <select class="form-control select2 {{ $errors->has('user') ? 'is-invalid' : '' }}" name="user_id" id="user_id">
                    @foreach($users as $id => $entry)
                        <option value="{{ $id }}" {{ (old('user_id') ? old('user_id') : $maintenance->user->id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('user'))
                    <div class="invalid-feedback">
                        {{ $errors->first('user') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.maintenance.fields.user_helper') }}</span>
            </div>

            <!-- Property Select -->
            <div class="form-group">
                <label class="required" for="property_id">{{ trans('cruds.maintenance.fields.property') }}</label>
                <select class="form-control select2 {{ $errors->has('property') ? 'is-invalid' : '' }}" name="property_id" id="property_id" required>
                    @foreach($properties as $id => $entry)
                        <option value="{{ $id }}" {{ (old('property_id') ? old('property_id') : $maintenance->property->id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('property'))
                    <div class="invalid-feedback">
                        {{ $errors->first('property') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.maintenance.fields.property_helper') }}</span>
            </div>

            <!-- Unit Select -->
            <div class="form-group">
                <label class="required" for="unit_id">{{ trans('cruds.maintenance.fields.unit') }}</label>
                <select class="form-control select2 {{ $errors->has('unit') ? 'is-invalid' : '' }}" name="unit_id" id="unit_id" required>
                    @foreach($units as $id => $entry)
                        <option value="{{ $id }}" {{ (old('unit_id') ? old('unit_id') : $maintenance->unit->id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('unit'))
                    <div class="invalid-feedback">
                        {{ $errors->first('unit') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.maintenance.fields.unit_helper') }}</span>
            </div>

            <!-- Type Select (1.6) -->
            <div class="form-group">
                <label for="maintenance_type_id">Request Type</label>
                <select class="form-control select2" name="maintenance_type_id" id="maintenance_type_id">
                    @foreach($maintenanceTypes as $id => $entry)
                        <option value="{{ $id }}" {{ (old('maintenance_type_id', $maintenance->maintenance_type_id) == $id) ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
            </div>

            <!-- Priority Select -->
            <div class="form-group">
                <label for="priority">Priority</label>
                <select class="form-control" name="priority" id="priority">
                    <option value="">— Auto —</option>
                    @foreach(\App\Models\Maintenance::PRIORITY_SELECT as $key => $label)
                        <option value="{{ $key }}" {{ old('priority', $maintenance->priority) === $key ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <!-- Specify -->
            <div class="form-group">
                <label class="required" for="specify">{{ trans('cruds.maintenance.fields.specify') }}</label>
                <textarea class="form-control {{ $errors->has('specify') ? 'is-invalid' : '' }}" name="specify" id="specify" required>{{ old('specify', $maintenance->specify) }}</textarea>
                @if($errors->has('specify'))
                    <div class="invalid-feedback">
                        {{ $errors->first('specify') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.maintenance.fields.specify_helper') }}</span>
            </div>

            <!-- Current Images -->
            <div class="form-group">
                <label>{{ __('Current Images') }}</label>
                <div id="current-images">
                    @foreach($maintenance->maintenanceImages as $image)
                        <div style="display: inline-block; margin-right: 10px;" class="image-container" data-id="{{ $image->id }}">
                            <img src="{{ asset('storage/' . $image->image_path) }}" 
                                 alt="Maintenance Image" 
                                 style="max-width: 100px; margin-bottom: 5px;">
                            <br>
                            <button type="button" class="btn btn-xs btn-danger delete-image" data-id="{{ $image->id }}">
                                {{ __('Delete') }}
                            </button>
                        </div>
                    @endforeach
                </div>
            </div>

            <!-- Upload New Images -->
            <div class="form-group">
                <label for="images">{{ __('Upload New Images') }}</label>
                <input type="file" class="form-control-file" name="images[]" id="images" multiple>
                @if($errors->has('images'))
                    <div class="invalid-feedback">
                        {{ $errors->first('images') }}
                    </div>
                @endif
                <span class="help-block">{{ __('You can upload multiple images.') }}</span>
            </div>

            <!-- Submit Button -->
            <div class="form-group">
                <button class="btn btn-danger" type="submit">
                    {{ trans('global.save') }}
                </button>
            </div>

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

@endsection

@section('scripts')
@parent
<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Handle image deletion
        document.querySelectorAll('.delete-image').forEach(button => {
            button.addEventListener('click', function () {
                const imageId = this.getAttribute('data-id');
                if (confirm('{{ __('Are you sure you want to delete this image?') }}')) {
                    fetch(`{{ url('admin/maintenances/delete-image') }}/${imageId}`, {
                        method: 'DELETE',
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        }
                    })
                    .then(response => {
                        if (response.ok) {
                            document.querySelector(`.image-container[data-id="${imageId}"]`).remove();
                        } else {
                            alert('{{ __('Failed to delete the image. Please try again.') }}');
                        }
                    });
                }
            });
        });
    });
</script>
@endsection