@extends('layouts.master')

@section('content')

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">{{Lang::get('common.summary.navigation.button.label')}}</h3>
    </div>
    <div class="panel-body">
        <table class="table client-summary">
            <tbody>
            @foreach($clientSummary as $key => $value)
                <tr>
                    <th>{{Lang::get('common.'.$key.'.label')}}</th>
                    <td>{{$value}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>

        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-ng-controller="IndexController">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form name="deposit" target="_blank" action="https://leomoney.com/ru-ru/operators/externalpayrequest/" method="post" novalidate>
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">ПОПОЛНЕНИЕ<span class="hidden-xs"> БАНКОВСКОЙ КАРТОЙ</span></h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group" data-ng-class="{ 'has-feedback has-error' : deposit.Amount.$touched && deposit.Amount.$invalid }">
                                <label for="amount">Сумма пополнения</label>
                                <div class="input-group">
                                    <input class="form-control" required="required" min="50" max="5000" name="Amount" type="number" id="amount" data-ng-model="deposit.amount">
                                    <span class="input-group-addon"> руб.</span>
                                </div>
                                <ul class="help-block with-errors list-unstyled" data-ng-if="deposit.Amount.$touched && deposit.Amount.$invalid">
                                    <li class="error" data-ng-if="deposit.Amount.$error.required">{{ Lang::get("messages.field_missing") }}</li>
                                    <li class="error" data-ng-if="deposit.Amount.$error.min">{{ Lang::get("messages.field.amount.min") }}</li>
                                    <li class="error" data-ng-if="deposit.Amount.$error.max">{{ Lang::get("messages.field.amount.max") }}</li>
                                </ul>
                            </div>
                            
                            
                            <input name="PayType" type="hidden" value="2">
                            <input name="Provider.Id" type="hidden" value="1703">
                            <input name="Provider.Fields.Entries[Account]" type="hidden" value="{{$clientSummary['contractId']}}">

                            <small class="text-muted">
                                Комиссия за данную услугу составляет 2%. При нажатии на кнопку «Пополнить» Вы будете переведены на сайт платежной системы НКО АО «Лидер».
                            </small>
                        </div>
                        <div class="modal-footer" style="text-align: center;">
                            <button type="submit" class="btn btn-primary" data-ng-disabled="deposit.$invalid">Пополнить</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@stop