@extends('admin.layout.master')

@section('content')
@php
    $durationSeconds = (int) $ride->duration_seconds;
    $durationMinutes = (int) ceil(max(0, $durationSeconds) / 60);
    $rideNumber = 'RIDE-' . str_pad((string) $ride->id, 6, '0', STR_PAD_LEFT);

    $statusBadge = match ($ride->status) {
        App\Enums\RideStatus::COMPLETED => 'success',
        App\Enums\RideStatus::CANCELLED => 'danger',
        App\Enums\RideStatus::ACTIVE => 'primary',
        default => 'warning',
    };

    $formatCoord = fn (?float $lat, ?float $lng) => ($lat && $lng)
        ? number_format($lat, 6) . ', ' . number_format($lng, 6)
        : null;

    $mapsUrl = fn (?float $lat, ?float $lng) => ($lat && $lng)
        ? 'https://www.google.com/maps?q=' . $lat . ',' . $lng
        : null;
@endphp

<div class="content-body">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
            <div>
                <h4 class="mb-0">{{ __('admin.ride_details') }} #{{ $ride->id }}</h4>
                <small class="text-muted">{{ $rideNumber }}</small>
            </div>
            <div class="d-flex align-items-center mt-1 mt-md-0">
                <span class="badge badge-{{ $statusBadge }} mr-1">
                    {{ __('apis.ride_status.' . $ride->status) }}
                </span>
                <a href="{{ route('admin.rides.index') }}" class="btn btn-outline-primary btn-sm">{{ __('admin.back') }}</a>
            </div>
        </div>
        <div class="card-body">
            {{-- Participants --}}
            <h5 class="mb-1">{{ __('admin.relations') }}</h5>
            <div class="row mb-2">
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.client') }}:</strong>
                    @if($ride->client)
                        <a href="{{ route('admin.clients.show', $ride->client->id) }}">{{ $ride->client->name }}</a>
                        @if($ride->client->phone)
                            <br><small class="text-muted">{{ $ride->client->country_code }}{{ $ride->client->phone }}</small>
                        @endif
                    @else
                        —
                    @endif
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.provider') }}:</strong>
                    @if($ride->provider)
                        <a href="{{ route('admin.providers.show', $ride->provider->id) }}">{{ $ride->provider->name }}</a>
                    @else
                        {{ __('admin.unassigned') }}
                    @endif
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.scooter') }}:</strong>
                    @if($ride->scooter)
                        <a href="{{ route('admin.scooters.show', $ride->scooter->id) }}">{{ $ride->scooter->code }}</a>
                        @if($ride->scooter->model)
                            <br><small class="text-muted">{{ $ride->scooter->model }}</small>
                        @endif
                    @else
                        —
                    @endif
                </div>
            </div>

            <hr>

            {{-- Timing & metrics --}}
            <h5 class="mb-1">{{ __('admin.ride_details') }}</h5>
            <div class="row mb-2">
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.started_at') }}:</strong>
                    {{ $ride->started_at?->format('Y-m-d H:i') ?? '—' }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.ended_at') }}:</strong>
                    {{ $ride->ended_at?->format('Y-m-d H:i') ?? '—' }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.duration_label') }}:</strong>
                    {{ $durationMinutes }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.distance') }}:</strong>
                    {{ number_format((float) $ride->distance_km, 3) }} km
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.cost') }}:</strong>
                    {{ number_format((float) $ride->cost, 2) }} {{ __('admin.sar') }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.rating') }}:</strong>
                    @if($ride->rating)
                        <span class="text-warning">
                            @for($i = 1; $i <= 5; $i++)
                                <i class="feather icon-star{{ $i <= $ride->rating ? '' : '-off text-muted' }}"></i>
                            @endfor
                        </span>
                        <small class="text-muted">({{ $ride->rating }}/5)</small>
                    @else
                        —
                    @endif
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.created_at') }}:</strong>
                    {{ $ride->created_at?->format('Y-m-d H:i') ?? '—' }}
                </div>
                <div class="col-md-4 mb-1">
                    <strong>{{ __('admin.updated_at') }}:</strong>
                    {{ $ride->updated_at?->format('Y-m-d H:i') ?? '—' }}
                </div>
            </div>

            @if($ride->cancellation_reason)
                <div class="alert alert-danger mb-2">
                    <strong>{{ __('admin.cancellation_reason') }}:</strong> {{ $ride->cancellation_reason }}
                </div>
            @endif

            <hr>

            {{-- Route --}}
            <h5 class="mb-1">{{ __('admin.locations') }}</h5>
            <div class="row mb-2">
                <div class="col-md-4 mb-2">
                    <div class="border rounded p-1 h-100">
                        <strong>{{ __('admin.start_location') }}</strong>
                        <p class="mb-50 mt-50">
                            <strong>{{ __('admin.address') }}:</strong> {{ $ride->start_address ?? '—' }}
                        </p>
                        @if($coord = $formatCoord($ride->start_lat, $ride->start_lng))
                            <p class="mb-50">
                                <strong>{{ __('admin.coordinates') }}:</strong> {{ $coord }}
                            </p>
                            <a href="{{ $mapsUrl($ride->start_lat, $ride->start_lng) }}" target="_blank" class="btn btn-sm btn-outline-info">
                                {{ __('admin.open_in_maps') }}
                            </a>
                        @endif
                    </div>
                </div>
                <div class="col-md-4 mb-2">
                    <div class="border rounded p-1 h-100">
                        <strong>{{ __('admin.end_location') }}</strong>
                        <p class="mb-50 mt-50">
                            <strong>{{ __('admin.address') }}:</strong> {{ $ride->end_address ?? '—' }}
                        </p>
                        @if($coord = $formatCoord($ride->end_lat, $ride->end_lng))
                            <p class="mb-50">
                                <strong>{{ __('admin.coordinates') }}:</strong> {{ $coord }}
                            </p>
                            <a href="{{ $mapsUrl($ride->end_lat, $ride->end_lng) }}" target="_blank" class="btn btn-sm btn-outline-info">
                                {{ __('admin.open_in_maps') }}
                            </a>
                        @endif
                    </div>
                </div>
            </div>

            <hr>

            {{-- Photos --}}
            <h5 class="mb-1">{{ __('admin.photos') }}</h5>
            <div class="row mb-2">
                <div class="col-md-6 mb-2">
                    <strong>{{ __('admin.parking_photo') }}</strong>
                    <div class="mt-50">
                        @if($ride->parking_photo)
                            <a href="{{ $ride->parking_photo }}" target="_blank">
                                <img src="{{ $ride->parking_photo }}" class="img-thumbnail" style="max-width:100%;max-height:240px" alt="{{ app()->getLocale() === 'ar' ? 'الوقوف' : 'Parking' }}">
                            </a>
                        @else
                            <p class="text-muted mb-0">{{ __('admin.no_photo') }}</p>
                        @endif
                    </div>
                </div>
            </div>

            @if($ride->settlements->isNotEmpty())
                <hr>
                <h5 class="mb-1">{{ __('admin.settlements') }}</h5>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{ __('admin.status') }}</th>
                                <th>{{ __('admin.ride_cost') }}</th>
                                <th>{{ __('admin.share_amount') }}</th>
                                <th>{{ __('admin.control') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($ride->settlements as $settlement)
                                <tr>
                                    <td>{{ $settlement->id }}</td>
                                    <td>{{ __('admin.settlement_status.' . $settlement->status) }}</td>
                                    <td>{{ number_format((float) $settlement->pivot->ride_cost, 2) }} {{ __('admin.sar') }}</td>
                                    <td>{{ number_format((float) $settlement->pivot->share_amount, 2) }} {{ __('admin.sar') }}</td>
                                    <td class="product-action">
                                        <span class="action-show text-warning">
                                            <a href="{{ route('admin.settlements.show', ['id' => $settlement->id]) }}">
                                                <i class="feather icon-eye"></i>
                                            </a>
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection