@extends('admin._layouts.master')

@section('css')

    {!! HTML::style('/assets/common/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') !!}

@endsection

@section('content')

    @if(!$editing)
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="info-box">
                    <span class="info-box-icon bg-yellow"><i class="fa fa-balance-scale"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-number">{{ $accountable->name }}</span>
                        <span class="info-box-text">@transUc('models.generic.balance')</span>
                        <span class="info-box-number">@currencySymbol {{ formatCurrency($accountable->companyAccountBalance) }}</span>
                    </div>
                </div>
            </div>
        </div>
    @endif

    {!! Form::model($transaction , ['url' => $action, 'method' => $method]) !!}
    <div class="row">
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('ui.create.title', [
                        'model_name' => trans('models.transaction.model_name')
                        ])
                    </h3>
                </div>
                <div class="box-body">
                    <div class="form-group">
                        <label for="checkout-amount"><b>@transUc('.transaction_direction')</b></label>
                        <br>
                        <div class="bootstrap-toggle-box">
                            <span>{{ company()->name ?: transUcFirst('.firm') }}</span>

                            <input type="checkbox" class="setting" name="inverse_direction" value="1" {{ $inverse ? 'checked' : '' }}
                            data-toggle="toggle"
                                   data-on="@transUcFirst('.payment') <i class='fa fa-chevron-right'></i> " data-onstyle="warning"
                                   data-off="<i class='fa fa-chevron-left'></i> @transUcFirst('.collection')" data-offstyle="success"
                                   data-size="mini"
                            >

                            <span>{{ $accountable->name }}</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="checkout-amount"><b>@transUc('models.transaction.amount')</b></label>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon2">@currencySymbolLg </span>
                            {!! Form::number('amount', $transaction->amount, ['class' => 'form-control', 'step' => '0.01', 'pattern' => "[0-9]+([\., ][0-9]+)?"]) !!}
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="discount" class="discount">
                            <b>@transUc('generic.financial.discount')</b>
                        </label>

                        <div class="input-group discount">
                            <span class="input-group-addon" id="basic-addon2">@currencySymbolLg</span>
                            {!! Form::number('discount', $transaction->discount, ['class' => 'form-control text-darkred', 'step' => '0.01', 'pattern' => "[0-9]+([\., ][0-9]+)?"]) !!}
                            <span class="input-group-addon" id="basic-addon2"><i class="fa fa-percent"></i></span>
                            <input id="discount-percentage" type="number" min="0" max="100" step="1" pattern="[0-9]+" class="form-control" name="percentage">
                        </div>
                    </div>

                    {!! FormGroup::select('payment_type', transUc('models.generic.payment_type'), $paymentTypes, $transaction->payment_type) !!}

                    <div class="form-group">
                        <label>@transUc('models.transaction.paid_at')</label>
                        <div class='input-group date' id='paid_at'>
                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                            <input type="text" name="paid_at" class="form-control">
                        </div>
                    </div>
                    {!! FormGroup::textarea('description', transUc('models.transaction.description')) !!}
                </div>
            </div>
        </div>

        @if($transaction->action_type == 'sale' && $transaction->action)
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-body">
                        @include('admin.sales._partials.sale-detail', ['sale' => $transaction->action])
                    </div>
                </div>
            </div>
        @endif

        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-body">
                    @include('admin._partials.form-submit')
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

@endsection

@push('scripts')

    {!! HTML::script('/assets/common/bootstrap-datetimepicker/moment-with-locales.min.js') !!}
    {!! HTML::script('/assets/common/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') !!}

    <script>
        $(function () {
            $('#paid_at').datetimepicker({
                locale     : moment.locale(window.userLocale),
                format     : 'DD.MM.YYYY HH:mm',
                sideBySide : true,
                defaultDate: '{{ $transaction->paid_at ?: Carbon\Carbon::now() }}',
            })
        })


        $amount             = $('[name="amount"]')
        $discount           = $('[name="discount"]')
        $discountPercentage = $('[name="percentage"]')

        $amount.on('input', function () {
            $discount.val(num.pct($amount.val(), $discountPercentage.val()).mtFixed(2)).glow()
        })

        $discount.on('input', function () {
            $discountPercentage.val(num.findPct($amount.val(), $discount.val()).toFixed(0)).glow()
        })

        $discountPercentage.on('input', function () {
            $discount.val(num.pct($amount.val(), $discountPercentage.val()).mtFixed(2)).glow()
        })

    </script>
@endpush