sib-router
    sib-route( name='resource-report-broken-link-entrepreneur', use-id)

dialog#resource-report-broken-link-entrepreneur
    include ./resource-report-broken-link-entrepreneur

div.container_min
        h2.title_lead.fd_bleu=`${data.generalLabel}`
        button.button_dark.pull-right=`${data.WatchThePresentation}`
            i.far.fa-play-circle

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

container.block_list
    div.flex.flex_espace
        div.w_75.block-g-entre
            div
                h2.title_form=`${data.SearchForResource}`
                div#resources-loader
                    hidden
                        i.fas.fa-spinner.fa-spin
                sib-form.search-by-keyword(
                    data-src=`${endpoints.resources}`,
                    loader-id="resources-loader"
                    fields='keyword(name_keyword)'    
                    label-name_keyword=`${data.SearchByNam}`
                    widget-name_keyword="sib-form-placeholder-text"
                    naked    
                )

                div.keyword_submit.button__actions
                    div.button_base.ico_gauche=`${data.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.flex.flex_espace(
                    data-src=`${endpoints.resources}`,
                    fields='header_criterias, format, publication_year, country, language, fields'
                    label-header_criterias=`${data.Search}`
                    label-format=`${data.Format}`
                    label-publication_year=`${data.DatePublication}`
                    label-country=`${data.CountryPublication}`
                    label-language=`${data.Language}`
                    label-fields=`${data.Field}`
                    widget-header_criterias='cs-section_header'

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

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

                    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=`${data.CantFindRessourceYouNeed}`
                div.button__actions
                    sib-link(next='entrepreneur-request-create')
                        div
                        div.button_base=`${data.MakeRequest}`

    
        //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
                div.step
                    div#resources-loader-step1
                        hidden
                            i.fas.fa-spinner.fa-spin

                    sib-display#circles-list(
                        loader-id="resources-loader-step1"
                        data-src=`${endpoints.steps}1/`,
                        fields='name'
                        class="accordion active"
        
                        label-name =`${data.Step} 1 `
                        label-resources=''
                        
                        widget-name='cs-steps-header'
                    )
                    
                    sib-display.resource_by_step(
                        data-src=`${endpoints.steps}1/resources/validated/`,
                        fields='name, author, format.name, publication_year, description, country, language, fields',
                        search-fields='search_for_a_resource(name), 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-more_criterias_hidden="hidden-widget"
                        search-widget-search_for_a_resource="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='hidden-widget'
                        widget-publication_year='cs-display-property'
                        widget-description='cs-display-property'
                        widget-fields='hidden-widget'
                        widget-language="hidden-widget"
                        widget-author="hidden-widget"
                        widget-format.name='cs-display-resource-property'
                        label-format.name=''
                        label-language=''
                        multiple-language
                        label-fields=''
                        multiple-fields
                        class="panel"

                        next='entrepreneur-resource-detail'

                        paginate-by="2"
                    )
        
                //Step 2
                div.step
                    sib-display#circles-list(
                        data-src=`${endpoints.steps}2/`,
                        fields='name'
                        class="accordion"
        
                        label-name =`${data.Step} 2 `
                        label-resources=''
                        
                        widget-name='cs-steps-header'  
                    )
        
                    sib-display.resource_by_step(
                        data-src=`${endpoints.steps}2/resources/validated/`,
                        fields='name, author, format.name, publication_year, description, country, language, fields',
                        search-fields='search_for_a_resource(name), 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-more_criterias_hidden="hidden-widget"
                        search-widget-search_for_a_resource="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='hidden-widget'
                        widget-publication_year='cs-display-property'
                        widget-description='cs-display-property'
                        widget-fields='hidden-widget'
                        widget-language="hidden-widget"
                        widget-author="hidden-widget"
                        widget-format.name='cs-display-resource-property'
                        label-format.name=''
                        label-language=''
                        multiple-language
                        label-fields=''
                        multiple-fields
                        class="panel"
                        next='entrepreneur-resource-detail'

                        paginate-by="2"
                    )

                div.step
                    sib-display#circles-list(
                        data-src=`${endpoints.steps}3/`,
                        fields='name'
                        class="accordion"
        
                        label-name =`${data.Step} 3 `
                        label-resources=''
                        
                        widget-name='cs-steps-header'  
                    )
        
                    sib-display.resource_by_step(
                        data-src=`${endpoints.steps}3/resources/validated/`,
                        fields='name, author, format.name, publication_year, description, country, language, fields',
                        search-fields='search_for_a_resource(name), 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-more_criterias_hidden="hidden-widget"
                        search-widget-search_for_a_resource="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='hidden-widget'
                        widget-publication_year='cs-display-property'
                        widget-description='cs-display-property'
                        widget-fields='hidden-widget'
                        widget-language="hidden-widget"
                        widget-author="hidden-widget"
                        widget-format.name='cs-display-resource-property'
                        label-format.name=''
                        label-language=''
                        multiple-language
                        label-fields=''
                        multiple-fields
                        class="panel"
                        next='entrepreneur-resource-detail'

                        paginate-by="2"
                    )

                //Step 4
                div.step
                    sib-display#circles-list(
                        data-src=`${endpoints.steps}4/`,
                        fields='name'
                        class="accordion"
        
                        label-name =`${data.Step} 4 `
                        label-resources=''
        
                        widget-name='cs-steps-header'
        
                    )
        
                    sib-display.resource_by_step(
                        data-src=`${endpoints.steps}4/resources/validated/`,
                        fields='name, author, format.name, publication_year, description, country, language, fields',
                        search-fields='search_for_a_resource(name), 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-more_criterias_hidden="hidden-widget"
                        search-widget-search_for_a_resource="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='hidden-widget'
                        widget-publication_year='cs-display-property'
                        widget-description='cs-display-property'
                        widget-fields='hidden-widget'
                        widget-language="hidden-widget"
                        widget-author="hidden-widget"
                        widget-format.name='cs-display-resource-property'
                        label-format.name=''
                        label-language=''
                        multiple-language
                        label-fields=''
                        multiple-fields
                        class="panel"
                        next='entrepreneur-resource-detail'

                        paginate-by="5"
                    )

                //Step 5
                div.step
                    sib-display#circles-list(
                        data-src=`${endpoints.steps}5/`,
                        fields='name'
                        class="accordion"
        
                        label-name =`${data.Step} 5 `
                        label-resources=''
        
                        widget-name='cs-steps-header'       
                    )
        
                    sib-display.resource_by_step(
                        data-src=`${endpoints.steps}5/resources/validated/`,
                        fields='name, author, format.name, publication_year, description, country, language, fields',
                        search-fields='search_for_a_resource(name), 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-more_criterias_hidden="hidden-widget"
                        search-widget-search_for_a_resource="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='hidden-widget'
                        widget-publication_year='cs-display-property'
                        widget-description='cs-display-property'
                        widget-fields='hidden-widget'
                        widget-language="hidden-widget"
                        widget-author="hidden-widget"
                        widget-format.name='cs-display-resource-property'
                        label-format.name=''
                        label-language=''
                        multiple-language
                        label-fields=''
                        multiple-fields
                        class="panel"
                        next='entrepreneur-resource-detail'

                        paginate-by="5"
                    )

                //Step 6
                div.step
                    sib-display#circles-list(
                        data-src=`${endpoints.steps}6/`,
                        fields='name'
                        class="accordion"
        
                        label-name =`${data.Step} 6 `
                        label-resources=''
        
                        widget-name='cs-steps-header'       
                    )
        
                    sib-display.resource_by_step(
                        data-src=`${endpoints.steps}6/resources/validated/`,
                        fields='name, author, format.name, publication_year, description, country, language, fields',
                        search-fields='search_for_a_resource(name), 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-more_criterias_hidden="hidden-widget"
                        search-widget-search_for_a_resource="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='hidden-widget'
                        widget-publication_year='cs-display-property'
                        widget-description='cs-display-property'
                        widget-fields='hidden-widget'
                        widget-language="hidden-widget"
                        widget-author="hidden-widget"
                        widget-format.name='cs-display-resource-property'
                        label-format.name=''
                        label-language=''
                        multiple-language
                        label-fields=''
                        multiple-fields
                        class="panel"
                        next='entrepreneur-resource-detail'

                        paginate-by="5"
                    )