@props([
    'index' => 0,
    'address' => null,
])
<div id="{{ !empty($address) ? 'block-address' . $index : 'template-block-address' }}" class="template-block-address row mb-4">
    <div class="col-12 p-0">
        <div class="d-flex flex-row">
            <div class="w-100">
                <div class="input-group">
                    @if(!empty($address))
                        <div class="form-floating">
                            <input {{ $attributes->class(['form-control', 'is-invalid' => $errors->has("addresses.$index.name")]) }} type="text" placeholder="{{ __('general.address_name') }}" id="{{ "input-addresses-name{$index}" }}" name="{{ "addresses[$index][name]" }}" value="{{ $address['name'] ?? '' }}" />
                            <label class="form-label">{{ __('validation.attributes.name') }}
                                <span class="text-danger">*</span></label>
                            @if(isset($address['id']))
                                <input type="hidden" id="{{ "input-addresses-id{$index}" }}" name="{{ "addresses[$index][id]" }}" value="{{ $address['id'] }}" />
                                <input type="hidden" id="{{ "input-addresses-is-removed{$index}" }}" name="{{ "addresses[$index][is_removed]" }}" value="0" />
                            @endif
                        </div>
                    @else
                        <div class="form-floating">
                            <input class="form-control" type="text" placeholder="{{ __('general.address_name') }}" data-name="name" />
                            <label class="form-label">{{ __('validation.attributes.name') }}
                                <span class="text-danger">*</span></label>
                        </div>
                    @endif
                    <button type="button" class="btn btn-alt-danger" @if(!empty($address)) id="btn-addresses-remove{{ $index }}" @else data-name="remove" @endif>
                        <i class="fa fa-trash-can"></i>
                    </button>
                </div>
                @if(!empty($address))
                    @error("addresses.$index.name")
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                @endif
            </div>
        </div>
    </div>
    <div class="col-12 p-0">
        <div class="row m-0 mt-2">
            <div class="col-6">
                @if(!empty($address))
                    <div class="form-check form-switch">
                        <input type="checkbox" {{ $attributes->class(['form-check-input', 'is-invalid' => $errors->has("addresses.$index.is_default")]) }} id="input-addresses-is-default{{ $index }}" name="addresses[{{ $index }}][is_default]" value="1" role="switch" data-switch-group="is_default" @if($address['is_default'] ?? false) checked @endif />
                        <label class="form-check-label" for="input-addresses-is-default{{ $index }}">{{ __('validation.attributes.is_default') }}</label>
                        @error("addresses.$index.is_default")
                        <div class="invalid-feedback lh-base">{{ $message }}</div>
                        @enderror
                    </div>
                @else
                    <div class="form-check form-switch">
                        <input type="checkbox" class="form-check-input" data-name="is_default" value="1" role="switch" data-switch-group="is_default" />
                        <label class="form-check-label" for="">{{ __('validation.attributes.is_default') }}</label>
                    </div>
                @endif
            </div>
            <div class="col-6">
                @if(!empty($address))
                    <div class="form-check form-switch">
                        <input type="checkbox" {{ $attributes->class(['form-check-input', 'is-invalid' => $errors->has("addresses.$index.is_active")]) }} id="input-addresses-is-active{{ $index }}" name="addresses[{{ $index }}][is_active]" value="1" role="switch" @if($address['is_active'] ?? false) checked @endif />
                        <label class="form-check-label" for="input-addresses-is-active{{ $index }}">{{ __('validation.attributes.is_active') }}</label>
                        @error("addresses.$index.is_active")
                        <div class="invalid-feedback lh-base">{{ $message }}</div>
                        @enderror
                    </div>
                @else
                    <div class="form-check form-switch">
                        <input type="checkbox" class="form-check-input" data-name="is_active" value="1" role="switch" checked />
                        <label class="form-check-label" for="">{{ __('validation.attributes.is_active') }}</label>
                    </div>
                @endif

            </div>
        </div>
    </div>
    <div class="col-12 p-0">
        <div class="row m-0 mt-2">
            <div class="col-12 col-sm-4 p-0">
                <div class="input-group">
                    <button type="button" class="btn btn-success" @if(!empty($address)) id="btn-addresses-get-location{{ $index }}" data-index="{{ $index }}" @else data-name="get-location" @endif>
                        <i class="fa fa-location-dot"></i>
                    </button>
                    <div class="form-floating">
                        @if(!empty($address))
                            <input type="text" {{ $attributes->class(['form-control', 'is-invalid' => $errors->has("addresses.$index.lat")]) }} id="{{ "input-addresses-lat{$index}" }}" name="{{ "addresses[$index][lat]" }}" value="{{ $address['latitude'] ?? '' }}" placeholder="" />
                            @error("addresses.$index.lat")
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        @else
                            <input type="text" class="form-control" data-name="lat" placeholder="" />
                        @endif
                        <label class="form-label" for="">{{ __('validation.attributes.lat') }}</label>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-4 p-0">
                <div class="form-floating">
                    @if(!empty($address))
                        <input type="text" {{ $attributes->class(['form-control', 'is-invalid' => $errors->has("addresses.$index.lng")]) }} id="{{ "input-addresses-lng{$index}" }}" name="{{ "addresses[$index][lng]" }}" value="{{ $address['longitude'] ?? '' }}" placeholder="" />
                        @error("addresses.$index.lng")
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    @else
                        <input type="text" class="form-control" data-name="lng" placeholder="" />
                    @endif
                    <label class="form-label" for="">{{ __('validation.attributes.lng') }}</label>
                </div>
            </div>
            <div class="col-12 col-sm-4 p-0">
                <div class="form-floating">
                    @if(!empty($address))
                        <input type="text" {{ $attributes->class(['form-control inputmask-numeric', 'is-invalid' => $errors->has("addresses.$index.radius")]) }} id="{{ "input-addresses-radius{$index}" }}" name="{{ "addresses[$index][radius]" }}" value="{{ $address['radius'] ?? '50'}}" placeholder="" />
                        @error("addresses.$index.radius")
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    @else
                        <input type="text" class="form-control inputmask-numeric" data-name="radius" value="50" placeholder="">
                    @endif
                    <label class="form-label" for="">{{ __('validation.attributes.radius') }}</label>
                </div>
            </div>
            <div class="col-12 p-0 mt-2">
                <div class="form-floating">
                    @if(!empty($address))
                        <textarea {{ $attributes->class(['form-control', 'is-invalid' => $errors->has("addresses.$index.address")]) }} rows="3" id="{{ "input-addresses-address{$index}" }}" name="{{ "addresses[$index][address]" }}" placeholder="">{{ $address['address'] ?? '' }}</textarea>
                        @error("addresses.$index.address")
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    @else
                        <textarea class="form-control" rows="3" data-name="address" placeholder=""></textarea>
                    @endif
                    <label class="form-label" for="">{{ __('validation.attributes.address') }}</label>
                </div>
            </div>
        </div>
    </div>
</div>