@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render('cabinet-page') }}
            </div>
        </div>

        <div class="account">
            <div class="container">
                <div class="product-end-inner">
                    <div class="product-end-head">
                        @include('front.pages.cabinet.templates.menu')
                    </div>
                    <div class="product-end-content">
                        <div class="account-address">
                            @if($global_user && $global_user->addresses->isNotEmpty())
                                <div class="account-address-title">
                                    {{ ShowLabelById(98) }}
                                </div>
                                <div class="account-address-list">
                                    <ul>
                                        @foreach($global_user->addresses as $one_address)
                                            <li>
                                                <input type="radio" id="saved-address-{{ $one_address->id ?? '' }}"
                                                       name="account_address" class="select-default-address" data-user-address-id="{{ $one_address->id ?? '' }}" {{ $global_user->defaultAddress && $global_user->defaultAddress->id == $one_address->id ? 'checked' : '' }}>
                                                <label for="saved-address-{{ $one_address->id ?? '' }}">
                                                    <p>{{ $one_address->city ?? '' }}</p>
                                                    <p>{{ $one_address->address ?? '' }}</p>
{{--                                                    <p>{{ $one_address->phone ?? '' }}</p>--}}
                                                </label>
                                                <div class="account-address-edit">
                                                    <button type="button" class="address-edit-btn">{{ ShowLabelById(99) }}</button>
                                                    <button type="button" class="address-delete-btn remove-address" data-user-address-id="{{ $one_address->id ?? '' }}">
                                                        {{ ShowLabelById(100) }}</button>
                                                </div>
                                                <div class="address-edit-form">
                                                    <div class="account-address-new-title">{{ ShowLabelById(101) }}</div>
                                                    <form method="POST" action="{{ route('ajax-action-address') }}"
                                                          id="edit-address-{{ $one_address->id ?? '' }}">

                                                        <input type="hidden" name="front_user_address_id"
                                                               value="{{ $one_address->id ?? '' }}">

                                                        @csrf
                                                        <div class="account-address-row">
                                                            <div class="form-item">
                                                                <label
                                                                    for="user-city-{{ $one_address->id ?? '' }}">{{ ShowLabelById(76) }}
                                                                    *</label>
                                                                <input type="text"
                                                                       id="user-city-{{ $one_address->id ?? '' }}"
                                                                       name="city"
                                                                       value="{{ $one_address->city ?? '' }}">
                                                            </div>
                                                            <div class="form-item">
                                                                <label for="user-address-{{ $one_address->id ?? '' }}">{{ ShowLabelById(77) }}
                                                                    *</label>
                                                                <input type="text"
                                                                       id="user-address-{{ $one_address->id ?? '' }}"
                                                                       name="address"
                                                                       value="{{ $one_address->address ?? '' }}">
                                                            </div>
{{--                                                            <div class="form-item">--}}
{{--                                                                <label for="user-phone-{{ $one_address->id ?? '' }}">{{ ShowLabelById(9) }}--}}
{{--                                                                    *</label>--}}
{{--                                                                <input type="number"--}}
{{--                                                                       id="user-phone-{{ $one_address->id ?? '' }}"--}}
{{--                                                                       name="phone"--}}
{{--                                                                       value="{{ $one_address->phone ?? '' }}">--}}
{{--                                                            </div>--}}
                                                            <div class="form-submit">
                                                                <button type="submit" class="button"
                                                                        onclick="saveForm(this)"
                                                                        data-form-id="edit-address-{{ $one_address->id ?? '' }}">
                                                                    {{ ShowLabelById(102) }}
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                    <div class="account-address-add">
                                        <a href="javascript:;" class="button">{{ ShowLabelById(103) }}</a>
                                    </div>
                                </div>
                            @else
                                <div class="account-address-title">
                                    {{ ShowLabelById(104) }}
                                </div>
                                <div class="account-address-list">
                                    <div class="account-address-add">
                                        <a href="javascript:;" class="button">{{ ShowLabelById(103) }}</a>
                                    </div>
                                </div>
                            @endif

                            <div class="account-address-new ">
                                <div class="account-address-new-title">{{ ShowLabelById(105) }}</div>
                                <form method="POST" action="{{ route('ajax-action-address') }}" id="new-address">

                                    @csrf
                                    <div class="account-address-row">
                                        <div class="form-item">
                                            <label for="user-city">{{ ShowLabelById(76) }} *</label>
                                            <input type="text" id="user-city" name="city">
                                        </div>
                                        <div class="form-item">
                                            <label for="user-address">{{ ShowLabelById(77) }} *</label>
                                            <input type="text" id="user-address" name="address">
                                        </div>
{{--                                        <div class="form-item">--}}
{{--                                            <label for="user-phone">{{ ShowLabelById(9) }} *</label>--}}
{{--                                            <input type="number" id="user-phone" name="phone">--}}
{{--                                        </div>--}}
                                        <div class="form-submit">
                                            <button type="submit" class="button" onclick="saveForm(this)"
                                                    data-form-id="new-address">{{ ShowLabelById(103) }}
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
{{--                    <div class="product-end-content">--}}
{{--                        <div class="account-address">--}}
{{--                            @if($global_user && $global_user->addresses->isNotEmpty())--}}
{{--                                <div class="account-address-title">--}}
{{--                                    {{ ShowLabelById(98) }}--}}
{{--                                </div>--}}
{{--                                <div class="account-address-list">--}}
{{--                                    <ul>--}}
{{--                                        @foreach($global_user->addresses as $one_address)--}}
{{--                                            <li>--}}
{{--                                                <input type="radio" id="saved-address-{{ $one_address->id ?? '' }}"--}}
{{--                                                       name="account_address" class="select-default-address"--}}
{{--                                                       data-user-address-id="{{ $one_address->id ?? '' }}" {{ $global_user->defaultAddress && $global_user->defaultAddress->id == $one_address->id ? 'checked' : '' }}>--}}
{{--                                                <label for="saved-address-{{ $one_address->id ?? '' }}">--}}
{{--                                                    <p>{{ $one_address->city ?? '' }} {{ $one_address->city_area ?? '' }} {{ $one_address->city_street ?? '' }}</p>--}}
{{--                                                    <p>{{ $one_address->address ?? '' }}</p>--}}
{{--                                                    <p>{{ $one_address->phone ?? '' }}</p>--}}
{{--                                                </label>--}}
{{--                                                <div class="account-address-edit">--}}
{{--                                                    <button type="button" id="button-edit-address-{{ $one_address->id }}"--}}
{{--                                                            class="address-edit-btn show-edit-address js-loader-edit-address-{{ $one_address->id }}" data-user-address-id="{{ $one_address->id ?? '' }}">{{ ShowLabelById(99) }}</button>--}}
{{--                                                    <button type="button" class="address-delete-btn remove-address"--}}
{{--                                                            data-user-address-id="{{ $one_address->id ?? '' }}">--}}
{{--                                                        {{ ShowLabelById(100) }}</button>--}}
{{--                                                </div>--}}
{{--                                                <div class="address-edit-form render-edited-address" data-edit-button-id="button-edit-address-{{ $one_address->id }}">--}}
{{--                                                </div>--}}
{{--                                            </li>--}}
{{--                                        @endforeach--}}
{{--                                    </ul>--}}
{{--                                    <div class="account-address-add">--}}
{{--                                        <a href="javascript:;" class="button">{{ ShowLabelById(103) }}</a>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            @else--}}
{{--                                <div class="account-address-title">--}}
{{--                                    {{ ShowLabelById(104) }}--}}
{{--                                </div>--}}
{{--                                <div class="account-address-list">--}}
{{--                                    <div class="account-address-add">--}}
{{--                                        <a href="javascript:;" class="button">{{ ShowLabelById(103) }}</a>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            @endif--}}

