@extends('pages.layouts.app')

@section('content')
<div class="container">
    <h1>{{ __('Your Addresses') }}</h1>

    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <table class="table table-striped">
        <thead>
            <tr>
                <th>{{ __('First Name') }}</th>
                <th>{{ __('Last Name') }}</th>
                <th>{{ __('City') }}</th>
                <th>{{ __('Address') }}</th>
                <th>{{ __('Phone') }}</th>
                {{-- <th>{{ __('Actions') }}</th> --}}
            </tr>
        </thead>
        <tbody>
            @forelse ($addresses as $address)
                <tr id="address-row-{{ $address->id }}">
                    <td>{{ $address->first_name }}</td>
                    <td>{{ $address->last_name }}</td>
                    <td>{{ $address->city->name }}</td>
                    <td>{{ $address->address }}</td>
                    <td>{{ $address->phone }}</td>
                    {{-- <td>
                        <button type="button" class="btn btn-danger edit-address-btn" data-id="{{ $address->id }}" >
                            {{ __('Edit') }}
                        </button>
                    </td> --}}
                </tr>
            @empty
                <tr>
                    <td colspan="6">{{ __('No addresses found') }}</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>




@endsection