@extends('layouts.admin')

@section('title', 'Existing Charging Points - EV Charging Network')

@section('breadcrumb_title', 'Charging Points')
@section('breadcrumb_sub_title', 'Existing Location')
@section('page_title', 'Existing Charging Points Found')

@section('content')
<div class="min-h-screen bg-gray-50">
    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <!-- Card header -->
                <div class="card-header">
                    <h5 class="mb-0">Existing Charging Points Found</h5>
                    <p class="text-sm mb-0">
                        We found {{ $chargingPointModels->count() }} charging point(s) within 50 meters of the specified location ({{ $latitude }}, {{ $longitude }}).
                    </p>
                </div>
                
                <!-- Card body -->
                <div class="card-body">
                    <div class="alert alert-warning" role="alert">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <strong>Nearby Charging Points Found!</strong> There are already charging points within 50 meters of this location. 
                        Please update an existing charging point or choose a different location.
                    </div>

                    <div class="row">
                        @foreach($chargingPointModels as $chargingPoint)
                        <div class="col-md-6 mb-4">
                            <div class="card border">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">{{ $chargingPoint->name }}</h6>
                                    <small class="text-muted">Ref: {{ $chargingPoint->ref_no }}</small>
                                    <br>
                                    <small class="text-info">
                                        <i class="fas fa-map-marker-alt me-1"></i>
                                        Distance: {{ number_format(calculateDistance($latitude, $longitude, $chargingPoint->lattitude, $chargingPoint->longitude), 1) }}m
                                    </small>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <p class="text-sm mb-2">
                                                <strong>Status:</strong> 
                                                <span class="badge 
                                                    @if($chargingPoint->status == 1) bg-success 
                                                    @elseif($chargingPoint->status == 0) bg-warning 
                                                    @elseif($chargingPoint->status == 4) bg-secondary
                                                    @else bg-danger @endif">
                                                    @if($chargingPoint->status == 1) Verified
                                                    @elseif($chargingPoint->status == 0) Under Review
                                                    @elseif($chargingPoint->status == 4) Inactive
                                                    @else Rejected
                                                    @endif
                                                </span>
                                            </p>
                                            
                                            @if($chargingPoint->description)
                                            <p class="text-sm mb-2">
                                                <strong>Description:</strong> {{ Str::limit($chargingPoint->description, 100) }}
                                            </p>
                                            @endif

                                            @if($chargingPoint->network)
                                            <p class="text-sm mb-2">
                                                <strong>Network:</strong> {{ $chargingPoint->network->name }}
                                            </p>
                                            @endif

                                            @if($chargingPoint->powerOutput)
                                            <p class="text-sm mb-2">
                                                <strong>Power Output:</strong> {{ $chargingPoint->powerOutput->name }}
                                            </p>
                                            @endif

                                            @if($chargingPoint->plugTypes->count() > 0)
                                            <p class="text-sm mb-2">
                                                <strong>Plug Types:</strong> 
                                                @foreach($chargingPoint->plugTypes as $plugType)
                                                    {{ $plugType->name }} ({{ $plugType->pivot->quantity }})
                                                    @if(!$loop->last), @endif
                                                @endforeach
                                            </p>
                                            @endif

                                            @if($chargingPoint->amenities->count() > 0)
                                            <p class="text-sm mb-2">
                                                <strong>Amenities:</strong> 
                                                @foreach($chargingPoint->amenities as $amenity)
                                                    {{ $amenity->name }}
                                                    @if(!$loop->last), @endif
                                                @endforeach
                                            </p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer bg-light">
                                    <div class="d-flex justify-content-between">
                                        <a href="{{ route('charging-points.show', $chargingPoint->ref_no) }}" 
                                           class="btn btn-sm btn-outline-primary">
                                            <i class="fas fa-eye me-1"></i>View Details
                                        </a>
                                        <a href="{{ route('charging-points.edit', $chargingPoint->ref_no) }}" 
                                           class="btn btn-sm btn-primary">
                                            <i class="fas fa-edit me-1"></i>Update
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>

                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="d-flex justify-content-between">
                                <a href="{{ route('charging-points.create-form') }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Back to Location Form
                                </a>
                                <div>
                                    <a href="{{ route('charging-points.index') }}" class="btn btn-primary">
                                        <i class="fas fa-list me-2"></i>View All Charging Points
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@php
function calculateDistance($lat1, $lon1, $lat2, $lon2) {
    $earthRadius = 6371000; // Earth's radius in meters
    
    $dLat = deg2rad($lat2 - $lat1);
    $dLon = deg2rad($lon2 - $lon1);
    
    $a = sin($dLat / 2) * sin($dLat / 2) +
         cos(deg2rad($lat1)) * cos(deg2rad($lat2)) *
         sin($dLon / 2) * sin($dLon / 2);
    
    $c = 2 * atan2(sqrt($a), sqrt(1 - $a));
    
    return $earthRadius * $c;
}
@endphp
@endsection