@using ContractService.Views.Shared.Modals
@model ContractService.Views.Shared.Modals.ModalTabInputViewModel
@{
    string active;
    int i = 0;

}
<ul class="nav nav-tabs" role="tablist">
    @{
        foreach (var tab in Model.Tabs)
        {
            active = i == 0 ? "active" : "";
            <li class="nav-item">
                <a class="nav-link @(active)" id="id_@(tab.TabId)" data-toggle="tab" href="#iwb-tab-@(tab.TabId)"  role="tab" >@(tab.TabName)</a>
            </li>
            i++;
        }
    }
</ul>
<div class="tab-content mt-3">
    @{
        i = 0;
        foreach (var tab in Model.Tabs)
        {
            active = i == 0 ? "active" : "";
            <div class="tab-pane @(active) form-auto-tab" id="iwb-tab-@(tab.TabId)" data-tabid="id_@(tab.TabId)"  role="tabpanel">
                @if (!string.IsNullOrEmpty(tab.TabContent))
                {
                    @Html.Raw(tab.TabContent)
                }
                @if (tab.Inputs != null && tab.Inputs.Count > 0)
                {
                    @Html.Partial("Modals/_ModalInput", new ModalInputViewModel(tab.Inputs, Model.Specials))

                }
            </div>
            i++;
        }
    }

</div>