{{-- resources/views/components/training-center/address-details.blade.php --}}
@props(['data'])

<div class="step-header text-center">
    <h2 class="step-title">Address Details</h2>
    <p class="step-subtitle">Location information</p>
</div>

<div class="row g-3">
    <div class="col-md-12">
        <label for="address" class="form-label">Complete Address <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['address'] ?? 'Building No. 123, Sector 15, Rohini, New Delhi - 110085' }}</p>
    </div>

    <div class="col-md-4">
        <label for="state" class="form-label">State <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['state'] ?? 'Delhi' }}</p>
    </div>

    <div class="col-md-4">
        <label for="district" class="form-label">District <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['district'] ?? 'North West Delhi' }}</p>
    </div>

    <div class="col-md-4">
        <label for="city" class="form-label">City <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['city'] ?? 'New Delhi' }}</p>
    </div>

    <div class="col-md-4">
        <label for="pincode" class="form-label">Pincode <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['pincode'] ?? '110085' }}</p>
    </div>

    <div class="col-md-4">
        <label for="landmark" class="form-label">Landmark</label>
        <p class="form-control-static">{{ $data['landmark'] ?? 'Near Metro Station' }}</p>
    </div>

    <div class="col-md-4">
        <label for="longitude" class="form-label">Longitude</label>
        <p class="form-control-static">{{ $data['longitude'] ?? '23.5555' }}</p>
    </div>

    <div class="col-md-4">
        <label for="latitude" class="form-label">Latitude</label>
        <p class="form-control-static">{{ $data['latitude'] ?? '56.55666' }}</p>
    </div>
</div>