@page "/fundvelo/lost_found"

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

@inject IStringLocalizer<Resources> I18n
@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">
        <table class="w-100">
            <tr>
                <td class="text-center">
                    <span class="text-left" style="max-width: 100%;display:inline-block;font-size:smaller">
                        <p><a href="https://shop.caritas-luzern.ch/de/Velos-c75735006" target="_blank">Velos (caritas-luzern.ch)</a></p>
                        <p><a href="https://www.velostation.ch/de/velostationen/uebersichtskarte/luzern" target="_blank">Luzern – Forum Velostationen Schweiz</a></p>
                        <p><a href="https://www.nextbike.ch/de/" target="_blank">nextbike | Fahrradverleih in Luzern</a></p>
                        <p><a href="https://www.caritas-luzern.ch/was-wir-tun/caritas-betriebe/velomobilitaet-velodienste-velowerkstatt-veloverleih" target="_blank">Velomobilität Caritas Luzern: Velodienste, Velowerkstatt & Veloverleih (caritas-luzern.ch)</a></p>
                    </span>
                </td>
            </tr>
        </table>
    </div>
    <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();
        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;
        PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
        NavigationManager.NavigateTo("fundvelo/keydata/Found");
    }

    private async void Missing()
    {
        Report report = new MissingReport();
        UserDataProvider.MapReport(report, await UserDataProvider.Get());
        ReportDataProvider.Report = report;
        PageHistoryManager.AddPageToHistory(NavigationManager.Uri);
        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";
    }
}