@page "/Ticket"
@using Front.Services
@using Shared.DTOs
@using Shared.DTOs.Serch
@layout PanelLayout
@inject HttpClientController hc;
<div class="container-xxl flex-grow-1 container-p-y">
    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light">متفرقه /</span> پشتیبانی
    </h4>
    <div class="row">
        <Alert hidden="@Hidealert" Color="@alertColor" Dismissable="false">
            <Icon Name="@alertIconName" class="me-2"></Icon>
            @alertMessage
        </Alert>

    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="card mb-4">
                <h5 class="card-header">تیکت ها</h5>

                <div class="row">
                    <div class="col-md-12">
                        <ul class="list-group fa-padding" style="border: 2px solid #0d6efd">
                            <li class="list-group-item" data-toggle="modal" data-target="#issue">
                                <div class="row g-3">
                                    <div class="col-md-2"> 
                                        <InputText @bind-Value="TicketID" placeholder="شناسه" style="text-align:center;" class="form-control" type="text" id="EconomicCode" />
                                    </div>
                                    <div class="col-md-6">
                                        <InputText style="text-align:center;" placeholder="عنوان" @bind-Value="Title" class="form-control" type="text" id="UniqeMemory" />

                                    </div>
                                    <div class="col-auto">
                                     
                                        <button type="submit" onclick="@Submit" class="btn btn-primary">جستجو</button>

                                    </div>
                                    <div class="col-auto">

                                        <button type="submit" onclick="@Submit" class="btn btn-primary">جدید</button>

                                    </div>
                                </div>
                                
                            </li>
                            
                        </ul>

                    </div>
                </div>
  
                <div class="row">
                    <div class="col-md-12">
                        <ul class="list-group fa-padding">
                            @for (int i = 0; i < request?.list.Count; i++)
                            {
                                <LTicket Ticket="request?.list[i]" />
                            }
                        </ul>
                        <nav aria-label="Page navigation">
                            <br />
                            <ul class="pagination justify-content-center">
                                @for (int page = 1; page <= request?.PageCount; page++)
                                {
                                    if (page == PageIndex)
                                    {
                                        <li class="page-item disabled">
                                            <a class="page-link" href="@hc._nav.GetUriWithQueryParameter("PageIndex",page)">@(page)</a>
                                        </li>
                                    }
                                    else
                                    {
                                        <li class="page-item">
                                            <a class="page-link" href="@hc._nav.GetUriWithQueryParameter("PageIndex",page)">@(page)</a>
                                        </li>
                                    }
                                }

                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


@code {
    // alert
    AlertColor alertColor = AlertColor.Primary;
    IconName alertIconName = IconName.CheckCircleFill;
    bool Hidealert = true;
    string alertMessage = "";


    public string? TicketID { get; set; }
    public string? Title { get; set; }

    [Parameter, SupplyParameterFromQuery]
    public int? PageIndex { get; set; }

    public Shared.DTOs.PagingDto<TicketDTO>? request { get; set; }

    protected override async Task OnParametersSetAsync()
    {
        if (PageIndex == null) PageIndex = 1;
        request = new PagingDto<TicketDTO>(2, 10, new List<TicketDTO>()
    {
        new TicketDTO
        {
            CreateDate="1402/08/05",
CreateTime="20:10:10",
EndDate="1402/08/08",
EndTime="08:10:10",
MsgStatus="خوانده شده/ در حال بررسی",
Status=StatusTicket.optout,
TicketID=1,
Title="این یک تست برای یک تیکت است"
        },
         new TicketDTO
        {
            CreateDate="1402/08/05",
CreateTime="20:10:10",
EndDate="1402/08/08",
EndTime="08:10:10",
MsgStatus="خوانده شده/ در حال بررسی",
Status=StatusTicket.optout,
TicketID=1,
Title="این یک تست برای یک تیکت است"
        }
    });
        await base.OnParametersSetAsync();
    }
    private async Task Submit()
    {
        var eeee = Title + " " + Title;
    }
}