@using static WebWindowComplex.LayoutConst
<div class="row">
    @if (isLoading)
    {
        <EgwCoreLib.Razor.LoadingData></EgwCoreLib.Razor.LoadingData>
    }
    else
    {
        if (listErrPre != null && listErrPre.Count > 0)
        {
            <div class="alert alert-danger">
                <div class="fs-3">Errori validazione!</div>
                <div class="col-12 col-md-6 col-lg-3">

                    <ul class="list-group">
                        @foreach (var item in listErrPre)
                        {
                            <li class="list-group-item">@item.Value</li>
                        }
                    </ul>
                </div>
            </div>
        }
        else if (listErrLink != null && listErrLink.Count > 0)
        {
            <div class="alert alert-danger">
                <div class="fs-3">Errore configurazione:</div>
                <div class="col-12">
                    <ul class="list-group">
                        @foreach (var item in listErrLink)
                        {
                            <li class="list-group-item">@item.Value</li>
                        }
                    </ul>
                </div>
            </div>
        }
        else
        {
            <div class="@mainCss()">
                <div class="card text-center table-svg shadow rounded">
                    <div class="card-header" style="background-color: #d5f1f2;">
                        <div class="d-flex justify-content-between align-middle">
                            <div class="@headerCss()">
                                <ul class="nav nav-tabs card-header-tabs">
                                    @if (string.IsNullOrEmpty(LiveData.CurrJwd))
                                    {
                                        <li class="nav-item m-1">
                                            @if (currStep == CompileStep.Template)
                                            {
                                                <button data-target="#Template" class="nav-link active fw-bold" @onclick="() => AdvStep(CompileStep.Template)">Template</button>
                                            }
                                            else
                                            {
                                                <button data-target="#Template" class="nav-link text-secondary" @onclick="() => AdvStep(CompileStep.Template)">Template</button>
                                            }
                                        </li>
                                    }
                                    @if (FrameWindow != null)
                                    {
                                        <li class="nav-item m-1">
                                            <button data-target="#Tree" class="@tabNavCss(CompileStep.Tree)" @onclick="() => NextStep(CompileStep.Tree)">Tree</button>
                                        </li>
                                        <li class="nav-item m-1">
                                            <button data-target="#General" class="@tabNavCss(CompileStep.General)" @onclick="() => NextStep(CompileStep.General)">General</button>
                                        </li>
                                    }
                                </ul>
                            </div>
                            <div class="@buttonCss()">
                                <div class="col d-flex">
                                    @if (currStep != CompileStep.Template)
                                    {
                                        <button class="btn btn-lg btn-primary" style="font-size: 1rem;" @onclick="DoReset">Reset</button>
                                    }
                                </div>
                                <div class="col d-flex">
                                    <button class="btn btn-lg btn-primary" style="font-size: 1rem;" @onclick="DoSave">Save</button>
                                </div>
                                <div class="col d-flex">
                                    <button class="btn btn-lg btn-primary" style="font-size: 1rem;" @onclick="DoClose">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body bg-transparent">
                        @if (string.IsNullOrEmpty(LiveData.CurrJwd))
                        {
                            @if (currStep == CompileStep.Template && ListPayload.TemplateDTO != null)
                            {
                                <table class="table table-hover align-middle shadow-sm">
                                    <thead class="fs-5">
                                        <tr>
                                            <th scope="col">#</th>
                                            <th scope="col" class="col-4">Image</th>
                                            <th scope="col" class="text-start">Description</th>
                                        </tr>
                                    </thead>
                                    <tbody class="table-group-divider fs-5">
                                        @foreach (var item in ListPayload.TemplateDTO)
                                        {
                                            string colorClass = "";
                                            @if (SelTemplateDTO != null && item.Index == SelTemplateDTO.Index)
                                                colorClass = "table-success";
                                            else
                                                colorClass = "";
                                            <tr style="height: 120px;" class="@colorClass" @onclick="() => DoSelect(item)">
                                                <td>@item.Index</td>
                                                <td><img class="img-fluid" width="100" src="@item.ImageUrl" /></td>
                                                <td class="text-start">@item.Description</td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            }
                        }
                        @if (currStep == CompileStep.Tree)
                        {
                            <CardTree ItemTableList="m_ItemTableList" 
                                      maxCol="m_maxCol" 
                                      EC_NextStep="NextStepArgs">
                            </CardTree>
                        }
                        else if (currStep == CompileStep.Frame)
                        {
                            @if (m_CurrWindow != null)
                            {
                                m_PreviousWindow = m_CurrWindow;
                            }
                            <CardFrame FrameWindow="m_Frame" 
                                       SashList="m_SashList" 
                                       SplitList="m_SplitList" 
                                       EC_ChangeAllJoints="ChangeAllJoints" 
                                       EC_AddSash="() => AddSashToFrame(FrameWindow!)" 
                                       EC_AddSplit="() => AddSplitToFrame(FrameWindow!)"
                                       EC_ReqClose="ReturnTree" 
                                       EC_UpdateShape="UpdateShape"
                                       EC_UpdateFrame="UpdateFrame">
                            </CardFrame>
                        }
                        else if (currStep == CompileStep.Split)
                        {
                            @if (currSplit >= SplitList.Count || currSplit == -1)
                            {
                                currStep = CompileStep.Tree;
                            }
                            else
                            {
                                <CardSplit SashList="m_SashList"
                                           SplitList="m_SplitList" 
                                           CurrIndex="currSplit" 
                                           CurrItem="SplitList[currSplit]" 
                                           EC_SwapTwoAree="SwapTwoAree" 
                                           EC_RemoveArea="RemoveArea" 
                                           EC_ChangeStartVert="changeStartVert" 
                                           EC_ReqClose="ReturnTree">
                                </CardSplit>
                            }
                        }
                        else if (currStep == CompileStep.Sash)
                        {
                            @if (currSash >= SashList.Count || currSash == -1)
                            {
                                currStep = CompileStep.Tree;
                            }
                            else
                            {
                                <CardSashGroup CurrIndex="currSash"
                                               CurrItem="SashList[currSash]"
                                               SashList="m_SashList"
                                               EC_ChangeAllJoints="ChangeAllJoints"
                                               EC_ChangeHandle="changeHandle"
                                               EC_CopyContentSash="CopyContentSash"
                                               EC_RemoveArea="RemoveArea"
                                               EC_UpdateSash="UpdateSash"
                                               EC_UpdateSashHardware="UpdateHwOptions"
                                               EC_ReqClose="ReturnTree">
                                </CardSashGroup>
                            }
                        }
                        else if (currStep == CompileStep.Fill)
                        {
                            @if (currFill >= FillList.Count || currFill == -1)
                            {
                                currStep = CompileStep.Tree;
                            }
                            else
                            {
                                <CardFill CurrIndex="currFill" 
                                          CurrItem="FillList[currFill]" 
                                          FillList="m_FillList" 
                                          SashList="m_SashList" 
                                          SplittedList="m_SplittedList" 
                                          EC_ChangeAllType="ChangeAllFill" 
                                          EC_ChangeType="ChangeOneFill" 
                                          EC_AddSash="AddSashIntoSplit"
                                          EC_CopySash="CopySash" 
                                          EC_ReqClose="ReturnTree">
                                </CardFill>
                            }
                        }
                        else if (currStep == CompileStep.General)
                        {
                            <General CurrWindow="@m_CurrWindow"
                                     ListPayload="ListPayload" 
                                     ListWarnings="listWarnings" 
                                     EC_SelColor="SelectColor" 
                                     EC_SelGlass="SelectGlass" 
                                     EC_SelWindMat="SelectMat" 
                                     EC_SelProfile="SelectProfile" 
                                     EC_ReqClose="ReturnTree">
                            </General>
                        }
                    </div>
                </div>
            </div>
            @if (currStep != CompileStep.Template)
            {
                <div class="col-6">
                    @outSvg
                </div>
            }
            if (listWarnings != null && listWarnings.Count > 0)
            {
                <div class="alert alert-warning">
                    <div class="fs-3">Mancata corrispondenza valori:</div>
                    <div class="col-12 col-md-6 col-lg-3">
                        <ul class="list-group">
                            @foreach (var item in listWarnings)
                            {
                                <li class="list-group-item">@item.Value</li>
                            }
                        </ul>
                    </div>
                </div>
            }
        }
    }
</div>