@page "/fundvelo/lost_found"

@using cwebplusApp.Shared.Services;
@using cwebplusApp.Shared.Models;

@inject NavigationManager NavigationManager
@inject PageHistoryManager PageHistoryManager
@inject ReportDataProvider ReportDataProvider
@inject UserDataProvider UserDataProvider
@inject ReportRepositoryService ReportRepositoryService

    <div class="row px-3 h-100">
        <div class="row no-gutters align-items-center w-100">
            <div class="mat-layout-grid w-100">
                <div class="mat-layout-grid-inner">
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
                    </div>
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
                        <MatCard Class="fv-mat-card">
                            <MatCardContent>
                                <MatCardMedia Square="true" ImageUrl="./images/batch_found.png" @onclick="Found"></MatCardMedia>
                            </MatCardContent>
                        </MatCard>
                    </div>
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
                    </div>

                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
                    </div>
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
                        <MatCard Class="fv-mat-card">
                            <MatCardContent>
                                <MatCardMedia Square="true" ImageUrl="./images/batch_missing.png" @onclick="Missing"></MatCardMedia>
                            </MatCardContent>
                        </MatCard>
                    </div>
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
                    </div>

                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
                    </div>
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2" style="text-align:end">
                        @if (NbrPendingReports > 0) {
                            <div>
                                <MatChip Label="@NbrPendingReports.ToString()" Class="pending_batch"></MatChip>
                            </div>
                        }
                        <MatCard Class="fv-mat-card">
                            <MatCardContent>
                                <MatCardMedia Square="true" ImageUrl="./images/batch_pending.png" @onclick="Pending" Style="@getOpacity()"></MatCardMedia>
                            </MatCardContent>
                        </MatCard>
                    </div>
                    <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
                    </div>
                </div>
            </div>
        </div>
    </div>


    @code {

        private int NbrPendingReports = 0;

        protected async override void OnInitialized() {
            base.OnInitialized();
            PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
            ReportDataProvider.Report = null;
            ReportDataProvider.ReportRepositoryItem = null;
            StateHasChanged();
            NbrPendingReports = await ReportRepositoryService.GetNbrOfPendingReports();
            StateHasChanged();
        }

        private async void Found() {
            Report report = new FoundReport();
            UserDataProvider.mapReport(report, await UserDataProvider.Get());
            ReportDataProvider.Report = report;
            NavigationManager.NavigateTo("fundvelo/keydata/Found");
        }

        private async void Missing() {
            Report report = new MissingReport();
            UserDataProvider.mapReport(report, await UserDataProvider.Get());
            ReportDataProvider.Report = report;
            NavigationManager.NavigateTo("fundvelo/keydata/Missing");
        }

        private void Pending() {
            if(NbrPendingReports > 0) {
                NavigationManager.NavigateTo("fundvelo/pending_overview");
            }
        }

        private string getOpacity() {
            return NbrPendingReports > 0 ? "opacity:1.0" : "opacity:0.5";
        }
    }