@extends('page.account.layout')
@section('account.content')
<div class="col-12 col-md-9">
    <!-- recent section -->
    <div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
        <!-- title section -->
        <div class="d-flex justify-content-between p-3">
            <span class="fw-bold">@translate('profilePage', 'manage_address_title')</span>
        </div>
        <!-- manage address section -->
        <div class="d-flex flex-column justify-content-between p-3">
            <div class="theme-bg-accent-two p-3">
                <span class="fw-bold theme-text-primary">@if (isset($addressEdit)) @translate('profilePage', 'manage_address_edit_title') @else @translate('profilePage', 'manage_address_add_title') @endif</span>
                <form class="row g-3 mt-3" action="" method="POST">
                    @csrf
                    <div class="col-12 col-lg-6">
                        <input type="text" class="form-control @error('name') is-invalid @enderror" name="name"
                            placeholder="@translate('profilePage', 'manage_address_name')" value="{{ old('name') }}">
                        @error('name')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12 col-lg-6">
                        <input type="text" class="form-control @error('phone_number') is-invalid @enderror"
                            name="phone_number" placeholder="@translate('profilePage', 'manage_address_mobile')" value="{{ old('phone_number') }}">
                        @error('phone_number')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12 col-lg-6">
                        <input type="text" class="form-control @error('country') is-invalid @enderror" name="country"
                            placeholder="@translate('profilePage', 'manage_address_country')" value="{{ old('country') }}">
                        @error('country')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12 col-lg-6">
                        <input type="text" class="form-control @error('state') is-invalid @enderror" name="state"
                            placeholder="@translate('profilePage', 'manage_address_state')" value="{{ old('state') }}">
                        @error('state')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12 col-lg-6">
                        <input type="text" class="form-control @error('city') is-invalid @enderror" name="city"
                            placeholder="@translate('profilePage', 'manage_address_city')" value="{{ old('city') }}">
                        @error('city')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12 col-lg-6">
                        <input type="text" class="form-control @error('zipcode') is-invalid @enderror" name="zipcode"
                            placeholder="@translate('profilePage', 'manage_address_zipcode')" value="{{ old('zipcode') }}">
                        @error('zipcode')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12">
                        <textarea class="form-control @error('street') is-invalid @enderror" name="street" rows="3"
                            placeholder="@translate('profilePage', 'manage_address_address')">{{ old('street') }}</textarea>
                        @error('street')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="col-12 col-lg-6">
                        <div class="mb-3">
                            <label class="form-check-label theme-text-accent-one">
                                @translate('profilePage', 'manage_address_address_type')
                            </label>
                        </div>
                        <div class="d-flex">
                            <div class="d-flex">
                                <input class="form-check-input" type="radio" name="type" value="0"
                                    @checked(old('type') == 0)>
                                <label class="form-check-label ms-2" for="flexRadioDefault1">
                                    @translate('profilePage', 'manage_address_home')
                                </label>
                            </div>
                            <div class="d-flex ms-4">
                                <input class="form-check-input" type="radio" name="type" value="1"
                                    @checked(old('type') == 1)>
                                <label class="form-check-label ms-2" for="flexRadioDefault2">
                                    @translate('profilePage', 'manage_address_work')
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 custom-button">
                        <button class="custom-btn-primary font-small button-effect px-4" type="submit">@translate('profilePage', 'manage_address_save_button')</button>
                        {{-- <button type="button" class="custom-btn-secondary font-small button-effect px-4 ms-3"
                            data-bs-dismiss="modal">Cancel</button>
                    </div> --}}
                </form>
            </div>
            <div class="mt-3">
                <!-- default address -->
                @foreach ($currentUser->addreses as $address)
                    <div class="border">
                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <div class="d-flex flex-column p-4">
                                    <span
                                        class="small fw-bold text-uppercase theme-text-primary">{{ [@translateE('profilePage', 'manage_address_is_home'), @translateE('profilePage', 'manage_address_is_work')][$address->type] }}{{ ['', ' | '.@translateE('profilePage', 'manage_address_is_default')][$address->primary] }}</span>
                                    <span class="small fw-bold mt-3">{{$address->name}}</span>
                                    <span
                                        class="small fw-bold my-3">{{substr($address->phone_number, 0, 2) . str_repeat('*', strlen($address->phone_number) - 5) . substr($address->phone_number, strlen($address->phone_number) - 3)}}</span>
                                    <span class="small fw-normal">{{$address->street}}, {{$address->city}},
                                        {{$address->state}}, {{$address->zipcode}}, {{$address->country}}</span>
                                </div>
                                <div class="d-flex p-4 font-small">
                                    <a href="@localeUrl('account.address.edit', ['editId' => $address->id])">@translate('profilePage', 'manage_address_edit')</a>
                                    <a href="@localeUrl('account.address.delete', ['editId' => $address->id])"
                                        class="ms-3">@translate('profilePage', 'manage_address_remove')</a>
                                    @if ($address->primary == 0)
                                        <a href="@localeUrl('account.address.default', ['editId' => $address->id])"
                                            class="ms-3">@translate('profilePage', 'manage_address_set_default')</a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection