@page "/Customer"
@using Front.Services
@using Shared.DTOs
@using Front.CUSComponent
@using Shared.DTOs.Serch
@inject HttpClientController hc;
<PageTitle>مشتری</PageTitle>
@* search *@
<div class="row">
    <div class="col-md-12">
        <div class="card mb-2">
            <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">
                                    <input  placeholder="شناسه" style="text-align:center;" class="form-control" type="text"  >
                                </div>
                                <div class="col-md-6">
                                  
                                    <input style="text-align:center;" placeholder="عنوان"  class="form-control" type="text"  >

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

                                    <button type="submit"  class="btn btn-primary">جستجو</button>

                                </div>
                               
                            </div>

                        </li>

                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>

@* action *@
<div class="row">
    <div class="col-md-12">
        <div class="mb-2">
            <div class="row">
                <div class="col-md-12">

                    <div class="col-auto">

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

                    </div>




                </div>
            </div>
        </div>
    </div>
</div>

@* alert *@
<div class="row">
    <Alert hidden="@Hidealert" Color="@alertColor" Dismissable="false">
        <Icon Name="@alertIconName" class="me-2"></Icon>
        @alertMessage
    </Alert>

</div>

@* data *@
@if (request != null)
{
    <LTable ModelinComponent="request?.list" />

    @* pagination *@
    <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>


}

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

    protected override async Task OnParametersSetAsync()
    {
        if (PageIndex == null) PageIndex = 1;
        await LoadCus(PageIndex.Value);
        await base.OnParametersSetAsync();
    }
    [Parameter, SupplyParameterFromQuery]
    public int? PageIndex { get; set; }

    public Shared.DTOs.PagingDto<RCustomer>? request { get; set; }
}
@functions {
    private void ShowSuccessAlert(string msg)
    {
        Hidealert = false;
        alertColor = AlertColor.Success;
        alertIconName = IconName.CheckCircleFill;
        alertMessage = msg;
    }

    private void ShowDangerAlert(string msg)
    {
        Hidealert = false;
        alertColor = AlertColor.Danger;
        alertIconName = IconName.ExclamationTriangleFill;
        alertMessage = msg;
    }
    public async Task LoadCus(int pi)
    {
        var rsp = await hc.Post<ItemSerchGetCustomer>("Customer/GetAll", new ItemSerchGetCustomer()
        {
            PageIndex=pi
        });
        if (rsp.IsSuccessStatusCode)
        {
            request = await rsp.Content.ReadFromJsonAsync<PagingDto<RCustomer>>();
        }
        else if(rsp.StatusCode==System.Net.HttpStatusCode.Forbidden)
        {
            ShowDangerAlert("شما دسترسی به خواندن اطلاعات مشتری را نداربد");
        }
        else
        {
            ShowDangerAlert("خطایی در اجرای عملیات رخ داده");
        }
    }
}