@*Page: Search - IET*@
@using Cadmore.MediaSite.Models;
@using Cadmore.MediaSite.Web.ViewModels;
@using Newtonsoft.Json;
@using Newtonsoft.Json.Linq;
@using System;
@using System.Linq;
@model PageViewModel
@{
    Layout = null;

    var applicationId = "ee1bc0d2-e7a8-4cca-bc76-aa93fee47da7";
    var sectionId_Header = "2ff164d0-63b9-4d92-bcae-13321e28df6c";
    var sectionId_Footer = "ceb97d0d-1ddf-4bb5-b85c-c61e10b33fb8";

    var widgetId_SearchFilter = "47e1def8-c0ad-42ea-ab24-f2db5e0bbbd5";
    var widgetId_BrowseGalleryVideos = "5b912cee-09ac-4bc2-a630-a36ab21bf86d";
    var widgetId_SearchResults = "e3128a0b-23a9-4c2b-b133-024ad3a7fb32";

    var objDefId_Video = "0d3158b5-64b1-4de1-a180-bfcc314713b7";


}

<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=00-base.css" rel="stylesheet" type="text/css" />
<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=30-component.global-chrome.css" rel="stylesheet" type="text/css" />
<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=30-component.header.css" rel="stylesheet" type="text/css" />
<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=30-component.media.data.css" rel="stylesheet" type="text/css" />
<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=30-component.catalogue.css" rel="stylesheet" type="text/css" />
<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=30-component.card.css" rel="stylesheet" type="text/css" />
<link href="/Content/CSSContent?applicationId=@(applicationId)&fileName=100-whitelabel.css" rel="stylesheet" type="text/css" />

<div class='sectionPlaceHolder' data-sectionName='header' data-sectionId='@(sectionId_Header)' style='width:100%;'></div>

<main id="main" class="main" role="main" data-app-content>

    <!-- Header -->
    <header class="page-header container container--wide">
        <!-- Breadcrumb -->
        <nav class="breadcrumb" aria-label="Breadcrumb">
            <ol class="breadcrumb__list">
                <li class="breadcrumb__item">
                    <a href="./" class="breadcrumb__link breadcrumb__link--home">
                        <i class="fa-solid fa-house-chimney" aria-hidden="true"></i>
                        <span class="visually-hidden">Homepage</span>
                    </a>
                </li>

                <!-- <li class="breadcrumb__item">
                  <a href="/#/" class="breadcrumb__link"> Section </a>
                </li> -->

                <li class="breadcrumb__item" aria-current="page">Search results</li>
            </ol>
        </nav>

        <!-- Title + actions -->
        <div class="page-header__bar">
            <div class="page-header__title-group">
                <h1 class="page-header__title">
                    Search results
                </h1>

                <p class="page-header__results">
                    <span class="page-header__count search_total_count">0</span> results for “<span class="page-header__query search-term header_search_term"></span>”
                </p>
            </div>
        </div>
    </header>

    <!-- BROWSE -->
    <section class="container container--wide catalogue browse">

        <div class='widgetPlaceHolder search-browse-wrapper' data-widgetName='SearchBrowser' data-widgetId='@(widgetId_SearchFilter)' data-TargetWidgetId="@(widgetId_SearchResults)" data-autoLoad='true' data-objectIdsFilter='' data-objectDefinitionIdsFilter='' data-tagIdsFilter='' data-hardTypesFilter='' data-categoryObjectIdsFilter='' data-searchTermFilter='' data-customFilter="" data-favorites='false'></div>

        <button type="button"
                class="catalogue__filters-backdrop"
                data-overlay-close="catalogue-filters"
                aria-hidden="true"
                tabindex="-1">
            <span class="visually-hidden">Close filters</span>
        </button>

    </section>

</main>

<div class='sectionPlaceHolder' data-sectionName='footer' data-sectionId='@(sectionId_Footer)' style='width:100%;'></div>

<script type="text/javascript">

        $(document).ready(function() 
        {
            try 
            {
                var paramsString = $('#runtimeParams').val();
                var rawHtml = _pageManager.HtmlDecodeSimple(paramsString);
                $('#headerSearchInput').val(rawHtml);
            }
            catch (err) 
            {}
        });

</script>