@extends('layouts.app')
@section('content')
    <main class="body-content container-fluid my-5">
        <h3 class="text-secondary text-center">آدرس تحویل سفارش را انتخاب کنید</h3>
        <hr>
        <div class="container">
            <div class="row">
                @foreach($addresses as $address)
                    <div class="col-lg-6 col-sm-12">
                        <div class="card m-1">
                            <div class="card-body" style="cursor: pointer;" onclick="$('#form-{{ $address->id }}').submit();">
                                <h5 class="card-title">{{ $address->name }}</h5>
                                <h6 class="card-subtitle mb-2 text-muted">{{ to_persian_numbers($address->mobile) }}</h6>
                                <p class="card-text">
                                    {{ $address->city->name }}، {{ $address->address }}
                                    <br>
                                    کد پستی {{ $address->postal_code }}
                                    /
                                    پلاک {{ $address->plaque }}
                                    @if($address->floor)
                                        /
                                        واحد{{ $address->floor }}
                                    @endif
                                    <br>
                                    <div class="float-end">
                                        <a href="{{ route('account.addresses.edit', ['address' => $address->id, '_back' => 'addresses']) }}"
                                           class="btn btn-sm btn-warning">ویرایش</a>
                                        <form class="d-inline" method="POST" action="{{ route('addresses.update', $address) }}" id="form-{{ $address->id }}">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-sm btn-success">انتخاب</button>
                                        </form>
                                    </div>
                                </p>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="text-center mt-4">
                <a href="{{ route('cart.index') }}"
                   class="btn btn-danger"><span class="fa fa-arrow-right"></span> بازگشت به سبد خرید</a>
                <a href="{{ route('account.addresses.create', ['_back' => 'addresses']) }}"
                   class="btn btn-primary"><span class="fa fa-plus"></span> ثبت آدرس جدید</a>
            </div>
        </div>
    </main>
@endsection