{{--                            <div class="account-address-new ">--}}
{{--                                <div class="account-address-new-title">{{ ShowLabelById(105) }}</div>--}}
{{--                                <form method="POST" action="{{ route('ajax-action-address') }}" id="new-address">--}}

{{--                                    @csrf--}}
{{--                                    --}}{{--<div class="account-address-row">--}}
{{--                                    <div style="max-width: 50rem;">--}}
{{--                                        @if(!empty($counties) && count($counties))--}}
{{--                                            <div class="form-item">--}}
{{--                                                <label for="user-city--county">{{ ShowLabelById(76) }} *</label>--}}
{{--                                                <select name="city" id="user-city--county" class="select-county">--}}
{{--                                                    <option value="">{{ ShowLabelById(188) }}</option>--}}
{{--                                                    @foreach($counties as $one_county)--}}
{{--                                                        <option--}}
{{--                                                            value="{{ $one_county['name'] ?? '' }}">{{ $one_county['name'] ?? '' }}</option>--}}
{{--                                                    @endforeach--}}
{{--                                                </select>--}}
{{--                                            </div>--}}
{{--                                        @endif--}}
{{--                                        <div class="form-item js-loader-counties" data-select-id="user-city--county">--}}
{{--                                            <label for="city-area--localities">{{ ShowLabelById(187) }} *</label>--}}
{{--                                            <select name="city_area" id="city-area--localities" class="select-street">--}}
{{--                                                <option value="">{{ ShowLabelById(189) }}</option>--}}
{{--                                            </select>--}}
{{--                                        </div>--}}
{{--                                        <div class="form-item js-loader-streets" data-select-id="city-area--localities">--}}
{{--                                            <label for="city-street">{{ ShowLabelById(191) }} *</label>--}}
{{--                                            <select name="city_street" id="city-street" class="render-streets">--}}
{{--                                                <option value="">{{ ShowLabelById(190) }}</option>--}}
{{--                                            </select>--}}
{{--                                        </div>--}}

{{--                                        <div class="form-item">--}}
{{--                                            <label for="user-address">{{ ShowLabelById(77) }} *</label>--}}
{{--                                            <input type="text" id="user-address" name="address">--}}
{{--                                        </div>--}}
{{--                                        <div class="form-item">--}}
{{--                                            <label for="user-phone">{{ ShowLabelById(9) }} *</label>--}}
{{--                                            <input type="number" id="user-phone" name="phone">--}}
{{--                                        </div>--}}
{{--                                        <div class="form-submit">--}}
{{--                                            <button type="submit" class="button" onclick="saveForm(this)"--}}
{{--                                                    data-form-id="new-address">{{ ShowLabelById(103) }}--}}
{{--                                            </button>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    --}}{{--</div>--}}
{{--                                </form>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

                </div>
            </div>
        </div>

    </div>

@stop