@model PantheonRA.WebApi.Contracts.FilterDropdownData.TimeRecordsFilterData
@using PantheonRA.WebApi.Contracts.Enums

<div class="row document-head">
    <div class="col-md-2 col-sm-6">
        <div class="form-group">
            <label class="control-label">@Loc.Search</label>
            <input autocomplete="off"
                   class="form-control search-input"
                   id="Keywords"
                   name="Keywords"
                   placeholder="@Loc.Search"
                   type="text" />
        </div>
    </div>
    <div class="col-md-2 col-sm-6">
        <div class="form-group timerecord-focus-bottom-border">
            <label>@Loc.TypeOfRequest</label>
            <select id="FilterTypeOfRequest"
                    name="TypeOfRequest"
                    title="@Loc.ShowAll"
                    allow-clear="true"
                    class="form-control selectpicker filter-select">
                <option value="" selected></option>
                <option value="@TimeRecordRequestTypes.Absences">@Loc.Absences</option>
                <option value="@TimeRecordRequestTypes.WorkObligations">@Loc.WorkObligations</option>
                <option value="@TimeRecordRequestTypes.Other">@Loc.OtherWeight</option>
            </select>
        </div>
    </div>
    <div class="col-md-2 col-sm-6">
        <div class="form-group selectpicker-dropdown">
            @Html.LabelFor(model => model.WorkObligations, Loc.ClaimType, new { @class = "control-label" })
            @Html.DropDownListFor(model => model.WorkObligations,
                new SelectList(Model.WorkObligations, "Code", "Name"), Loc.All,
                HtmlAttributesHelper.CreateInputAttributes("form-control selectpicker",
                    "FilterAbsenceType", false, Loc.ClaimType, true,
                    new { @multiple = "multiple", @title = Loc.ShowAll, data_live_search = "true", @name = "AbsenceTypes" }))
        </div>
    </div>
    <div class="col-md-2 col-sm-6">
        <div class="form-group timerecord-focus-bottom-border">
            <label>@Loc.Status</label>
            <select id="Status"
                    name="Status"
                    title="@Loc.ShowAll"
                    allow-clear="true"
                    class="form-control selectpicker filter-select">
                <option value="" selected></option>
                <option value="@CalendarApproveStatus.InProgress">@Loc.InCertification</option>
                <option value="@CalendarApproveStatus.Approved">@Loc.Approved</option>
                <option value="@CalendarApproveStatus.Rejected">@Loc.Rejected</option>
                <option value="@CalendarApproveStatus.Notified">@Loc.Notified</option>
            </select>
        </div>
    </div>
    <div class="col-md-4 hidden-sm hidden-xs"></div>
</div>