@extends(get_view('pages.user.index'))
@section('user.title', __('Adreslerim'))
@section('user.sidebar-my-addresses')
    active
@endsection
@section('user.content')

    <div class="axil-dashboard-address">

        <a href="javascript:;" class="btn btn-outline-primary btn-axil mb-3" data-bs-toggle="modal" data-bs-target="#addressModal" style="font-size: 16px;">
            <i class="fa fa-plus"></i> {{ __('Yeni Adres Ekle') }}
        </a>

        <p class="notice-text">{{ __('Aşağıdaki adresler varsayılan olarak ödeme sayfasında kullanılacaktır.') }}</p>
        <div class="row row--30">
            @if ($user_addresses->count() > 0)
                @foreach ($user_addresses as $item)
                    <div class="col-lg-6">
                        <div class="address-info mb--40">
                            <div class="addrss-header d-flex align-items-center justify-content-between">
                                <h4 class="title mb-0">{{ $item->title }}</h4>
                                <div>
                                    <a href="#" class="d-inline-block me-3 address-edit" data-id="{{ encrypt($item->id) }}"><i class="far fa-edit"></i></a>
                                    <a href="{{ route('front.my-addresses.remove', ['id' => encrypt($item->id)]) }}" class="d-inline-block address-remove"><i class="far fa-trash"></i></a>
                                </div>
                            </div>
                            <ul class="address-details">
                                <li>{{ __('Adı Soyadı') }}: {{ $item->fullname }}</li>
                                <li>{{ __('E-posta') }}: {{ $item->email ?? $item->email_address ?? __('Girilmemiş') }}</li> {{-- $user_addresses modelinizde 'email' adlı bir alanınızın olduğundan emin olun --}}
                                <li>{{ __('Telefon') }}: {{ $item->phone ?? $item->phone_number ?? __('Girilmemiş') }}</li>
                                <li class="mt--30">{{ $item->address }} <br>
                                    {{ $item->city }}, {{ $item->district }} - {{ $item->postcode }}</li>
                            </ul>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="col-12 text-center py-5 ">
                    <h4>{{ __('Kayıtlı Adresiniz Bulunamadı') }}</h4>
                    <p>{{ __('Lütfen yeni bir adres ekleyin') }}</p>
                    <p>
                        <button type="button" class="axil-btn btn-bg-primary submit-btn" data-bs-toggle="modal" data-bs-target="#addressModal">
                            {{ __('Yeni Adres Ekle') }}
                        </button>
                    </p>
                </div>
            @endif
        </div>
    </div>


    @include(get_view('components.user.addresses.add-new-address-modal'))
    @include(get_view('components.user.addresses.update-modal'))
    
@endsection

@section('user.footer')
<script>
    $(document).ready(function () {
        $(".address-edit").click(function () {
            var id = $(this).data('id');
            var addressModal = $("#updateAddressModal");
            var form = $("form", addressModal);
            addressModal.modal('show');

            $.get('/user/my-addresses/get', {id:id}, function (data) {
                $("input[name='id']", addressModal).val(id);
                $("input[name='title']", addressModal).val(data.title);
                $("input[name='fullname']", addressModal).val(data.fullname);
                $("input[name='phone']", addressModal).val(data.phone);
                $("select[name='country_id']", addressModal).val(data.country_id);
                $("input[name='city']", addressModal).val(data.city);
                $("input[name='district']", addressModal).val(data.district);
                $("input[name='address']", addressModal).val(data.address);
                $("input[name='postcode']", addressModal).val(data.postcode);
            });
        })
    })
</script>
@endsection