@extends('invoice.afterCommission.step', [
	'selected' => 'take',
])

@push('head')
<script type="text/javascript">

@if (isLogin('staff'))
    $(document).ready(function() {
        $('form[name=form_register] input[name=commission_amount_exchange]').bind({
			focus:function() {
				$(this).val($(this).val().replace(/[^-.0-9]/g, ''));
			},
			focusout:function() {
				var number = $(this).val().replace(/[^-.0-9]/g, '');
				$(this).val(number.numberFormat());
			},
		});

		$('form[name=form_register] input[name=commission_exchange_rate]').bind({
			focus:function() {
				$(this).val($(this).val().replace(/[^.0-9]/g, ''));
			},
			focusout:function() {
				var number = $(this).val().replace(/[^.0-9]/g, '');
				$(this).val(Number(number).toFixed(2));
				calcAmountExchange();
			},
			keyup:function() {
				calcAmountExchange();
			},
		});

		var calcAmountExchange = function() {
			var amount = {{ $info_invoice->commission_amount or 0 }};
			var exchange_rate = $('form[name=form_register] input[name=commission_exchange_rate]').val().replace(/[^.0-9]/g, '');
			var amount_exchange = Math.round(amount * exchange_rate / 10) * 10;
            if (amount_exchange) {
                amount_exchange =amount_exchange.numberFormat();
            } else {
                amount_exchange = '';
            }

			$('form[name=form_register] input[name=commission_amount_exchange]').val(amount_exchange);
		};
		calcAmountExchange();
    });
@endif

</script>
@endpush

@section('invoice-content-notice')
<ul class="text-muted register-notice caution">
    <li>{!! nl2br(Lang::get('invoice.desc.commission_amount_estimated_exchange_rate')) !!}</li>
</ul>
@endsection

@section('invoice-content-table-add-info')
    @if (isLogin('staff'))
        <tr>
            <th><p class="text-right form-control-static">{{ Lang::get('invoice.word.converted_amount') }}</p></th>
            <td class="clearfix">
                <div class="pull-left"><p class="text-left form-control-static">{{ $info_invoice->exchange_currency_name or '' }}</p></div>
                <div style="padding-left:20px"><input type="text" class="form-control" name="commission_amount_exchange" value="{{ $info_invoice->commission_amount_exchange !== null ? number_format($info_invoice->commission_amount_exchange) : '' }}"/></div>
            </td>
            <th><p class="text-right form-control-static">{{ Lang::get('invoice.word.exchange_rate') }}</p></th>
            <td class="clearfix">
                <div><input type="text" class="form-control" name="commission_exchange_rate" value="{{ $info_invoice->commission_exchange_rate or '' }}"/></div>
            </td>
        </tr>
        <tr>
            <th><p class="text-right form-control-static">{{ Lang::get('invoice.word.notes') }}</p></th>
            <td colspan="3">
                <textarea class="textarea" name="memo" style="height:80px" placeholder="Please enter notes.">{{ $info_invoice->afterCommission->memo or '' }}</textarea>
            </td>
        </tr>
    @endif
@endsection

@section('invoice-content-buttons')
    <p class="text-center">{{ Lang::get('invoice.desc.would_you_like_fix_exchange_rate_and_converted_amount') }}</p>
    <div class="text-center" style="padding-top:25px">
        <button type="button" class="btn btn-action btn-warning" onclick="setStatus('REQUEST')" title="{{ Lang::get('invoice.desc.cancel_commission_retrieval') }}">{{ Lang::get('invoice.word.cancel') }}</button>
        <button type="button" class="btn btn-action btn-inverse" onclick="window.close()" title="{{ Lang::get('invoice.desc.close_this_window') }}">{{ Lang::get('invoice.word.close') }}</button>
        <button type="button" class="btn btn-action btn-success" onclick="setStatus('AMOUNT_FIX')" title="{{ Lang::get('invoice.desc.fix_amount') }}">{{ Lang::get('invoice.word.confirm') }}</button>
    </div>
@endsection