<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3><?= __('Add package') ?></h3>
</div>

<form data-ajax action="<?= admin_url_to('/profile/block-packages/add') ?>" method="post">
    <?= csrf_field() ?>

    <div class="modal-body">
        <div class="row">
            <div class="col-md-10">
                <div class="form-group">
                    <label class="control-label" for="name"><?= __('Name') ?> <span class="required">*</span></label>
                    <input class="form-control" type="text" name="name" id="name" />
                </div>
            </div>

            <div class="col-md-2">
                <div class="form-group">
                    <label class="control-label" for="active"><?= __('Active') ?>?</label>

                    <div>
                        <input class="form-control toggle" checked type="checkbox" id="active" value="1" name="active" />
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label" for="desc"><?= __('Description') ?></label>
            <textarea class="form-control" name="desc" id="desc"></textarea>
        </div>

        <div class="form-group">
            <label class="control-label" for="image"><?= __('Image') ?></label>
            <input data-upload-field class="form-control" id="image" type="file" name="image" />
        </div>

        <div class="form-group">
            <label class="control-label" for="hours"><?= __('Blocking hours') ?> <span class="required">*</span></label>
            <input class="form-control" type="text" name="hours" id="hours" />
        </div>

        <fieldset>
            <legend><?= __('Prices') ?></legend>

            <div class="form-group">
                <label class="control-label" for="amount-hours"><?= __('Amount hours') ?> <span class="required">*</span></label>
                <input class="form-control" type="text" name="amount_hours" id="amount-hours" />
            </div>

            <div class="form-group">
                <label class="control-label" for="amount-credits"><?= __('Amount credits') ?></label>
                <input class="form-control money" type="text" name="amount_credits" id="amount-credits" />
            </div>
        </fieldset>
    </div>

    <div class="modal-footer" style="margin-top:0">
        <input type="submit" class="btn btn-primary" value="<?= __('Add') ?>" />
    </div>
</form>