@extends('layouts.master')

@section('title', \Lang::get('global.dashboard'))

@section('css')
<script src="{{ URL::asset('public/js/jquery-3.1.1.min.js') }}"></script>
<script src="{{ URL::asset('public/js/jquery-ui.min.js') }}"></script>  
<script src="{{ URL::asset('public/js/formBuilder/form-render.js') }}"></script>
<script src="{{ URL::asset('public/js/stepwizard-form-validation.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('public/css/invoice.css') }}">
@stop

@section('content')
<div class="container" style="margin-top: 1%; margin-bottom: 2%;"> 
	<h3 style="font-weight: bolder;">@lang('global.invoice'): {{ $invoice['result']['reference'] }}</h3>
	<hr>
	<div align="center" class="form-group">
        <h4>
            <strong><span>@lang('dashboard.different_billing_address') <a href="#" class="billing-button btn btn-primary btn-lg"> @lang('dashboard.click_here')</a></span>
            </strong>
        </h4>
    </div>
    <hr>

	@if($form)
	@include('form.partials.form', ['form' => $form, 'invoice' => true])
	<hr>
	@endif

	<div class="invoice-display" style="margin-top: 2%; margin-bottom: 2%;">
		{!! $invoice['result']['template']['value'] !!}
	</div>
	
	<br>

	@if($receipt['status'] == 200)
	<hr>
	<div class="row">
		<div align="center">        
			<table class="table table-bordered" style="width: 70%;">
				<thead>
					<tr>
						<th colspan="7" class="text-center">@lang('dashboard.receipt_list')</th>
					</tr>
					<tr>
						<td>#</td>
						<td>@lang('dashboard.receipt_number')</td>
						<td>@lang('global.currency')</td>
						<td>@lang('global.amount')</td>
						<td>@lang('global.status')</td>
						<td>@lang('global.date')</td>
						<td>@lang('global.action')</td>
					</tr>
				</thead>
				<tbody>
                    @php
                    $i = 1;
                    @endphp
					@foreach($receipt['result'] as $no => $receipt)
                    @if($receipt['code'])
					<tr>
						<td class="text-left">{{ $i++ }}</td>
						<td class="text-left">{{ $receipt['code'] }}</td>
						<td class="text-left">{{ $receipt['currency_code'] }}</td>
						<td class="text-left">{{ $receipt['amount'] }}</td>
						<td class="text-left">{{ ucfirst($receipt['payment_status']) }}</td>
						<td class="text-left">{{ date('d M Y', strtotime($receipt['created_at'])) }}</td>
						<td class="text-center"><a  id="{{ $receipt['id'] }}" data-invoice='{{ $receipt['invoice_id'] }}' data-transaction="{{ $transaction_id }}" class="btn btn-xs btn-primary select-receipt"><i class="fas fa-search"></i>  @lang('dashboard.view_receipt')</a></td>
					</tr>
                    @endif
					@endforeach
				</tbody>
			</table>
		</div>
	</div>
	@endif

    @php
    $payment_lock = false; 
    @endphp

    @if($invoice['result']['invoice_status_type_id'] == 3 || $invoice['result']['invoice_status_type_id'] == 7 || $invoice['result']['invoice_status_type_id'] == 4 || $invoice['result']['invoice_status_type_id'] == 2 || $invoice['result']['invoice_status_type_id'] == 9 || $invoice['result']['invoice_status_type_id'] == 10)
        @php
        $payment_lock = true;
        @endphp
    @endif
    
    @if(Request::session()->get('event_code'))
        @php 
        $event = Api::retrieveEvent(Request::session()->get('event_code')); 
        @endphp

        @if($event['status'] == 200)
            @if(isset(json_decode($event['result']['parameter'], true)['payment']))
                @if(json_decode($event['result']['parameter'], true)['payment'] == 0)
                    @php
                    $payment_lock = true;
                    @endphp
                @endif
            @endif

        @endif
    @endif


    @if(!$payment_lock)

	@if($list_payment_gateway['status'] == 200)
	<hr>
	<div class="row">
		<div align="center">        
			<table class="table table-bordered" style="width: 70%;">
				<tr>
					<th colspan="2" class="text-center">@lang('dashboard.accepted_payment_methods')</th>
				</tr>
				@foreach($list_payment_gateway['result'] as $gateway)
                @php
                $gateway_parameter = json_decode($gateway['parameters'], true);
                $show_gateway = false;

                if(isset($gateway_parameter['display'])){
                    if($gateway_parameter['display'] == 1){
                        $show_gateway = true;
                    }
                }else{
                    $show_gateway = true;
                }
                @endphp
                @if($show_gateway)
				<tr>
					<td class="text-center">
						<div>{{ $gateway['name'] }}</div>
                        <small><b><em>{{ $gateway['additional_percentage'] != 0 ? "(".\lang::get('dashboard.additional_admin_charge')." ".$gateway['additional_percentage']."%)" : ""}}</em></b></small>
                        <small><b><em>{{ $gateway['additional_fixed_charge'] != 0 ? "(".\lang::get('dashboard.additional_fixed_rate_charge')." ".$gateway['additional_fixed_charge'].")" : ""}}</em></b></small>
					</td>
					<td class="text-center">
						<a href="/payment/{{ $gateway['payment_method_name'] }}/{{ $gateway['id'] }}?transaction={{ $transaction_id }}&invoice={{ $invoice_id }}" class="btn btn-success btn-ex payment-gateway"><i class="fas fa-shopping-cart"></i> @lang('dashboard.pay_now')</a>
					</td>
				</tr>
                @endif
				@endforeach
			</table>
		</div>
	</div>
	@endif

    @endif

	<br>

    <div class="form-group" align="center">
        {{-- <a href="/merchandise/download/{{ $transaction_id }}/invoice/{{ $invoice_id }}" target="_blank" class="btn btn-primary"><i class="fas fa-file-pdf"></i> Download</a> --}}
        <a href="#" class="btn btn-primary print-invoice"><i class="fas fa-print"></i> @lang('global.print')</a>
    </div>

    <br>
