@extends('admin.layout.master')

@section('title', __('admin.edit_rental_company'))

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">{{ __('admin.edit_rental_company') }}</h5>
                    <a href="{{ route('admin.rental-companies.index') }}" class="btn btn-secondary">
                        <i class="ti ti-arrow-left"></i> {{ __('admin.back_to_rental_companies') }}
                    </a>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.rental-companies.update', $rentalCompany->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        
                        <!-- Name Fields -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="name_ar" class="form-label">{{ __('admin.name_ar') }} *</label>
                                    <input type="text" class="form-control @error('name.ar') is-invalid @enderror" 
                                           id="name_ar" name="name[ar]" value="{{ old('name.ar', $rentalCompany->getTranslation('name', 'ar')) }}" required>
                                    @error('name.ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="name_en" class="form-label">{{ __('admin.name_en') }} *</label>
                                    <input type="text" class="form-control @error('name.en') is-invalid @enderror" 
                                           id="name_en" name="name[en]" value="{{ old('name.en', $rentalCompany->getTranslation('name', 'en')) }}" required>
                                    @error('name.en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Description Fields -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="description_ar" class="form-label">{{ __('admin.description_ar') }}</label>
                                    <textarea class="form-control @error('description.ar') is-invalid @enderror" 
                                              id="description_ar" name="description[ar]" rows="3">{{ old('description.ar', $rentalCompany->getTranslation('description', 'ar')) }}</textarea>
                                    @error('description.ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="description_en" class="form-label">{{ __('admin.description_en') }}</label>
                                    <textarea class="form-control @error('description.en') is-invalid @enderror" 
                                              id="description_en" name="description[en]" rows="3">{{ old('description.en', $rentalCompany->getTranslation('description', 'en')) }}</textarea>
                                    @error('description.en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Contact Information -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="phone" class="form-label">{{ __('admin.phone') }}</label>
                                    <input type="text" class="form-control @error('phone') is-invalid @enderror" 
                                           id="phone" name="phone" value="{{ old('phone', $rentalCompany->phone) }}">
                                    @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="email" class="form-label">{{ __('admin.email') }}</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                           id="email" name="email" value="{{ old('email', $rentalCompany->email) }}">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Password -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="password" class="form-label">{{ __('admin.password') }}</label>
                                    <input type="password" class="form-control @error('password') is-invalid @enderror" 
                                           id="password" name="password" value="{{ old('password') }}" placeholder="{{ __('admin.leave_empty_to_keep_current') }}">
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="form-text text-muted">{{ __('admin.password_help') }}</small>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="status" class="form-label">{{ __('admin.status') }} *</label>
                                    <select class="form-select @error('status') is-invalid @enderror" id="status" name="status" required>
                                        <option value="active" {{ old('status', $rentalCompany->status) == 'active' ? 'selected' : '' }}>{{ __('admin.active') }}</option>
                                        <option value="inactive" {{ old('status', $rentalCompany->status) == 'inactive' ? 'selected' : '' }}>{{ __('admin.inactive') }}</option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Address and Location -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="address" class="form-label">{{ __('admin.address') }}</label>
                                    <input type="text" class="form-control @error('address') is-invalid @enderror" 
                                           id="address" name="address" value="{{ old('address', $rentalCompany->address) }}" placeholder="{{ __('admin.search_address') }}">
                                    @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="latitude" class="form-label">{{ __('admin.latitude') }}</label>
                                    <input type="number" step="any" class="form-control @error('latitude') is-invalid @enderror" 
                                           id="latitude" name="latitude" value="{{ old('latitude', $rentalCompany->latitude) }}" readonly>
                                    @error('latitude')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="longitude" class="form-label">{{ __('admin.longitude') }}</label>
                                    <input type="number" step="any" class="form-control @error('longitude') is-invalid @enderror" 
                                           id="longitude" name="longitude" value="{{ old('longitude', $rentalCompany->longitude) }}" readonly>
                                    @error('longitude')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label class="form-label">&nbsp;</label>
                                    <div>
                                        <button type="button" class="btn btn-info" id="getLocation">
                                            <i class="ti ti-map-pin"></i> {{ __('admin.get_current_location') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Map -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('admin.map') }}</label>
                                    <div id="map" style="height: 400px; width: 100%; border: 2px solid #ddd; border-radius: 8px; background-color: #f8f9fa;"></div>
                                </div>
                            </div>
                        </div>

                        <!-- Current Image -->
                        @if($rentalCompany->image_url)
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label class="form-label">{{ __('admin.current_image') }}</label>
                                    <div>
                                        <img src="{{ $rentalCompany->image_url }}" alt="{{ $rentalCompany->getTranslation('name', app()->getLocale()) }}" 
                                             class="img-thumbnail" style="max-width: 200px; max-height: 200px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Image Upload -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="image" class="form-label">{{ __('admin.new_image') }}</label>
                                    <input type="file" class="form-control @error('image') is-invalid @enderror" 
                                           id="image" name="image" accept="image/*">
                                    @error('image')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="form-text text-muted">{{ __('admin.image_help') }}</small>
                                </div>
                            </div>
                        </div>

                        <!-- Submit Buttons -->
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex justify-content-end gap-2">
                                    <a href="{{ route('admin.rental-companies.index') }}" class="btn btn-secondary">
                                        {{ __('admin.cancel') }}
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="ti ti-save"></i> {{ __('admin.update') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBB4V0D9KeYPCMdDbRjBB9APzxCmBdymtg&libraries=places&callback=initAutocomplete&language={{app()->getLocale()}}" async defer></script>
<script>
let map, marker, autocomplete;

function initAutocomplete() {
    // Check if map container exists
    const mapContainer = document.getElementById('map');
    if (!mapContainer) {
        console.error('Map container not found!');
        return;
    }
    
    // Initialize map with current location or default
    const currentLat = parseFloat(document.getElementById('latitude').value) || 24.7136;
    const currentLng = parseFloat(document.getElementById('longitude').value) || 46.6753;
    const currentLocation = { lat: currentLat, lng: currentLng };
    
    console.log('Initializing map with location:', currentLocation);
    
    // Initialize map
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 13,
        center: currentLocation,
        mapTypeControl: true,
        streetViewControl: true,
        fullscreenControl: true
    });

    // Initialize marker
    marker = new google.maps.Marker({
        map: map,
        draggable: true,
        position: currentLocation
    });

    // Initialize autocomplete
    autocomplete = new google.maps.places.Autocomplete(
        document.getElementById('address'),
        { types: ['geocode'] }
    );

    // Bind autocomplete to map
    autocomplete.bindTo('bounds', map);

    // Listen for place selection
    autocomplete.addListener('place_changed', function() {
        const place = autocomplete.getPlace();
        
        if (!place.geometry) {
            alert('{{ __("admin.no_results_found") }}');
            return;
        }

        // Update map and marker
        if (place.geometry.viewport) {
            map.fitBounds(place.geometry.viewport);
        } else {
            map.setCenter(place.geometry.location);
            map.setZoom(17);
        }

        marker.setPosition(place.geometry.location);
        updateCoordinates(place.geometry.location.lat(), place.geometry.location.lng());
    });

    // Listen for marker drag
    google.maps.event.addListener(marker, 'dragend', function() {
        const position = marker.getPosition();
        updateCoordinates(position.lat(), position.lng());
        reverseGeocode(position);
    });

    // Listen for map click
    google.maps.event.addListener(map, 'click', function(event) {
        marker.setPosition(event.latLng);
        updateCoordinates(event.latLng.lat(), event.latLng.lng());
        reverseGeocode(event.latLng);
    });
}

function updateCoordinates(lat, lng) {
    document.getElementById('latitude').value = lat.toFixed(6);
    document.getElementById('longitude').value = lng.toFixed(6);
}

function reverseGeocode(latLng) {
    const geocoder = new google.maps.Geocoder();
    geocoder.geocode({ location: latLng }, function(results, status) {
        if (status === 'OK') {
            if (results[0]) {
                document.getElementById('address').value = results[0].formatted_address;
            }
        }
    });
}

function getCurrentLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(
            function(position) {
                const pos = {
                    lat: position.coords.latitude,
                    lng: position.coords.longitude
                };

                map.setCenter(pos);
                map.setZoom(15);
                marker.setPosition(pos);
                updateCoordinates(pos.lat, pos.lng);
                reverseGeocode(pos);
            },
            function() {
                alert('{{ __("admin.geolocation_failed") }}');
            }
        );
    } else {
        alert('{{ __("admin.geolocation_not_supported") }}');
    }
}

// Get current location
document.getElementById('getLocation').addEventListener('click', getCurrentLocation);

// Initialize map when page loads
// google.maps.event.addDomListener(window, 'load', initMap);
</script>
@endpush
@endsection