@extends('frontend.layouts.template')
@section('stylesheet')
<style>
	.jje{
		border: 1px solid #47A0CD;
	}
	.jje:hover{
		color: #47A0CD !important
	}
	.jje:before,.jje:after{
		background-color: #47A0CD
	}
</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.order_completed') }}</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ trans('label.home') }}</a></li>
                    <li class="breadcrumb-item active">{{ trans('label.order_completed') }}</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="row justify-content-center">
            <div class="col-md-8">
                <div class="text-center order_complete">
                	<i class="fas fa-check-circle"></i>
                    <div class="heading_s1">
                  	<h3>{{ trans('label.your_order_is_completed') }}</h3>
                    </div>
                  	<p>{{ trans('msg.thank_message_order') }}</p>
                    @if ( auth()->check() && auth()->user()->login_type != 'customer')
                    @php
                        $user = auth()->user();
                    @endphp
                    <div class="card mb-3">
                        <div class="card-body">
                            <div>
                                <h4><b>{{ trans('label.order') }} #{{ $order->order_no }}</b></h4>
                            </div>
                            <div class="pt-3 pb-3">
                                <table style="width: 100%;border:1px solid #EFF1F6">
                                    <tr>
                                        <td colspan="2" style="background: #EFF1F6;text-align:center;padding: 5px;">{{ trans('label.' . $order->status) }}</td>
                                    </tr>
                                    <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('+6 hours '. $order->created_at)),true ) }}</td>
                                    </tr>
                                    <tr>
                                        <td style="padding:5px 15px;" colspan="2">
                                            <span style="font-size: 14px;color: red;">*{{ trans('msg.message_alert_paid') }}</span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="pb-3">
                                <h4><b>{{ trans('label.bank_transfer_instructions') }}</b></h4>
                                <div>
                                    {{ trans('msg.message_tranfer_money1') }}
                                </div>
                                <div>
                                    {{ trans('msg.message_tranfer_money2') }}
                                </div>
                            </div>

                            <div class="pt-3 pb-5">
                                <h5><b>{{ trans('msg.transfer_to_bank_account') }}</b></h5>
                                @if($payments)
                                @foreach( $payments as $payment )
                                    @php
                                        $bank = json_decode( $payment->description );
                                    @endphp

                                    <div>
                                        <div style="display: inline-block">
                                            @if( $payment->logo )
                                            <img src="{{ asset( $payment->logo->link ) }}" alt="" style="width: 50px;">
                                            @endif
                                        </div>
                                        <div style="display: inline-block;vertical-align: bottom;padding-left: 15px;">
                                            {{  objectName( $bank->account ) }} <br/>
                                            {{  objectName( $bank->name ) }} <br/>
                                            <strong>{{ $payment->account_id }}</strong>
                                        </div>
                                    </div>
                                @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                        
                    @endif
                    <a href="{{ url('products/category/0/all')}}" class="btn btn-fill-out">{{ trans('label.continue_shopping') }}</a>
                    @if( $order->status == 'waiting')
                    <div class="mt-3">
                    	<a href="{{ url('account/payment-confirm/'. $order_id ) }}" class="btn btn-fill-out jje" style="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ trans('label.notice_of_payment') }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- END SECTION SHOP -->
</div>
<!-- END MAIN CONTENT -->
@endsection
@section('javascript')
<script>

</script>
@endsection