@model RecuritListModel
@{
    var address = Model.AddressId.HasValue ? Model.AddressList.FirstOrDefault(x => x.Id == Model.AddressId).Name : "";
    var dept = Model.DeptId.HasValue ? Model.DeptList.FirstOrDefault(x => x.Id == Model.DeptId).Name : "";
}
@section style{
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/page/paging.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/recuritList.css">
}
<div class="banner">
    <picture>
        <source srcset="@(!string.IsNullOrWhiteSpace(Model.GalleryEntity.MobileImage)?Model.GalleryEntity.MobileImage:Model.GalleryEntity.Image)" media="(max-width: 767px)">
        <img src="@Model.GalleryEntity.Image" alt="">
    </picture>
</div>
<div class="container recurit-list">
    <h2 class="title">@(Model.TypeId == 74 ? "社会招聘" : "校园招聘" )</h2>
    <p>
        <span class="visible-xs-inline-block open-mask">
            筛选条件
            <i></i>
        </span>
    </p>
    <div class="filter-con visible-xs-block">
        @if (Model.AddressId.HasValue)
        {
            <span class="addr">@address <img src="/assets/image/search-x.png" alt=""></span>
        }
        @if (Model.DeptId.HasValue)
        {
            <span class="dept">@dept <img src="/assets/image/search-x.png" alt=""></span>
        }
    </div>
    <div class="filter">
        <div>
            <h2 class="close-mask visible-xs-inline-block">
                <em>
                    <img src="/assets/image/arrow-color-left.png" alt="">
                </em>
                返回
            </h2>
        </div>
        <div class="item fl">
            <span title="@address">
                @(Model.AddressId.HasValue ? address : "工作地点")
                <i></i>
            </span>
            <div class="panel-box">
                <a class="@(!Model.AddressId.HasValue? "cur" : "")" onclick="javascript:window.location.href='@Url.Action("List", "Position", new {TypeId=Model.TypeId,deptId = Model.DeptId })'">全部</a>
                @foreach (var item in Model.AddressList)
                {
                    <a class="@(Model.AddressId.HasValue&&Model.AddressId.Value==item.Id ? "cur" : "")" onclick="javascript:window.location.href='@Url.Action("List", "Position", new { TypeId=Model.TypeId,addressId = item.Id, deptId = Model.DeptId })'">@item.Name</a>
                }
                <em class="close-icon">×</em>
            </div>
        </div>
        <div class="item fr">
            <span title="@dept">
                @(Model.DeptId.HasValue ? dept : "工作部门")
                <i></i>
            </span>
            <div class="panel-box">
                <a class="@(!Model.DeptId.HasValue? "cur" : "")" onclick="javascript:window.location.href='@Url.Action("List", "Position", new {TypeId=Model.TypeId,addressId = Model.AddressId })'">全部</a>
                @foreach (var item in Model.DeptList)
                {
                    <a class="@(Model.DeptId.HasValue&&Model.DeptId.Value==item.Id ? "cur" : "")" onclick="javascript:window.location.href='@Url.Action("List", "Position", new { TypeId=Model.TypeId,addressId = Model.AddressId, deptId = item.Id })'">@item.Name</a>
                }
                <em class="close-icon">×</em>
            </div>
        </div>
    </div>
    @if (Model.PositionList.Count > 0)
    {
        <ul>
            @foreach (var item in Model.PositionList)
            {
                <li>
                    <a href="@Url.Action("Detail","Position",new { id=item.Id} )" target="_blank">
                        <h2>@item.Name</h2>
                        <p>部门：@item.Department</p>
                        <p>地点：@item.Address</p>
                        <i></i>
                    </a>
                </li>
            }
        </ul>
    }
    else
    {
        <p style="text-align:center;padding:40px 0;">未检索到相关数据~</p>
    }
    @if (Model.RowsCount > 0)
    {
        <div class="pageDiv"></div>
    }


</div>
@section script{
    <!-- private js -->
    <script src="/assets/plugins/page/jquery.page.js"></script>
    <script>
        window.dataMark = "0$15231983314041342$$15231983915221104$";
        $(function () {
            //筛选职位
            $(".filter .item span").click(function () {
                $(this).parent(".item").siblings(".item").find("span.cur").removeClass("cur").siblings(".panel-box").hide();
                if ($(this).hasClass("cur")) {

                } else {
                    $(this).addClass("cur").siblings(".panel-box").slideDown();
                    $(document).one("click", function () {
                        $(".item span.cur").removeClass("cur");
                        $(".panel-box").hide();
                        return false;
                    })
                }
                return false;
            })
            $(".close-icon").click(function () {
                $(this).parent().slideUp().siblings("span").removeClass("cur");

                return false;
            });
            $(".filter-con span img").click(function () {
                if ($(this).parent().hasClass("addr")) { 
                    location.href = "/Position/List?TypeId=@Model.TypeId&deptId=@Model.DeptId&pageIndex=" + pageIndex + "&pageSize=" + pageSize;
                }
                if ($(this).parent().hasClass("dept")) { 
                    location.href = "/Position/List?TypeId=@Model.TypeId&addressId=@Model.AddressId&pageIndex=" + pageIndex + "&pageSize=" + pageSize;
                }
            })
            //显示隐藏筛选条件
            $(".open-mask").click(function () {
                $(".filter").addClass("showIn")
            })
            $(".close-mask").click(function () {
                $(".filter").removeClass("showIn")
            })
            //分页
            var pageSize = 10;
            var rowsCount = @(Model.RowsCount);
            var pageIndex = @(Model.PageIndex);
            $(".pageDiv").createPage({
                pageCount: Math.ceil(rowsCount / pageSize), //总页数
                current: pageIndex, //当前页
                turndown: 'false',
                backFn: function (p) {
                    pageIndex = p;
                    location.href = "/Position/List?TypeId=@Model.TypeId&deptId=@Model.DeptId&addressId=@Model.AddressId&pageIndex=" + pageIndex + "&pageSize=" + pageSize;
                }
            });
        })
    </script>
}