@model PantheonRA.BackOffice.Models.JobsGridFilterModel
@using PantheonRA.BackOffice.Enums;

<div class="wrapper wrapper-content">
    <div class="tabs-container">
        @Html.Partial("~/Views/Products/_CodeListTabNavigation.cshtml")

        <div class="row buttons-tabbed">
            <a href="@Url.Action("Create", "Jobs")" class="btn btn-primary btn-outline" title="@Loc.NewWorkingPlace">
                <i class="fa fa-plus"></i><span class="bold hidden-xs m-l-xs">@Loc.NewWorkingPlace</span>
            </a>
        </div>

        <div class="row document-head">
            <div class="col-md-2 col-xs-4">
                @Html.Partial("~/Views/Jobs/_EmployeesTabNavigation.cshtml", EmployeeCodelistType.Jobs)
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label class="control-label">@Loc.SearchFilter</label>
                    @Html.TextBoxFor(model => model.Keywords, new { @id = "Keywords", @class = "form-control search-input", @placeholder = Loc.Search, autocomplete = "off" })
                </div>
            </div>
            <div class="col-md-2 col-xs-6">
                <div class="form-group selectpicker-dropdown">
                    <label class="control-label">@Loc.Status</label>
                    <select id="Status"
                            name="Status"
                            class="form-control selectpicker"
                            title="@Loc.All">
                        <option value="">@Loc.All</option>
                        <option value="@ActiveStatus.Active">@Loc.Active</option>
                        <option value="@ActiveStatus.Inactive">@Loc.Inactive</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="">
            <table id="mainGrid" data-grid-id="jobs" data-url="@Url.Action("JobsList", "Jobs")" class="list-table">
                <thead>
                    <tr>
                        <th width="5%">@Loc.Active</th>
                        <th width="15%" data-url="@Url.Action("Edit","Jobs")?name=">@Loc.XWorkingPlace</th>
                        <th width="15%" data-url="@Url.Action("Edit","Jobs")?name=">@Loc.Name</th>
                        <th width="15%">@Loc.ParentWorkPlace</th>
                        <th width="50%">@Loc.Department</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>

@section pageScripts{
    @Scripts.Render("~/bundles/jobs")
}

<script>
    $(document).ready(function () {
        initializeJobs();
    });
</script>