@extends('layouts.admin')

@section('title', 'Map & Location Settings')
@section('header', 'Map & Location Settings')

@section('content')
<div class="page-header">
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1>Map & Location Settings</h1>
            <p>Set up the platform map API key and default delivery radius.</p>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-12">
        <div class="table-card">
            <div class="card-header bg-transparent">
                <h5 class="mb-0 fw-bold">Map Settings</h5>
            </div>
            <div class="p-4">
                <form action="{{ route('admin.settings.update') }}" method="POST">
                    @csrf
                    <input type="hidden" name="redirect_to" value="admin.settings.map">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                @php
                                    $googleMapsApiKey = $settings['google_maps_api_key'] ?? $settings['google_maps_key'] ?? '';
                                    $maskedGoogleMapsApiKey = !empty($googleMapsApiKey) ? substr($googleMapsApiKey, 0, 3) . str_repeat('*', 8) . substr($googleMapsApiKey, -3) : '';
                                @endphp
                                <label class="form-label fw-semibold">Google Maps API Key</label>
                                <input type="text" name="google_maps_api_key" class="form-control" value="{{ old('google_maps_api_key', $maskedGoogleMapsApiKey) }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label fw-semibold">Default Delivery Radius (km)</label>
                                <input type="number" name="default_delivery_radius" class="form-control" step="0.5" min="0" value="{{ $settings['default_delivery_radius'] ?? 10 }}">
                            </div>
                        </div>
                    </div>
                    <div class="border-top pt-4 mt-2">
                        <h6 class="fw-bold mb-1">Default Storefront Location</h6>
                        <p class="text-muted small mb-3">Used to prefill the storefront location popup and load nearby stores before a customer selects a location.</p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-semibold">Default Location Name</label>
                                    <input type="text" name="default_delivery_location" class="form-control" value="{{ old('default_delivery_location', $settings['default_delivery_location'] ?? 'Phaltan, Maharashtra') }}" placeholder="Phaltan, Maharashtra">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label fw-semibold">Latitude</label>
                                    <input type="number" name="default_delivery_latitude" class="form-control" step="0.000001" min="-90" max="90" value="{{ old('default_delivery_latitude', $settings['default_delivery_latitude'] ?? '17.9912') }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label class="form-label fw-semibold">Longitude</label>
                                    <input type="number" name="default_delivery_longitude" class="form-control" step="0.000001" min="-180" max="180" value="{{ old('default_delivery_longitude', $settings['default_delivery_longitude'] ?? '74.4318') }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Save Map Settings</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection