@using FutGod.Helpers.Database
@using Newtonsoft.Json
@{
    ViewBag.Title = "Zoeken";

    var db = new Connector();
}
<section id="content">
    <div class="col-md-2" id="search-filter" style="min-height: 600px; max-height: 600px; overflow-x: hidden; overflow-y: auto; margin-left: 20px;">
        <div class="form-group">
            <label>Minimum rating</label>
            <input id="input-id" type="number" class="rating" min=0 max=5 step=0.5 data-size="xs" style="display: none;">
        </div>
        <div class="form-group">
            <label>Provincie</label>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Oost-Vlaanderen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> West-Vlaanderen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Antwerpen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Limburg
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Vlaams Brabant
                </label>
            </div>
        </div>
        <div class="form-group">
            <label>Werk snelheid</label>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> 1-3 Dagen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> 3-5 Dagen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> 5-10 Dagen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> 10-20 Dagen
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> > 20 Dagen
                </label>
            </div>
        </div>
        <div class="form-group">
            <label>Taal</label>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Nederlands
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Frans
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Engels
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Duits
                </label>
            </div>
        </div>
    </div>
    <div class="col-md-8 padding50">
        <div class="blog_blocks_wrap" id="carousel-2">

            @foreach (var service in db.Services)
            {
                var dringendheid = service.Dringendheid == 1 ? "1-3 Dagen" : service.Dringendheid == 3 ? "3-5 Dagen" : service.Dringendheid == 5 ? "5-10 Dagen" : service.Dringendheid == 10 ? "10-20 Dagen" : ">20 Dagen";
                <div class="item" data-postalcode="@service.PostalCode" data-region="@service.Region" data-city="@service.City">
                    <div class="image-wrap">
                        <div class="maskImage">
                            <a href="@Url.Action("Service", "Home", new {id = service.Id})"><span><i class="icon-link-1"></i></span></a>
                        </div>
                        <a href="#"><img src="@service.ImageUrl" alt="@service.Name" /></a>
                    </div>
                    <div class="desc">
                        <h5><a href="#">@service.Name</a></h5>
                        <p>@service.Description </p>
                    </div>
                    <div class="title_holder_2">
                        <span class="post-type-icon"><a href="#">@dringendheid</a></span>
                        <span class="post-date"><a href="#"><i class="icon-clock"></i>@service.CreatedOn.ToShortDateString()</a></span>
                        <span class="post-comm"><a href="#"><i class="icon-chat-1"></i>@service.Comments.Count</a></span>
                        <span class="like-2"><a href="tel:@service.Phone"><i class="icon-phone-circled"></i></a></span>
                    </div>
                </div>
            }
        </div>

        <div class="carousel_navigations">
            <ul>
                <li><a id="car_prev_2" href="#"></a></li>
                <li><a id="car_next_2" href="#"></a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</section>