@extends('shop/layout')
@section('shop')
<link rel="stylesheet" type="text/css" href="/css/stripe-base.css" data-rel-css="" />
<link rel="stylesheet" type="text/css" href="/css/stripe-custom.css" data-rel-css="" />
<div class="container">
<div class="row">
    <div class="col-md-6">
        <table class="container">
            <tr class="row">
                <th class="col-md-2">&nbsp;</th>
                <th class="col-md-5">Product</th>

                <th class="col-md-1">Qty</th>
                <th class="col-md-4">Price</th>
            </tr>

            @foreach($order->lines as $line)

            <tr class="row">
                <td class="col-md-2">
                   <img src="{{$line->product->picture}}"/>
                </td>
                <td class="col-md-5">
                    {{$line->product->title}}
                </td>

                <td class="col-md-1">
                    {{$line->qty}}
                </td>
                <td class="col-md-4">{{$line->price}}{{$order->currency}}</td>

            </tr>
            @endforeach
            <tr class="row">
                <td class="col-md-12 text-right font-weight-bold">Total : {{$order->total}}{{$order->currency}}<br/>
                    {{ $order->datas['cryptoPrice']}} {{$order->datas['cryptoCurrency']}}
                <br/>
                </td>
            </tr>
        </table>
    </div>
    <div class="col-md-6 text-center payment-part" data-order-id="{{$order->id}}">


        <div class="container ">
            <div class="row" style="padding: 0 20px;">
                <div class="col-md-12 bg-white">
                    <main>
                        @if($order->status >= \App\Models\Order::statusWaiting)
                            <img class="currency-logo" src="/img/currency/{{$tokenLong}}.png"/>
                            <img class="payment-address-img" src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl={{$tokenLong}}:{{$address}}"/>
                            <span class="payment-address">{{$address}}</span>

                            <div id="payment-status">
                                <div class="payment-message">
                                    {{ucfirst($tokenLong)}} transaction take time, we are waiting 30 minutes before cancel the order
                                </div>
                                <div class="payment-progress">

                                </div>
                            </div>
                        @elseif($order->status == \App\Models\Order::statusCanceled)
                            <div id="payment-status">
                                <div class="payment-message">
                                    Your order as been canceled
                                </div>
                                <div class="payment-progress">
                                    <img src="https://formulaire.bonne-assurance.com/templates/pictogrammes/png/256px/choix-non256x.png"/>
                                </div>
                            </div>

                        @endif
                    </main>
                </div>
            </div>

        </div>

    </div>
</div>
</div>
@stop