@extends('modules.head') @section('contenido')
    <h3>
        <a href="{{ route('cart_abandonment.index') }}">Cart Abandonment</a>
    </h3>

    <section>
        <div class="box">
            <div class="box-body invoice boxEdit">

                <div class="row">

                    <input type="hidden" class="form-control" value="{{ $cartAbandonment->id }}"
                               disabled="disabled">

                    <div class="form-group col-md-3">
                        <label>Code</label>
                        <input type="text" class="form-control" value="{{ $cartAbandonment->eko_document }}"
                               disabled="disabled">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Name</label>
                        <input type="text" class="form-control" value="{{ $cartAbandonment->full_name }}"
                               disabled="disabled">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Email</label>
                        <input type="text" class="form-control" value="{{ $cartAbandonment->email }}"
                               disabled="disabled">
                    </div>
                </div>

                <div class="row">
                    <div class="form-group col-md-3">
                        <label>Time</label>
                        <input type="text" class="form-control" value="{{ $cartAbandonment->human_time }}"
                               disabled="disabled">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Total</label>
                        <input type="text" class="form-control" value="{{ $cartAbandonment->cart_total }}"
                               disabled="disabled">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Status</label>
                        <input type="text" class="form-control" value="{{ $cartAbandonment->cart_status }}"
                               disabled="disabled">
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-12 table-responsive dvPickingTbl">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>Product</th>
                                <th>Quantity</th>
                                <th>Price</th>
                                <th>Subtotal</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($cartAbandonment->cart_contents->products as $product)
                                <tr>
                                    <td>{{ $product->sku }}</td>
                                    <td>{{ $product->quantity }}</td>
                                    <td>{{ round($product->product_variation_price / $product->quantity, 2) }}</td>
                                    <td>{{ $product->product_variation_price  }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($cartAbandonment->cart_status == 'abandoned' || $cartAbandonment->cart_status == 'shopping')
                    <a type="button" class="btn btn-primary" href="{{ '/pos/create/cart_abandonment/' . $cartAbandonment->id }}">Convert to Order</a>
                @endif
            </div>
        </div>
    </section>

@endsection


<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/goods_issue.js') }}"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>