@using Abp.Extensions
@using IwbZero.ToolCommon.StringModel
@using WeApp.Views.Shared.Modals
@model Input
@{
    string sm = Model.IsSm ? "input-group-sm" : "",search= string.IsNullOrEmpty(Model.SearchModalId)? "": "search-input";

}
<div class="input-group @(Html.Raw(sm)) @(Html.Raw(search))">
@if (Model.InputType == InputTypes.List)
{
    var style = Model.Styles.IsNullOrEmpty() ? "width:100%" : Model.Styles;
    var multiple = Model.IsMultiple ? "multiple" : "";
    <select class="@Model.Class  @Model.Required" id="@Model.Id" name="@Model.Name" placeholder="@(Model.Placeholder)" value="@Model.Value" @multiple @Model.DataOptions @Model.Events @Model.Disabled @Model.ReadOnly style="@style" @Model.Other>
        @Html.Raw(Model.SelectOptions)
    </select>
}
else if (Model.InputType == InputTypes.Textarea)
{
    <textarea rows="5" class="@Model.Class @Model.Required" id="@Model.Id" name="@Model.Name" placeholder="@(Model.Placeholder)" value="@Model.Value" @Model.DataOptions @Model.Events @Model.Disabled @Model.ReadOnly style="@Model.Styles" @Model.Other></textarea>
}
else if (Model.InputType == InputTypes.File)
{
<div class="iwb-file">
    @{
        string infoId = Model.Id, nameId = Model.Id + "_name", extId = Model.Id + "_ext", isImage = "false", maxSize = "";

        if (Model.FileOption != null)
        {
            infoId = Model.FileOption.FileInfoField;
            nameId = Model.FileOption.FileNameField;
            extId = Model.FileOption.FileExtField;
            isImage = Model.FileOption.IsImage ? "true" : "false";
            maxSize = Model.FileOption.MaxSize + "";
        }
    }
    <input type="hidden" id="@(infoId)" name="@(infoId)" value="" />
    <input type="hidden" id="@(nameId)" name="@(nameId)" value="" />
    <input type="hidden" id="@(extId)" name="@(extId)" value="" />
    <input class="iwb-file-input" id="@(Model.Id)_file" type="file" onclick="FileUpload(this, { targetInfo: '@(infoId)', targetName: '@(nameId)', targetExt: '@(extId)', isImage: @(isImage), maxSize: '@(maxSize)' })">
    <label class="iwb-file-label" for="@(Model.Id)_file">@L("SelectFile")</label>
    <span class="clear" title="@(L("Clean"))"  onclick="$(this).closest('.iwb-file').find('.iwb-file-input').iwbFileUpload('cleanFile')"><i class="far fa-minus-square"></i></span>
</div>
}
else
{
    if (!string.IsNullOrEmpty(Model.SearchModalId))
    {
        <input class="@Model.Class @Model.Required" id="@Model.Id" name="@Model.Name" type="@Model.TypeStr" placeholder="@(Model.Placeholder)" @Model.DataOptions @Model.Events @Model.Disabled @Model.ReadOnly style="@Model.Styles" @Model.Other />
        if (Model.Clear.IsNotEmpty())
        {
            <div class="input-group-append search-icon"  title="@(L("Clean"))" style="border-right: 2px solid #eee;min-width: 30px; cursor: pointer;" onclick="ClearSearchValue('@(Model.Target)','@(Model.Clear)');">
                <span class="input-group-text"><i class="far fa-minus-square"></i></span>
            </div>
        }
        <div class="input-group-append search-icon" style="min-width: 30px; cursor: pointer;" onclick="ShowQueryModal('@Model.SearchModalId','@(Model.Target)');">
            <span class="input-group-text"><i class="fa fa-search"></i></span>
        </div>
     
            
    }
    else
    {
        <input class="@Model.Class @Model.Required" id="@Model.Id" name="@Model.Name" type="@Model.TypeStr" placeholder="@(Model.Placeholder)" @Model.DataOptions @Model.Events @Model.Disabled @Model.ReadOnly style="@Model.Styles" @Model.Other />
    }
}
</div>