@page "/JobRoute"
@inherits BaseComp

@if (addVisible)
{
    <div class="modal fade show d-block" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content border-0 shadow-lg rounded-4 overflow-hidden">
                <div class="modal-header">
                    <div class="d-flex align-items-center gap-3">
                        <div class="bg-primary-subtle text-primary rounded-3 p-2 d-flex align-items-center justify-content-center" style="width: 42px; height: 42px;">
                            <i class="bi bi-plus-square-fill fs-5"></i>
                        </div>
                        <div>
                            <h5 class="modal-title fw-bold text-dark">@Traduci("cicli_nuovoCiclo")</h5>
                        </div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" @onclick="ToggleAdd">
                    </button>
                </div>
                <div class="modal-body pb-0">
                    <div class="form-floating">
                        <input type="text" class="form-control" @bind="@newRecord.Description" />
                        <label>@Traduci("descrizione")</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row w-100">
                        <div class="col">
                            <button class="btn btn-success w-100" @onclick="DoAdd"><i class="fa-solid fa-save"></i> @Traduci("salva")</button>
                        </div>
                        <div class="col">
                            <button class="btn btn-warning w-100" @onclick="ToggleAdd">@Traduci("annulla") <i class="fa-solid fa-ban"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
<div class="p-2 shadow">
    <div class="d-flex align-items-center justify-content-end">
        <div class="px-1">
            <div class="input-group shadow-sm" style="width:20em;" title="@Traduci("ricerca")">
                <span class="input-group-text"><i class="fas fa-search"></i></span>
                <input type="text" class="form-control" accesskey="/" placeholder="Cerca [/] (3+ char)" @bind="@SearchVal">
                <button class="btn @btnResetCss" @onclick="ResetSearch"><i class="fas fa-ban"></i></button>
            </div>
        </div>
        <div class="col-auto ms-auto">
            <button class="btn btn-success shadow-sm rounded-4 px-3" @onclick="ToggleAdd"><i class="fa-solid fa-plus"></i> Nuovo</button>
        </div>
    </div>
    <div class="my-2 py-1">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <div class="row">
@*             <div>
                <h5><b>@Traduci("cicli_elencoCicliAtt")</b></h5>
            </div> *@
            <div class="@mainCss">
                <JobTaskListMan ListAllTags="ListTagsAvailable" CurrRecords="ListJobTask" CostDriverLists="ListCostDrivers" ResourceLists="ListResources" CurrSearch="@searchVal" EC_Selected="ShowDetail" EC_Updated="ForceReloadAsync"></JobTaskListMan>
            </div>
            @if (selRecord != null)
            {
                <div class="col-8 ps-0">
                    <JobStepMan ListAllTags="ListTagsAvailable" CurrRecords="ListStep" CurrJob="selRecord" ListPhases="ListPhases" ListResources="ListResources" EC_Updated="ReloadDetail"></JobStepMan>
                </div>
            }
            </div>
        }
    </div>
</div>