@extends('layouts.master')

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

@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>
    <ul class='nav nav-wizard' style="margin-left: 2% !important; margin-top: 2% !important;">
        @if(isset($booth))
        <li><a href="{{ Request::session()->get('event') ? "/booth/".Request::session()->get('event') : "/dashboard" }}" >@lang('global.go_back')</a></li>
        @else
        <li><a href="{{ Request::session()->get('event') ? "/merchandise/".Request::session()->get('event') : "/dashboard#new_order" }}" >@lang('global.go_back')</a></li>
        @endif
        @if(isset($booth))
        <li class='active'><a href='#step2' data-toggle="tab">@lang('global.summary')</a></li>
        @else
        <li class='active'><a href='#step2' data-toggle="tab">@lang('global.invoice')</a></li>
        @endif
    </ul>
</div>

<div class="container" style="margin-top: 1%; margin-bottom: 2%;"> 
    <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%;">
        {!! $invoice['result']['template']['value'] !!}
    </div>
    <hr>

    @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'))
        @php 
        $event = Api::retrieveEvent(Request::session()->get('event')); 
        @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)
    <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>
                            @php
                            if($gateway['additional_percentage'] != 0){
                            @endphp
                                (@lang('dashboard.additional_admin_charge') 
                            @php 
                                echo $gateway['additional_percentage']."%)";
                            }
                            @endphp
                        </em></b></small>
                        <small><b><em>
                            @php
                            if($gateway['additional_fixed_charge'] != 0){
                            @endphp
                                (@lang('dashboard.additional_fixed_rate_charge') 
                            @php 
                                echo $gateway['additional_fixed_charge'].")";
                            }
                            @endphp
                        </em></b></small>
                    </td>
                    <td class="text-center">
                        <a href="/payment/{{ $gateway['payment_method_name'] }}/{{ $gateway['id'] }}?transaction={{ $invoice['result']['transaction_id'] }}&invoice={{ $invoice['result']['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="#" class="btn btn-info print-invoice"><i class="fas fa-print"></i> @lang('global.print')</a>
        {{-- <a href="/merchandise/download/{{ $invoice['result']['transaction_id'] }}/invoice/{{ $invoice['result']['id'] }}" target="_blank" class="btn btn-primary"><i class="fas fa-file-pdf"></i> Download</a> --}}

        @if(Request::get('preview') == "")
            @if(isset($booth))
            <a href="{{ Request::session()->get('event') ? "/booth/".Request::session()->get('event') : "/dashboard" }}" class='btn btn-default' >@lang('global.back')</a>
            @else
            <a href="{{ Request::session()->get('event') ? "/merchandise/".Request::session()->get('event') : "/dashboard#new_order" }}" class='btn btn-default' >@lang('global.back')</a>
            @endif
        @endif
    </div>

    <br>

</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">
                                            <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="@lang('booth.attention_to')" 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="@lang('global.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