@extends('admin.client.view')

@section('client_tab_content')

    <div class="tab-content w-100 overflow-auto">
        <div class="tab-pane fade active show">
            <div class="card deposit-card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">@lang('crm.deposit')</h5>
                    <div class="header-elements">
                        <div class="list-icons">
                            <a class="list-icons-item" data-action="collapse"></a>
                            <a class="list-icons-item" data-action="reload"></a>
                            <a class="list-icons-item" data-action="remove"></a>
                        </div>
                    </div>
                </div>

                <div class="card-body">

                    @include('partials.messages')


                    @if(count($signed_contracts) <= 0)
                        <div class="alert alert-danger border-0 alert-dismissible">There is not signed Contract.</div>
                    @else

                        {!! Form::open(['route' => ['admin.deposit.store'], 'method' => 'POST', 'id' => 'deposit-form']) !!}
                        <input type="hidden" name="client_id" value="{{ $client->id }}">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label><span class="text-danger">* </span>@lang('crm.contract')</label>
                                    <select name="contract_id" class="form-control-select2 mb-5">
                                        @foreach($signed_contracts as $contract)
                                            <option value="{{ $contract['id'] }}">{{ $contract['subject'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-sm-6">
                                <div class="form-group ">
                                    <label><span class="text-danger">* </span>@lang('crm.currency')</label>
                                    <select class="form-control-select2" name="deposit_currency" data-fouc>
                                        @foreach($currencies as $currency)
                                            <option value="{{ $currency['id'] }}"
                                                    @if(isset($contract->type->trading_currency) && $contract->type->trading_currency == $currency['id']) selected @endif>{{ $currency['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-md-4 col-sm-6">
                                <label><span class="text-danger">* </span>@lang('crm.deposit_amount')</label>
                                <input type="number" name="deposit_amount" value="{{ $contract->contract_value }}" class="form-control"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-4 col-sm-6">
                                <label>@lang('crm.deposit_service_fee')</label>
                                <div class="input-group">
                                    <input type="text" name="deposit_fee" value="" readonly class="form-control"
                                           data-popup="tooltip" title="@lang('crm.deposit_service_fee_tooltip')"
                                           data-container="body"/>
                                    <span class="input-group-append">
                                        <span class="input-group-text">%</span>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group col-md-4 col-sm-6">
                                <label>@lang('crm.service_fee')</label>

                                <div class="input-group">
                                    <input type="text" name="service_fee" value="" readonly class="form-control"
                                            data-popup="tooltip" title="@lang('crm.deposit_service_fee_tooltip')"
                                            data-container="body"/>
                                    <span class="input-group-append">
                                        <span class="input-group-text">%</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-4 col-sm-6">
                                <label>@lang('crm.usd_value')</label>
                                <input type="text" name="usd_value" value="" readonly class="form-control"
                                       data-popup="tooltip" title="@lang('crm.deposit_usd_value_tooltip')"
                                       data-container="body"/>
                            </div>
                            <div class="form-group col-md-4 col-sm-6">
                                <label id="lbl_contract_currency"></label>
                                <input type="text" name="contract_amount" value="" readonly class="form-control"
                                       data-popup="tooltip" title="@lang('crm.deposit_usd_value_tooltip')"
                                       data-container="body"/>
                            </div>
                        </div>

                        <p>* @lang('crm.deposit_note')</p>
                        @if(admin_permission('deposit.confirm', $client['id']))
                        <div class="text-right">
                            <button type="button" data-toggle="loader" data-loading-text="@lang('crm.wait_text')" class="btn btn-primary">Save</button>
                        </div>
                        @endif
                        {!! Form::close() !!}
                    @endif
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <form action="#">
                        <table class="table" id="deposit-table">
                            <thead>
                            <th>@lang('crm.deposit')</th>
                            <th>@lang('crm.contract')</th>
                            <th>@lang('crm.deposit_amount')</th>
                            <th>@lang('crm.contract_amount')</th>
                            <th>@lang('crm.deposit_status')</th>
                            </thead>
                            <tbody>
                            @if (count($deposits) > 0)
                                @foreach($deposits as $deposit)
                                    <tr>
                                        <td>
                                            <a href="#">#{{$deposit['id']}}</a>
                                            @if($deposit['status'] == 1 && admin_permission('deposit.confirm', $deposit['client_id']))
                                            <div class="row-options">
                                                <a href="{{ route('admin.deposit.confirm', ['deposit' => $deposit['id'], 'type' => 'approve']) }}" class="text-success">Approve </a>
                                                | <a href='{{ route('admin.deposit.confirm', ['deposit' => $deposit['id'], 'type' => 'reject']) }}' class="text-danger">Reject </a>
                                            </div>
                                             @endif
                                        </td>
                                        <td>
                                            <a href="{{ url('admin/contracts/contract/'.$deposit['contract_id']) }}">{{ $deposit->contract['subject'] }}</a>
                                        </td>
                                        <td>{!!  app_format_money($deposit['deposit_amount'], $deposit['deposit_currency'])  !!}</td>
                                        <td>{!!  app_format_money($deposit['contract_amount'], $deposit['contract_currency']) !!}</td>
                                        <td>{!!  format_contract_status($deposit['status'])  !!}</td>
                                    </tr>
                                @endforeach
                            @else
                            @endif
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('styles')

@stop

@section('scripts')
    {!! JsValidator::formRequest('CRM\Http\Requests\Client\DepositCreateRequest', '#deposit-form') !!}

    <script>
        $(document).ready(function () {
            calculate_deposit();

            $('select[name="contract_id"]').on('change', function (e) {
                calculate_deposit();
            })

            $('select[name="deposit_currency"]').on('change', function (e) {
                calculate_deposit();
            })

            $('input[name="deposit_amount"]').on('change keyup mouseup', function (e) {
                calculate_deposit();
            });

            $('#deposit-form').on('submit', function () {
                //$('input[name="amount"]').trigger('change');
                return true;
            })

            $('#deposit-table').DataTable({
                'drawCallback': function( settings, json ) {
                    return;
                },
                'order': [[0, 'asc']]
            });

        });

        function calculate_deposit() {
            var contract_id = $('select[name="contract_id"]').val();
            if (!contract_id)
                return;

            var currency = $('select[name="deposit_currency"]').val();
            if (!currency)
                return;
            var amount = $('input[name="deposit_amount"]').val();
            if (!amount || amount < 0)
                return;

            blockUI($('.deposit-card'));

            $.ajax({
                type: 'POST',
                url: "{{ url('admin/deposit/calculate_deposit') }}",
                data: {contract_id: contract_id, currency: currency, amount: amount},
                success: function (response) {
                    if (response.status == 1) {
                        $('input[name="usd_value"]').val(response.data.usd_value);
                        $('input[name="service_fee"]').val(response.data.service_fee);
                        $('input[name="deposit_fee"]').val(response.data.deposit_fee);
                        $('input[name="contract_amount"]').val(response.data.contract_value);
                        $('label#lbl_contract_currency').html('Amount of contract('+response.data.contract_currency_name+")");
                    } else {
                        errorNotify(response.msg);
                    }
                },
                error: function (response) {
                    errorNotify(response.responseJSON.message);
                },
                complete: function () {
                    unblock($('.deposit-card'));
                }
            }, 'json')
        }
    </script>
@stop