@page "/tra"
@using Web.Tra.Services
@inject CPXV2LogService CPXV2LogService

<RadzenStack Style="width:100%; background-color:var(--rz-primary-lighter);" class="rz-border-bottom rz-p-3" Orientation="Orientation.Horizontal" AlignItems="AlignItems.Start" JustifyContent="JustifyContent.Start">
    <!--Search Block-->
    <RadzenStack Style="height:12rem; width:fit-content;" class="rz-border-right rz-pr-5" Orientation="Orientation.Horizontal" AlignItems="AlignItems.Start" JustifyContent="JustifyContent.Start">
        <!--Date Picker Block-->
        <RadzenStack Style="font-size:1.3rem;" Orientation="Orientation.Vertical" AlignItems="AlignItems.Start" JustifyContent="JustifyContent.Center">
            <RadzenStack Style="width: 20rem;" Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.SpaceBetween">
                <RadzenLabel Text="Begin"></RadzenLabel>
                <RadzenDatePicker TValue="DateTime"></RadzenDatePicker>
            </RadzenStack>
            <RadzenStack Style="width:20rem;" Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.SpaceBetween">
                <RadzenLabel Text="End"></RadzenLabel>
                <RadzenDatePicker TValue="DateTime"></RadzenDatePicker>
            </RadzenStack>
        </RadzenStack>
             
        <RadzenStack Style="cursor: pointer;" class="" Orientation="Orientation.Vertical" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Start" @onclick="@OnSearch">
            <RadzenIcon IconStyle="IconStyle.Warning" Style="font-size: 3.5rem; font-weight:400;" Icon="search"></RadzenIcon>
            <RadzenLabel Style="font-size: 1.2rem; cursor:pointer;" Text="Search"></RadzenLabel>
        </RadzenStack>
    </RadzenStack>
  
</RadzenStack>

@code {
    protected override async Task OnInitializedAsync()
    {        
    }

    private async Task OnSearch()
    {
        await CPXV2LogService.Test();
    }
}