@extends('frontend.layouts.template')
@section('stylesheet')
<style type="text/css">
    #event-code-response{
        display: block;
        text-align: left;
    }
    .bordered{
        border: 1px solid #007bff;
        border-radius: .25rem;
    }
</style>

@endsection
@section('content')
<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section bg_gray page-title-mini">
    <div class="container"><!-- STRART CONTAINER -->
        <div class="row align-items-center">
        	<div class="col-md-6">
                <div class="page-title">
                    <h1>{{ trans('label.my_account') }}</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ trans('menu.home') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ url('account/profile') }}">{{ trans('menu.my_account') }}</a></li>
                    <li class="breadcrumb-item active">{{ trans('menu.order') }}</li>
                </ol>
            </div>
        </div>
    </div><!-- END CONTAINER-->
</div>
<!-- END SECTION BREADCRUMB -->

<!-- START MAIN CONTENT -->
<div class="main_content">

    <!-- START SECTION SHOP -->
    <div class="section">
        <div class="container">
            <div class="form-row mb-3">
                <div class="col-md-6 col-sm-6">
                    <h4><b>Order #{{ $order->order_no }}</b></h4>
                </div>
                <div class="col-md-6 col-sm-6 text-right">
                    @if( $order->status == 'waiting' )
                        <a href="{{ url('account/payment-confirm/' . $order->id) }}" class="btn btn-fill-out btn-sm">{{ trans('label.notice_of_payment') }}</a>
                    @endif
                </div>
            </div>
            @php
                $bgColor = '#eff1f6';
                $txtColor = '#687188';
                if( $order->status == 'approved' ){
                    $bgColor = '#038f22';
                    $txtColor = '#ffffff';
                }
                if( $order->status == 'unapproved' ){
                    $bgColor = '#ff0000';
                    $txtColor = '#ffffff';
                }
            @endphp
            <div class="pt-3 pb-3">
                <table style="width: 100%;border:1px solid {{ $bgColor }}">
                    <tr>
                        <td colspan="2" style="background: {{ $bgColor }}; color: {{ $txtColor }};text-align:center;padding: 5px;">{{ trans('label.' . $order->status) }}</td>
                    </tr>
                    @if ($order->status == 'unapproved')
                        <tr>
                            <td colspan="2" class="alert alert-danger">
                                {{ $order->approve_remark }}
                            </td>
                        </tr>
                    @endif
                    <tr>
                        <td style="padding:5px 15px;">{{ trans('label.amount') }}</td>
                        <td>฿{{ nb(orderPrice($order),2) }}</td>
                    </tr>
                    <tr>
                        <td style="padding:5px 15px;">{{ trans('label.before') }}</td>
                        <td>{{ showDate( date('Y-m-d H:i:s', strtotime('+48 hours '. $order->created_at)),true ) }}</td>
                    </tr>
                </table>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive shop_cart_table">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th class="product-thumbnail">&nbsp;</th>
                                    <th class="product-name">{{ trans('label.product') }}</th>
                                    <th class="product-price">{{ trans('label.price') }}</th>
                                    <th class="product-quantity">{{ trans('label.quantity') }}</th>
                                    <th class="product-subtotal">{{ trans('label.total') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if( count( $order->details ) > 0 )
                                @foreach( $order->details as $cart )
                                    @php
                                        $total += $cart->price * $cart->quantity;
                                    @endphp
                                    <tr>
                                        <td class="product-thumbnail"><a href="#"><img src="{{ asset( $cart->product_image ) }}" alt="{{ $cart->product_name }}"></a></td>
                                        <td class="product-name" data-title="Product"><a href="#">{{ $cart->product_name }}</a></td>
                                        <td class="product-price" data-title="Price">฿{{ nb( $cart->price ,2 )}}</td>
                                        <td class="product-quantity" data-title="Quantity"><div class="quantity">{{ $cart->quantity }}</div></td>
                                        <td class="product-subtotal" data-title="Total">฿{{ nb( $cart->price * $cart->quantity, 2 )}}</td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="border p-3 p-md-4">
                        <div class="heading_s1 mb-3">
                            <h6>{{ trans('label.totals') }}</h6>
                        </div>
                        <div class="table-responsive">
                            @php
                                if( $total == 0 )
                                    $shipping_price = 0;
                            @endphp
                            <table class="table">
                                <tbody>
                                    @if ($order->discount > 0 )
                                    <tr>
                                        <td class="cart_total_label">{{ auth()->user()->level == 'staff' ? 'Staff' : '' }} {{ trans('label.discount') }}</td>
                                        <td class="cart_total_amount">฿{{ nb($order->discount,2) }}</td>
                                    </tr>
                                    @php
                                        $total = $total - $order->discount;
                                    @endphp
                                    @endif
                                    <tr>
                                        <td class="cart_total_label">{{ trans('label.subtotal') }}</td>
                                        <td class="cart_total_amount">฿{{ nb($total,2) }}</td>
                                    </tr>
                                    <tr>
                                        <td class="cart_total_label">{{ trans('label.shipping') }}</td>
                                        <td class="cart_total_amount">฿{{ nb( $shipping_price, 2 ) }}</td>
                                    </tr>
                                    <tr>
                                        <td class="cart_total_label">{{ trans('label.total') }}</td>
                                        <td class="cart_total_amount"><strong>฿{{ nb( $total + $shipping_price ,2 ) }}</strong></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END SECTION SHOP -->
</div>
<!-- END MAIN CONTENT -->

@endsection
@section('javascript')
@endsection