@inherits FilterFormComponent<WatchIt.Common.Model.Movies.MovieResponse, WatchIt.Common.Model.Movies.MovieQueryParameters>



<EditForm Model="@(Query)">
    <div class="container-grid">
        <div class="row mb-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Title</span>
                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.Title)"></InputText>
            </div>
        </div>
        <div class="row my-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Original title</span>
                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.OriginalTitle)"/>
            </div>
        </div>
        <div class="row my-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Description</span>
                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.Description)"/>
            </div>
        </div>
        <div class="row my-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Release date</span>
                <InputDate TValue="DateOnly?" class="col form-control" @bind-Value="@(Query.ReleaseDateFrom)"/>
                <span class="col-auto input-group-text">-</span>
                <InputDate TValue="DateOnly?" class="col form-control" @bind-Value="@(Query.ReleaseDateTo)"/>
            </div>
        </div>
        <div class="row my-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Length</span>
                <NumericEdit TValue="short?" Class="col form-control" Min="0" @bind-Value="@(Query.LengthFrom)"/>
                <span class="col-auto input-group-text">-</span>
                <NumericEdit TValue="short?" Class="col form-control" Min="0" @bind-Value="@(Query.LengthTo)"/>
            </div>
        </div>
        <div class="row my-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Budget</span>
                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" @bind-Value="@(Query.BudgetFrom)"/>
                <span class="col-auto input-group-text">-</span>
                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" @bind-Value="@(Query.BudgetTo)"/>
            </div>
        </div>
        <div class="row my-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Rating (count)</span>
                <NumericEdit TValue="long?" Class="col form-control" Min="0" @bind-Value="@(Query.RatingCountFrom)"/>
                <span class="col-auto input-group-text">-</span>
                <NumericEdit TValue="long?" Class="col form-control" Min="0" @bind-Value="@(Query.RatingCountTo)"/>
            </div>
        </div>
        <div class="row mt-1">
            <div class="input-group input-group-sm">
                <span class="col-3 input-group-text">Rating (average)</span>
                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" Max="10" Step="@(0.01M)" @bind-Value="@(Query.RatingAverageFrom)"/>
                <span class="col-auto input-group-text">-</span>
                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" Max="10" Step="@(0.01M)" @bind-Value="@(Query.RatingAverageTo)"/>
            </div>
        </div>
    </div>
</EditForm>