</div>

{{-- Popup modal --}}
<div class="modal fade" id="modal" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="billing_info" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="outer">
                    <div class="middle">
                        <div class="inner">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="well-block">
                                        <h2 class="text-center">@lang('booth.remain_billing_address') ?</h2>
                                        <hr>
                                        <a href="#" style="text-decoration: none;" data-dismiss="modal">
                                            <div class="well-block" style="padding-bottom: 0px;">
                                                <h4 class="text-center">@lang('booth.billing_information')</h4>
                                                <table class="table">
                                                    <tr>
                                                        <td style="text-align: right;">@lang('booth.attention_to')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['attn'] }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: right;">@lang('global.company')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['company'] }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: right;">@lang('global.address_1')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['address1'] }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: right;">@lang('global.address_2')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['address2'] }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: right;">@lang('global.country')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['country'] }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: right;">@lang('global.city')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['city'] }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: right;">@lang('global.postal_code')</td>
                                                        <td style="width: 1%">:</td>
                                                        <td class="col-md-8">{{ $billing_info['postal'] }}</td>
                                                    </tr>
                                                </table>
                                                <br>
                                            </div>
                                            <button type="button" class="btn btn-info btn-block remain-country">@lang('booth.remain_billing_address')</button>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="well-block">
                                        <h2 class="text-center">@lang('booth.different_bill_address') ?</h2>
                                        <hr>
                                        <div class="col-xs-12 col-sm-12 col-md-12" style="margin-top: 45px">
                                            <div class="form-group">
                                                <label class="control-label" for="attn">@lang('booth.attention_to')<span style="color: red;">*</span></label>
                                                <input type="text" name="attn" id="attn" class="form-control" placeholder="Attention" value="{{ $invoice_billing_info['attn'] }}" required>
                                            </div>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for="company">@lang('global.company')</label>
                                                <input type="text" name="company" id="company" class="form-control" placeholder="Company" value="{{ $invoice_billing_info['company'] }}">
                                            </div>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for="address1">@lang('global.address_1')<span style="color: red;">*</span></label>
                                                <input type="text" name="address1" id="address1" class="form-control" placeholder="@lang('global.address_1')" value="{{ $invoice_billing_info['address1'] }}" required>
                                            </div>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for="address2">@lang('global.address_2')</label>
                                                <input type="text" name="address2" id="address2" class="form-control" placeholder="@lang('global.address_2')" value="{{ $invoice_billing_info['address2'] }}">
                                            </div>
                                        </div>

                                        <div class="col-xs-12 col-sm-4 col-md-4" style="padding-left: 0px;padding-right: 0px;">
                                            <div class="form-group">
                                                <label class="control-label" for="country">@lang('global.country')<span style="color: red;">*</span></label>
                                                <select class="form-control" name="country" required>
                                                    <option value="">@lang('global.none')</option>
                                                    @if($list_country['status'] == 200)
                                                    @foreach($list_country['result'] as $country)
                                                    <option value="{{ $country['nicename'] }}" {{ $invoice_billing_info['country'] == $country['nicename'] ? "selected" : "" }}>{{ $country['nicename'] }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-4 col-md-4" style="padding-left: 0px;padding-right: 0px;">
                                            <div class="form-group">
                                                <label class="control-label" for="city">@lang('global.city')</label>
                                                <input type="text" name="city" id="city" class="form-control" placeholder="@lang('global.city')" value="{{ $invoice_billing_info['city'] }}">
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-4 col-md-4" style="padding-left: 0px;padding-right: 0px;">
                                            <div class="form-group">
                                                <label class="control-label" for="postal">@lang('global.postal_code')<span style="color: red;">*</span></label>
                                                <input type="text" name="postal" id="postal" class="form-control" placeholder="@lang('global.postal_code')" value="{{ $invoice_billing_info['postal'] }}" required>
                                            </div>
                                        </div>
                                        <button type="button" class="btn btn-info btn-block update-country">@lang('booth.proceed_bill_address')</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop


@section('javascript')
<script type="text/javascript">
	var form_data = [];
	var csrf_token = "{{ csrf_token() }}";
	var invoice = "{{ $invoice['result']['id'] }}";

	@if(isset($invoice['result']['submitted_data']))
	var invoice_data_check = true;
	var invoice_submission_id = "{{ $invoice['result']['submitted_data']['id'] }}";
	@else
	var invoice_data_check = false;
	var invoice_submission_id = null;
	@endif

	invoice_init();
</script>
@stop