description = "Venue Layout"

[staticPage]
useContent = 0
default = 0

[builderList venues]
modelClass = "Linus\Venues\Models\Venue"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "slug"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
==
<?php
use Linus\Venues\Models\Venue;
	use Linus\Venues\Models\Type;
	use Linus\Venues\Models\Ideal;
	function onStart(){
        $theme = Cms\Classes\Theme::getEditTheme();
        $pageList = new RainLab\Pages\Classes\PageList($theme);
        $allPages = $pageList->listPages();
        $this['hero_testimonial'] = null;
        foreach ($allPages as $pg) {
            if($pg->id == 'venuess') {
                $this['hero_testimonial'] = $pg;
            }
        }
        $this->prepareVars();
    }
    function onFilterVenues() { $this->prepareVars(); }
    function onPage(){
        $this->prepareVars();
    }
    function prepareVars() {
        $options = post('Filter', ['']);
        $this['venues'] = Venue::listFrontEnd($options);
        // $this['pages'] = $this['venues']->lastPage();
        // $this['cur_page'] = $this['venues']->currentPage();

        $this['types'] = Type::all();
        $this['ideals'] = Ideal::all();
    }
?>
==
{% partial 'site/head' %}
{% partial 'site/header' %}
{% component 'staticPage' %}
{% partial 'contact-btn' %}
<div class="wrapper" id="mobileBodyContent">
	{% partial 'cursor' %}

    {variable tab="Banner" type="text" name="hero_header" label="Hero Header"}{/variable}
    {variable type="mediafinder" name="banner_bg" label="Banner Background" mode="image" tab="Banner" span="left"}{/variable}
    {variable tab="Banner" type="text" name="card_header" label="Card Header"}{/variable}
    {variable tab="Banner" type="text" name="card_text" label="Card Text"}{/variable}
	{% partial 'hero-banner' %}
	<div class="row noPM bg-pattern">
		<div class="container blog-header">
		  {% partial 'header-card' %}
		</div>
	</div>

	<div class="row noPM bg-pattern filter-ven section-pad-wh">
		<div class="container" id = "filter-venue">
			<h4 class="filter-title text-center">Filter Venues</h4>
			{{ form_ajax('onFilterVenues', { update: { 'venue-load': '#venue-load', 'venue-page': '#venue-page' } }) }}
            <div class="flex-con filter-con">
                <div class="col-sm-3 col-xs-6">
                    <div class="adv-con">
                        <select name="Filter[type_id]" data-id="fil-type" class = "filter-text">
                            <option value="" selected>Function Type</option>
                            {% for i in types %}
                                <option value="{{i.id}}">{{ i.name }}</option>    
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <!-- <div class="col-sm-3 col-xs-6">
                    <div class="adv-con">
                        <select name="Filter[ideal_id]" data-id="fil-ideal" class = "filter-text">
                            <option value="" selected>Ideal for</option> 
                            {% for i in ideals %}
                                <option value="{{i.id}}">{{ i.name }}</option>    
                            {% endfor %}
                        </select>
                    </div>
                </div> -->
                <div class="col-sm-3 col-xs-6">
                    <div class="adv-con">
                        <select name="Filter[capacity]" data-id="fil-cap" class = "filter-text">
                            <option value="" selected>Capacity</option>
                            <option value="50">Up to 50 pax</option>
                            <option value="100">Up to 100 pax</option>
                            <option value="150">Up to 150 pax</option>
                            <option value="200">Up to 200 pax</option>
                            <option value="250">Up to 250 pax</option>
                            <option value="300">Up to 300 pax</option>
                            <option value="500">Up to 500 pax</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-6">
                    <button class="btn-gold btn-text">FILTER</button>
                </div>
            </div>
            {{ form_close() }}
		</div>
	</div>

	<div class="row noPM bg-pattern venues-con section-pad-2">
		<div class="container flex-con-stretch" id = "venue-load">
		    {% partial 'venue-load' %}
		</div>

        <div id="venue-page">               
            {% partial 'venue-page' %}
        </div>

        {{ form_ajax('onPage', { id : 'page-form', update: { 'venue-load': '#venue-load', 'venue-page': '#venue-page' } }) }}
            <select class="ui fluid dropdown invisible" name="Filter[page]" id = "pagi-ajax" >
                {% for i in 1..venues.lastPage %}
                    <option value="{{i}}">{{ i }}</option>
                {% endfor %}
                <!-- i == page <option value="{{page}}" selected>{{ page }}</option> -->
            </select>
            <select class = "invisible" name="Filter[type_id]" id="fil-type" class = "filter-text">
                <option value="" selected>Function Type</option>
                {% for i in types %}
                    <option value="{{i.id}}">{{ i.name }}</option>    
                {% endfor %}
            </select>
            <select class = "invisible" name="Filter[ideal_id]" id="fil-ideal" class = "filter-text">
                <option value="" selected>Ideal for</option> 
                {% for i in ideals %}
                    <option value="{{i.id}}">{{ i.name }}</option>    
                {% endfor %}
            </select>
            <select class = "invisible" name="Filter[capacity]" id="fil-cap" class = "filter-text">
                <option value="" selected>Capacity</option>
                <option value="50">less than 50 pax</option>
                <option value="100">less than 100 pax</option>
                <option value="300">less than 200 pax</option>
                <option value="300">less than 300 pax</option>
                <option value="300">less than 400 pax</option>
                <option value="500">less than 500 pax</option>
            </select>
        {{ form_close() }}

    </div>

</div>

{% partial 'site/footer' %}