@props(['model' => null])

@php
    $lat = $model->lat ?? 0;
    $lng = $model->lng ?? 0;
    $mapDesc = $model->map_desc ?? '';
@endphp

<div class="form-group mt-3">
    <label for="address-input">
        {{ __('admin.map_desc') }}
    </label>
    <input type="text" id="address-input" name="map_desc" class="form-control map-input"
        value="{{ $mapDesc }}" placeholder="{{ __('admin.map_desc') }}" required
        data-validation-required-message="{{ __('admin.this_field_is_required') }}">
    <input type="hidden" name="lat" id="address-latitude" value="{{ $lat }}" />
    <input type="hidden" name="lng" id="address-longitude" value="{{ $lng }}" />
</div>
<div id="address-map-container" style="width:100%;height:400px;">
    <div style="width: 100%; height: 100%" id="address-map"></div>
</div>

@push('js')
    <script>
        window.initialize = function () {};
    </script>
    <x-vendor.google-maps-script libraries="places,marker" callback="initialize" />
    <script src="{{ asset('js/map.js') }}"></script>
@endpush