include ../../components/widgets


div.container_min
        h2.title_lead.fd_bleu International index of resources for cooperative mentors and entrepreneurs
        button.button_dark.pull-right Watch the presentation

//-About : 
//It will be great to have autocompletion on country
//I'm waiting for a confirmation to suppress step field


container.block_list.flex.flex_espace
    div.w_75.block-g-entre
        div
            h2.title_form Search for a resource
            div#resources-loader
                hidden Loading resources, please wait...

            sib-form#search-by-keyword(
                data-src=`${endpoints.resources}`,
                loader-id="resources-loader"
                fields='keyword(name_keyword, description, author)'    
                label-keyword="Search by author, name..."
                widget-keyword="sib-form-placeholder-text"

                widget-description='cs-display-property'
                widget-name_keyword='cs-display-property'
                widget-author='cs-display-property'

                naked    
            )

            div#keyword_submit.button__actions
                div.button_base.ico_gauche Search
            
            sib-form#instance_database_only(
                data-src=`${endpoints.resources}`,
                fields='instance_database_only'    
                widget-instance_database_only='cs-display-checkbox'
                class-instance_database_only = 'ss-list checkbox'
                
                naked
            )
        sib-form#more_criterias(
            data-src=`${endpoints.resources}`,
            fields='header_criterias, format, publication_year, country, language, fields'
            label-header_criterias='More criterias'
            label-format='Format:'
            label-publication_year='Year of publication'
            label-country='Country of publication'
            label-language='Language'
            label-fields='Field'
            widget-header_criterias='cs-section_header'

            range-language=`${endpoints.languages}`
            range-fields=`${endpoints.fields}`
            range-format=`${endpoints.formats}`

            multiple-language='sib-form-dropdown'
            widget-language='sib-form-auto-completion'

            multiple-format='sib-form-dropdown'
            widget-format='sib-form-auto-completion'

            multiple-fields='sib-form-dropdown'
            widget-fields='sib-form-auto-completion'
                            
            naked
        )

    div.w_25
        div.block_aside_entre
            img(src="../images/asid_entre.png" alt="rechercher de ressources")
            p Can't find the ressource you need ?
            div.button__actions
                sib-link(next='entrepreneur-request-create')
                    div
                    div.button_base Make a request

    
    //Fake tabs to filter by type.
    div.tabs.flex_espace
        div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
            sib-display#type1(
                data-src=`${endpoints.types}1/`
                fields='name'
                widget-name='fake-tabs'
            )

        div(class='tablink filter_by_type', onclick="openFakeTab(this)")
            sib-display#type2(
                data-src=`${endpoints.types}2/`
                fields='name'
                widget-name='fake-tabs'
            )

        div.block_log.block_list
       
            //Step 1
            sib-display#circles-list(
                loader-id="resources-loader"
                data-src=`${endpoints.steps}1/`,
                fields='name'

                label-name ='Step 1 '
                label-resources=''
                
                widget-name='cs-steps-header'
            )
            
            sib-display.resource_by_step(
                data-src=`${endpoints.steps}1/resources/`,
                fields='name, author, format, publication_year, description,  country, language, fields',
                search-fields='search_for_a_resource(name, description, author), more_criterias_hidden(format, publication_year, country, language, fields, type)',  
                search-range-format=`${endpoints.formats}`
                search-range-language=`${endpoints.languages}`
                search-range-fields=`${endpoints.fields}`
                search-range-type=`${endpoints.types}`


                search-widget-search_for_a_resource="hidden-widget"
                search-widget-more_criterias_hidden="hidden-widget"
                search-multiple-type='sib-form-dropdown'
                search-widget-type='sib-form-auto-completion'
                search-multiple-format='sib-form-dropdown'
                search-widget-format='sib-form-auto-completion'
                search-multiple-language='sib-form-dropdown'
                search-widget-language='sib-form-auto-completion'
                search-multiple-fields='sib-form-dropdown'
                search-widget-fields='sib-form-auto-completion'

        
                widget-name='cs-display-property'
                widget-country='cs-display-property'
                widget-publication_year='cs-display-property'
                widget-description='cs-display-property'
                widget-fields='hidden-widget'
                widget-language="hidden-widget"
                widget-author="cs-display-property"
                widget-format='cs-display-multiple-property'
                label-format=''
                multiple-format
                label-language=''
                multiple-language
                label-fields=''
                multiple-fields
                
                paginate-by="5"
            )

            //Step 2
            sib-display#circles-list(
                data-src=`${endpoints.steps}2/`,
                fields='name'

                label-name ='Step 2 '
                label-resources=''
                
                widget-name='cs-steps-header'  
            )

            sib-display.resource_by_step(
                data-src=`${endpoints.steps}2/resources/`,
                fields='name, author, format, publication_year, description,  country, language, fields',
                search-fields='search_for_a_resource(name, description, author), more_criterias_hidden(format, publication_year, country, language, fields, type)',  
                search-range-format=`${endpoints.formats}`
                search-range-language=`${endpoints.languages}`
                search-range-fields=`${endpoints.fields}`
                search-range-type=`${endpoints.types}`


                search-widget-search_for_a_resource="hidden-widget"
                search-widget-more_criterias_hidden="hidden-widget"
                search-multiple-type='sib-form-dropdown'
                search-widget-type='sib-form-auto-completion'
                search-multiple-format='sib-form-dropdown'
                search-widget-format='sib-form-auto-completion'
                search-multiple-language='sib-form-dropdown'
                search-widget-language='sib-form-auto-completion'
                search-multiple-fields='sib-form-dropdown'
                search-widget-fields='sib-form-auto-completion'

        
                widget-name='cs-display-property'
                widget-country='cs-display-property'
                widget-publication_year='cs-display-property'
                widget-description='cs-display-property'
                widget-fields='hidden-widget'
                widget-language="hidden-widget"
                widget-author="cs-display-property"
                widget-format='cs-display-multiple-property'
                label-format=''
                multiple-format
                label-language=''
                multiple-language
                label-fields=''
                multiple-fields
                
                paginate-by="5"
            )

            //Step 3
            sib-display#circles-list(
                data-src=`${endpoints.steps}3/`,
                fields='name'

                label-name ='Step 3 '
                label-resources=''
                
                widget-name='cs-steps-header'   

            )

            sib-display.resource_by_step(
                data-src=`${endpoints.steps}3/resources/`,
                fields='name, author, format, publication_year, description,  country, language, fields',
                search-fields='search_for_a_resource(name, description, author), more_criterias_hidden(format, publication_year, country, language, fields, type)',  
                search-range-format=`${endpoints.formats}`
                search-range-language=`${endpoints.languages}`
                search-range-fields=`${endpoints.fields}`
                search-range-type=`${endpoints.types}`


                search-widget-search_for_a_resource="hidden-widget"
                search-widget-more_criterias_hidden="hidden-widget"
                search-multiple-type='sib-form-dropdown'
                search-widget-type='sib-form-auto-completion'
                search-multiple-format='sib-form-dropdown'
                search-widget-format='sib-form-auto-completion'
                search-multiple-language='sib-form-dropdown'
                search-widget-language='sib-form-auto-completion'
                search-multiple-fields='sib-form-dropdown'
                search-widget-fields='sib-form-auto-completion'
        
                widget-name='cs-display-property'
                widget-country='cs-display-property'
                widget-publication_year='cs-display-property'
                widget-description='cs-display-property'
                widget-fields='hidden-widget'
                widget-language="hidden-widget"
                widget-author="cs-display-property"
                widget-format='cs-display-multiple-property'
                label-format=''
                multiple-format
                label-language=''
                multiple-language
                label-fields=''
                multiple-fields
                
                paginate-by="5"
            )

            //Step 4
            sib-display#circles-list(
                data-src=`${endpoints.steps}4/`,
                fields='name'

                label-name ='Step 4 '
                label-resources=''

                widget-name='cs-steps-header'

            )

            sib-display.resource_by_step(
                data-src=`${endpoints.steps}4/resources/`,
                fields='name, author, format, publication_year, description,  country, language, fields',
                search-fields='search_for_a_resource(name, description, author), more_criterias_hidden(format, publication_year, country, language, fields, type)',  
                search-range-format=`${endpoints.formats}`
                search-range-language=`${endpoints.languages}`
                search-range-fields=`${endpoints.fields}`
                search-range-type=`${endpoints.types}`


                search-widget-search_for_a_resource="hidden-widget"
                search-widget-more_criterias_hidden="hidden-widget"
                search-multiple-type='sib-form-dropdown'
                search-widget-type='sib-form-auto-completion'
                search-multiple-format='sib-form-dropdown'
                search-widget-format='sib-form-auto-completion'
                search-multiple-language='sib-form-dropdown'
                search-widget-language='sib-form-auto-completion'
                search-multiple-fields='sib-form-dropdown'
                search-widget-fields='sib-form-auto-completion'

        
                widget-name='cs-display-property'
                widget-country='cs-display-property'
                widget-publication_year='cs-display-property'
                widget-description='cs-display-property'
                widget-fields='hidden-widget'
                widget-language="hidden-widget"
                widget-author="cs-display-property"
                widget-format='cs-display-multiple-property'
                label-format=''
                multiple-format
                label-language=''
                multiple-language
                label-fields=''
                multiple-fields
                
                paginate-by="5"
            )

            //Step 5
            sib-display#circles-list(
                data-src=`${endpoints.steps}5/`,
                fields='name'

                label-name ='Step 5 '
                label-resources=''

                widget-name='cs-steps-header'       
            )

            sib-display.resource_by_step(
                data-src=`${endpoints.steps}5/resources/`,
                fields='name, author, format, publication_year, description,  country, language, fields',
                search-fields='search_for_a_resource(name, description, author), more_criterias_hidden(format, publication_year, country, language, fields, type)',  
                search-range-format=`${endpoints.formats}`
                search-range-language=`${endpoints.languages}`
                search-range-fields=`${endpoints.fields}`
                search-range-type=`${endpoints.types}`


                search-widget-search_for_a_resource="hidden-widget"
                search-widget-more_criterias_hidden="hidden-widget"
                search-multiple-type='sib-form-dropdown'
                search-widget-type='sib-form-auto-completion'
                search-multiple-format='sib-form-dropdown'
                search-widget-format='sib-form-auto-completion'
                search-multiple-language='sib-form-dropdown'
                search-widget-language='sib-form-auto-completion'
                search-multiple-fields='sib-form-dropdown'
                search-widget-fields='sib-form-auto-completion'

        
                widget-name='cs-display-property'
                widget-country='cs-display-property'
                widget-publication_year='cs-display-property'
                widget-description='cs-display-property'
                widget-fields='hidden-widget'
                widget-language="hidden-widget"
                widget-author="cs-display-property"
                widget-format='cs-display-multiple-property'
                label-format=''
                multiple-format
                label-language=''
                multiple-language
                label-fields=''
                multiple-fields
                
                paginate-by="5"
            )