@using PantheonRA.BackOffice.Enums

<div class="modal inmodal fade" id="wizardModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body p-sm">
                <div class="form-horizontal form-md">
                    <div class="row">
                        <div class="form-group">
                            <h3 class="col-md-offset-1 col-md-9">@Loc.PriceChangeWizard</h3>
                            <div class="col-xs-2">
                                <a class="btn-transparent m-r-sm" href="@SiteHelpAttributeHelper.GetHelpUrl(HelpIds.PriceChangeWizard)" target="_blank"><i class="fas fa-question clickable-icon"></i></a>
                                <i class="fa fa-times clickable-icon m-t-xs m-b-xs" data-dismiss="modal"></i>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <h4 class="col-md-offset-1 col-md-3 m-t-sm">@Loc.DateFrom</h4>
                            <div class="col-md-3">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="far fa-calendar alt"></i>
                                    </span>
                                    <input class="form-control datepicker" autocomplete="off" id="PriceChangeDateFrom" />
                                </div>
                            </div>
                            <h4 class="col-md-1 m-t-sm">@Loc.To</h4>
                            <div class="col-md-3">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="far fa-calendar alt"></i>
                                    </span>
                                    <input class="form-control datepicker" autocomplete="off" id="PriceChangeDateTo" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <h4 class="col-md-offset-1 col-md-3 m-t-sm">@Loc.DocumentTypes</h4>
                            <div class="col-md-7">
                                @Html.DropDownList("PriceChangeFromDocTypes", new SelectList(ViewBag.WholesalePriceChangeDocumentTypes != null ? ViewBag.WholesalePriceChangeDocumentTypes : new List<string>(), "Id", "Value"),
                                    HtmlAttributesHelper.CreateInputAttributes("form-control selectpicker", "PriceChangeFromDocTypes", false, Loc.DocumentTypes, true, new { @multiple = "multiple", @title = Loc.Select }))
                            </div>
                        </div>
                        <div class="form-group">
                            <h4 class="col-md-offset-1 col-md-3 m-t-sm">@Loc.PriceChange</h4>
                            <div class="col-md-7">
                                <select id="PriceChangeDocType" name="PriceChangeDocType" class="form-control">
                                    @foreach (var item in ViewBag.PriceChangeDocumentTypes)
                                    {
                                        <option value="@item.DocType">
                                            @item.DocTypeView - @item.Name
                                        </option>
                                    }
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-offset-4 col-md-8">
                                <label><input type="checkbox" class="form-control js-switch switch-wizard-modal" id="PriceChangeStornoCb" /> @Loc.MakeMissingStornoPriceChangeDocuments</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-ghost" data-dismiss="modal" onclick=""><i class="fa fa-times"></i><span class="m-l-xs">@Loc.End</span></button>
                <button type="button" class="btn btn-primary" onclick="onStartPriceChange()"><i class="fa fa-check"></i><span class="m-l-xs">@Loc.Start</span></button>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="TheIntangiblePeriodIsAlreadyOverLoc" value="@Loc.TheIntangiblePeriodIsAlreadyOver" />
<input type="hidden" id="YouMustEnterCriteriaLoc" value="@Loc.YouMustEnterCriteria" />
<input type="hidden" id="OperationFinishedLoc" value="@Loc.OperationFinished" />