@extends('layouts.app')
@section('content')
    <main class="body-content container-fluid my-5">
        <h3 class="text-secondary text-center">جزئیات سفارش</h3>
        @if(settings('checkout-note'))
            <div class="alert alert-info">{!! settings('checkout-note') !!}</div>
        @endif
        <hr>
        @csrf
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 col-sm-12">
                    <div class="card">
                        <div class="card-header">آدرس گیرنده ({{ $address->name }})
                            <a href="{{ route('addresses.index') }}" class="btn btn-sm btn-info float-end">تغییر آدرس</a>
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                {{ $address->city->name }}، {{ $address->address }}
                                <br>
                                کد پستی {{ $address->postal_code }}
                                /
                                پلاک {{ $address->plaque }}
                                @if($address->floor)
                                    /
                                    واحد{{ $address->floor }}
                                @endif
                            </p>
                        </div>
                    </div>
                    <div class="card mt-3">
                        <div class="card-header">لیست محصولات
                            <a href="{{ route('cart.index') }}" class="btn btn-sm btn-info float-end">سبد خرید</a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr class="text-center">
                                        <th scope="col">تصویر</th>
                                        <th scope="col">محصول</th>
                                        <th scope="col">قیمت واحد</th>
                                        <th scope="col">تعداد</th>
                                        <th scope="col">جمع کل</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($carts as $cart)
                                        @php
                                            $product = $products->find($cart->id);
                                        @endphp
                                        <tr class="text-center">
                                            <td>
                                                <a href="{{ route('products.show', $product->slug) }}">
                                                    <img src="{{ asset($product->image) }}"
                                                         alt="{{ $product->name }}"
                                                         width="60"
                                                         height="40">
                                                </a>
                                            </td>
                                            <td>
                                                <p>
                                                    <a class="text-dark unde"
                                                       href="{{ route('products.show', $product->slug) }}">
                                                        <u>{{ $product->name }}</u>
                                                    </a>
                                                    @if(count($cart->options))
                                                        <span class="text-secondary">({{ $cart->options['name'] }})</span>
                                                    @endif
                                                </p>
                                            </td>
                                            <td>
                                                @if($cart->name != 'none')
                                                    <del class="text-danger">
                                                        {{ to_persian_numbers(number_format($cart->name)) }}
                                                    </del>
                                                    <br>
                                                @endif
                                                {{ to_persian_numbers(number_format($cart->price)) }}
                                            </td>
                                            <td>{{ to_persian_numbers(number_format($cart->qty)) }}</td>
                                            <td>{{ to_persian_numbers(number_format($cart->price * $cart->qty)) }}</td>
                                        </tr>
                                    @endforeach
                                    <tr class="text-center">
                                        <td colspan="4"><b>جمع کل</b></td>
                                        <td><b>{{ to_persian_numbers(number_format($total)) }}</b></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12">
                    <div class="card mt-3 mt-lg-0">
                        <div class="card-header">صورتحساب</div>
                        <livewire:frontend.checkout.index :cartTotal="$total" :address="$address"/>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection