@using CORE.Data.DbModels
@using UI.Data


<EditForm Model="@currRecord">
    <div class="card">
        <div class="card-header bg-info">
            <div class="row">
                <div class="col-8">
                    <h4>Modifica # <b>@currRecord.IdxRa</b></h4>
                </div>
                <div class="col-4 text-right">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text">
                                <i class="far fa-object-group"></i>
                            </span>
                        </div>
                        <InputSelect @bind-Value="@gruppoSel" class="form-control" title="Gruppo">
                            @foreach (var item in gruppiList)
                            {
                                <option value="@item.Gruppo">@item.DescrGruppo</option>
                            }
                        </InputSelect>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body">
            <DataAnnotationsValidator />
            <ValidationSummary />
            <div class="row">
                <div class="col-6">
                    <label class="small">Progetto</label>
                    <div class="input-group" title="Progetto">
                        <div class="input-group-prepend">
                            <span class="input-group-text" style="width:3em;">
                                <i class="fas fa-project-diagram"></i>
                            </span>
                        </div>
                        <InputSelect @bind-Value="@idxProj" class="form-control bg-dark text-light text-left" title="Progetto">
                            @foreach (var item in projList)
                            {
                                <option value="@item.IdxProgetto">@item.ClienteNav.RagSociale | @item.NomeProj</option>
                            }
                        </InputSelect>
                    </div>
                    <label class="small">Fase</label>
                    <div class="input-group" title="Fase">
                        <div class="input-group-prepend">
                            <span class="input-group-text" style="width:3em;">
                                <i class="fas fa-tasks"></i>
                            </span>
                        </div>
                        <InputSelect @bind-Value="@currRecord.IdxFase" class="form-control bg-light text-left" title="Fase">
                            @foreach (var item in fasiList)
                            {
                                if (@item.EnableTime)
                                {
                                    if (item.Attivo)
                                    {
                                        <option value="@item.IdxFase">@item.NomeFase</option>
                                    }
                                    else
                                    {
                                        <option value="@item.IdxFase" disabled="@VetoInsert" title="Fase Disattivata, non selezionabile">@item.NomeFase / DISATTIVA</option>
                                    }
                                }
                                else
                                {
                                    if (item.Attivo)
                                    {
                                        <option value="@item.IdxFase" disabled="true" class="bg-dark text-warning">[@item.NomeFase]</option>
                                    }
                                    else
                                    {
                                        <option value="@item.IdxFase" disabled="true" class="bg-dark text-warning" title="Fase Disattivata, non selezionabile">[@item.NomeFase / DISATTIVA]</option>
                                    }
                                }
                            }
                        </InputSelect>
                    </div>
                </div>
                <div class="col-6 px-0">
                    <label class="small">Periodo (arr 5 min)</label>
                    <div class="d-flex justify-content-between">
                        <div class="px-0">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        <i class="fas fa-play"></i>
                                    </span>
                                </div>
                                <input type="datetime-local" @bind="@currRecord.Inizio" style="width: 12rem;"></input>
                            </div>
                        </div>
                        <div class="px-0">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        <i class="fas fa-stop"></i>
                                    </span>
                                </div>
                                <input type="datetime-local" @bind="@currRecord.Fine" style="width: 12rem;"></input>
                            </div>
                        </div>
                    </div>

                    <label class="small">Descrizione</label>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text">
                                <i class="far fa-comment-alt"></i>
                            </span>
                        </div>
                        <InputTextArea id="idxRa" @bind-Value="@currRecord.Descrizione" class="form-control" title="Descrizione attività"></InputTextArea>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <div class="row">
                <div class="col-4">
                    @if (AppMServ.PayloadOk)
                    {
                        <button type="button" class="btn btn-block btn-success" @onclick="DoUpdate"><i class="fas fa-check-circle"></i> Save</button>
                    }
                </div>
                <div class="col-4">
                </div>
                <div class="col-4">
                    <button type="button" class="btn btn-block btn-warning" @onclick="DoReset"><i class="fas fa-ban"></i> Cancel</button>
                </div>
            </div>
        </div>
    </div>
</EditForm>