Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Add demand deposit</title>

    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <link href="../../css/dashboard.css" rel="stylesheet">
    <link href="../../css/plugins/morris.css" rel="stylesheet">

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../../js/bootstrap.min.js"></script>
    <script src="../../js/jquery.js"></script>
    <script type="text/javascript" src="../../js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../js/moment-with-locales.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.min.js"></script>
    <script src="../../js/scriptbreaker-multiple-accordion-1.js"></script>

    <!--импортируем фаил с главным меню--->
    <link rel="import" href="../../menu.html">

    <!--скрипт, который запускает "раскрытие" в главном меню--->
    <script language="JavaScript">
        $(document).ready(function() {
            $(".topnav").accordion({
                accordion:true,
                speed: 500,
                closedSign: '',
                openedSign: ''
            });
        });
    </script>
</head>
<body>
<form method="POST" action="demandDeposit.php">
    <form method="GET" action="demandDeposit.php">

            <div class="container-fluid">
                <div class="row">
                    <!--загружаем главное меню--->
                    <script>
                        var doc = document.querySelector('link[rel="import"]').import;
                        var text = doc.querySelector('.menu');
                        document.body.appendChild(text.cloneNode(true));
                    </script>

                    <!--блок с рабочей областью-->
                    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
                        <div class="row">
                            <h2>Add new deposit</h2>
                        </div>

                        <div class="row marginTop">
                            <form class="form-group">

                                <!--Первая колонка--->
                                <!--общие control-ы для всех видов депозитов--->
                                <div class="col-md-4">

                                    <div class="row">
                                        <div class="form-group">
                                            <label for="numberAgreement">Agreement №:</label>
                                            <input type="number" class="form-control" id="numberAgreement" name="addNumberAgreement" min="1"
                                                   placeholder="Enter the number agreement" required>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <label for="typeOfDeposit">Type of deposit:</label>
                                        <input type="text" class="form-control" id="typeOfDeposit" name="addTypeDeposit" value="demand" readonly   >
                                    </div>

                                    <div class="row">
                                        <div class="form-group">
                                            <label for="nameOfDeposit">Name of deposit:</label>
                                            <select class="form-control" id="nameOfDeposit" name="addNameDeposit" required>
                                                <option value="slivki">Slivki</option>
                                                <option value="alfaMix">Alfa-mix</option>
                                            </select>
                                            <!---скрипт, который показывае определенный блок с control-ами, взависимости от выбранного
                                            пункта в select. --->
                                            <script type="text/javascript">
                                                $(document).ready(function() {
                                                    $('#nameOfDeposit').on('change', function() {
                                                        $('div.for').hide();
                                                        $('div.for-' + $(this).val()).show();
                                                    });
                                                });
                                            </script>

                                        </div>
                                    </div>

                                    <div class="row">
                                        <label for="sumOfDeposit" >Amount of deposit:</label>
                                        <input type="number" class="form-control" id="sumOfDeposit" name="addSumDeposit" placeholder="Enter the amount" required>
                                    </div>

                                    <div class="row">
                                        <label for="plan">Plans of accounts:</label>
                                        <select class="form-control" id="plan" name="addPlan" required >
                                            <? while ($arrayWithPlan=mysqli_fetch_assoc($allPlans)) : ?>
                                            <option value="<?=$arrayWithPlan['id_plan'] ?>" > <?=$arrayWithPlan['code_plan']?> (<?=$arrayWithPlan['name_plan']?>) </option>
                                            <? endwhile ?>
                                        </select>
                                    </div>

                                    <div class="row">
                                        <label for="client">Client:</label>
                                        <select class="form-control" id="client" name="addClient" required>
                                            <? while ($rowWithClient=mysqli_fetch_assoc($allClients)) : ?>
                                            <option value="<?=$rowWithClient['id_user']?>"><?=$rowWithClient['first_name'], ' ',
                                                                                  $rowWithClient['middle_name'], ' (',
                                                                                  $rowWithClient['series_passports'],
                                                                                  $rowWithClient['number_passports'], ')'?>
                                            </option>
                                            <? endwhile ?>
                                        </select>
                                    </div>
                                </div><!--./.col-md-4-->

                                <!--вторая колнка-->
                                <div class="col-md-1">
                                    <!-- пустой блок, который требуется для отступа-->
                                </div>

                                <!--третья колонка-->
                                <div class="col-md-5">

                                    <div class="row">
                                        <label for="currency">Currency:</label>
                                        <select class="form-control" id="currency" name="addCurrency">
                                            <? while ($rowWithCurrency=mysqli_fetch_assoc($allCurrency)) : ?>
                                            <option value=" <?=encoding($rowWithCurrency['id_currency']) ?> "> <?=encoding
                                ($rowWithCurrency['name_currency'])?> </option>
                                            <? endwhile ?>

                                        </select>
                                    </div>

                                    <div class="row">
                                        <label for="addStartDate">Start date:</label>
                                        <input type="text" class="form-control" id="datetimepicker2" name="addStartDate" placeholder="Enter the start date" required>
                                        <!--скрпит, который нужен для работы календаря-->
                                        <script type="text/javascript">
                                            $(function () {
                                                $('#datetimepicker2').datetimepicker(
                                                        {
                                                            pickTime: false,
                                                            showToday: true,
                                                            daysOfWeekDisabled: [0],  /*запрет на выбор даты, которая выпадает на воскресенье */
                                                            language: 'ru'
                                                        }
                                                );
                                            });
                                        </script>
                                    </div>

                                    <!---блоки, которые отображаются в зависимости от выбранного вида депозита---->
                                    <!--блок для депозита optimal-1--->
                                    <div class="for-slivki for">
                                        <div class="row">
                                            <label for="percent">Percent of deposit:</label>
                                            <input type="number" class="form-control" id="percent" name="addPercent" value="30" readonly >
                                        </div>
                                    </div><!--/.for-optimal1 for-->


                                    <!--блок для депозита exclusive--->
                                    <div class="for-alfaMix for" style="display:none;">
                                        <div class="row">
                                            <label for="percent">Percent of deposit:</label>
                                            <input type="number" class="form-control" id="percent" name="addPercent" value="24" readonly >
                                        </div>
                                    </div><!--/.for-exclusive for-->

                                </div><!---конец третьей колонки---->

                            </form><!---/.form-group-->
                        </div><!--/.row-->

                        <div class="row">
                            <div class="col-md-7">
                                <!--пустой блок, который требуется для отступа-->
                            </div>

                            <div class="col-md-3" style="margin-top: 2%">
                                <input type="submit" class="btn btn-block btn-default" name="buttonSave" value="   Save deposit    ">
                            </div>
                        </div><!--/.row-->

                    </div><!--/.main-->
                </div> <!---/.row-->
            </div><!---/.comtainer-fluid-->
    </form>
</form>
</body>
</html>