{"id":1071,"date":"2017-08-23T07:17:53","date_gmt":"2017-08-23T07:17:53","guid":{"rendered":"https:\/\/demo.harutheme.com\/circle\/?page_id=1071"},"modified":"2017-08-23T07:17:53","modified_gmt":"2017-08-23T07:17:53","slug":"film-grid-with-search-form","status":"publish","type":"page","link":"https:\/\/brilliantmedia.ca\/?page_id=1071","title":{"rendered":"Film Grid with Search Form"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1503936225496{margin-top: -100px !important;padding-top: 3% !important;padding-bottom: 8% !important;background-color: #1e1e1e !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner]  \n        \n        <div class=\" \">\n                <div class=\"film-search-form-shortcode-wrapper search-form-ajax \">\n        <!-- FILM SEARCH FORM -->\n        <form role=\"search\" method=\"get\" id=\"film-searchform\" class=\"film-searchform\" action=\"https:\/\/brilliantmedia.ca\">\n            <div class=\"data-search\" \n                data-current_page=\"https:\/\/brilliantmedia.ca\" \n                data-columns=\"4\" \n                data-film_style=\"style_1\"\n                data-paging_style=\"loadmore\"\n                data-per_page=\"4\">\n\n                <input type=\"text\" value=\"\" name=\"s\" id=\"s\" placeholder=\"Search for a Movie, Film...\" \/>\n                \n                <select name=\"category\" id=\"category\">\n                    <option value=\"\">Category<\/option>\n                                                            <option value=\"action\">Action<\/option>\n                                        <option value=\"comedy\">Comedy<\/option>\n                                        <option value=\"drama\">Drama<\/option>\n                                        <option value=\"harutheme\">HaruTheme<\/option>\n                                        <option value=\"historycal\">Historycal<\/option>\n                                        <option value=\"series-film\">Series Film<\/option>\n                                        <option value=\"short-film\">Short Film<\/option>\n                                    <\/select>\n\n                <select name=\"country\" id=\"country\">\n                    <option value=\"\">Country<\/option>\n                                                            <option value=\"france\">France<\/option>\n                                        <option value=\"germany\">Germany<\/option>\n                                        <option value=\"italia\">Italia<\/option>\n                                        <option value=\"spain\">Spain<\/option>\n                                        <option value=\"usa\">USA<\/option>\n                                    <\/select>\n\n                <select name=\"year\" id=\"year\">\n                    <option value=\"\">Year<\/option>\n                                                            <option value=\"2014\">2014<\/option>\n                                        <option value=\"2015\">2015<\/option>\n                                        <option value=\"2016\">2016<\/option>\n                                        <option value=\"2017\">2017<\/option>\n                                    <\/select>\n\n                <select name=\"sort\" id=\"sort\">\n                    <option value=\"\">Sort By<\/option>\n                    <option value=\"date-desc\">Newest<\/option>\n                    <option value=\"date-asc\">Oldest<\/option>\n                    <option value=\"title-desc\">Title (A-&gt;Z)<\/option>\n                    <option value=\"title-asc\">Title (Z-&gt;A)<\/option>\n                    <option value=\"rand\">Random<\/option>\n                <\/select>\n\n                <input type=\"hidden\" name=\"post_type\" value=\"haru_film\" \/>\n                <input type=\"submit\" id=\"searchsubmit\" value=\"Find Movies\" class=\"search-film\"\/>\n            <\/div>\n        <\/form>\n        <!-- END FILM SEARCH FORM -->\n        <div class=\"film-content\">\n            <div class=\"film-list columns-4\">\n                                    <div class=\"film-item style_1 action drama \" onclick=\"void(0)\">\n    <div class=\"film-image\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"390\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/wynonna.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/wynonna.jpg 270w, https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/wynonna-208x300.jpg 208w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>                    <div class=\"film-label hot\">\n                Hot            <\/div>\n                        <div class=\"film-icon\">\n            <a href=\"javascript:;\" class=\"view-film-button\" data-id=\"1119\" data-player=\"none\" data-server=\"\"><\/a>\n        <\/div>\n            <\/div>\n    <div class=\"film-meta\">\n        <div class=\"film-rating\"><span class=\"point\">8.7<\/span><span class=\"total\">\/10<\/span><\/div>\n        <h3 class=\"film-title\"><a href=\"https:\/\/brilliantmedia.ca\/?haru_film=wynonna\">Wynonna<\/a><\/h3>\n        <div class=\"film-category\"><a href=\"https:\/\/brilliantmedia.ca\/?film_category=action\" rel=\"tag\">Action<\/a> \/ <a href=\"https:\/\/brilliantmedia.ca\/?film_category=drama\" rel=\"tag\">Drama<\/a><\/div>\n    <\/div>\n<\/div>                                    <div class=\"film-item style_1 comedy historycal \" onclick=\"void(0)\">\n    <div class=\"film-image\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"390\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/war-is-coming.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/war-is-coming.jpg 270w, https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/war-is-coming-208x300.jpg 208w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>                    <div class=\"film-label trending\">\n                Trend            <\/div>\n                        <div class=\"film-icon\">\n            <a href=\"javascript:;\" class=\"view-film-button\" data-id=\"1117\" data-player=\"none\" data-server=\"\"><\/a>\n        <\/div>\n            <\/div>\n    <div class=\"film-meta\">\n        <div class=\"film-rating\"><span class=\"point\">8.7<\/span><span class=\"total\">\/10<\/span><\/div>\n        <h3 class=\"film-title\"><a href=\"https:\/\/brilliantmedia.ca\/?haru_film=war-is-coming\">War is Coming<\/a><\/h3>\n        <div class=\"film-category\"><a href=\"https:\/\/brilliantmedia.ca\/?film_category=comedy\" rel=\"tag\">Comedy<\/a> \/ <a href=\"https:\/\/brilliantmedia.ca\/?film_category=historycal\" rel=\"tag\">Historycal<\/a><\/div>\n    <\/div>\n<\/div>                                    <div class=\"film-item style_1 comedy drama \" onclick=\"void(0)\">\n    <div class=\"film-image\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"390\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/red-sonja.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/red-sonja.jpg 270w, https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/red-sonja-208x300.jpg 208w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>                        <div class=\"film-icon\">\n            <a href=\"javascript:;\" class=\"view-film-button\" data-id=\"1115\" data-player=\"none\" data-server=\"\"><\/a>\n        <\/div>\n            <\/div>\n    <div class=\"film-meta\">\n        <div class=\"film-rating\"><span class=\"point\">8.7<\/span><span class=\"total\">\/10<\/span><\/div>\n        <h3 class=\"film-title\"><a href=\"https:\/\/brilliantmedia.ca\/?haru_film=red-sonja\">Red Sonja<\/a><\/h3>\n        <div class=\"film-category\"><a href=\"https:\/\/brilliantmedia.ca\/?film_category=comedy\" rel=\"tag\">Comedy<\/a> \/ <a href=\"https:\/\/brilliantmedia.ca\/?film_category=drama\" rel=\"tag\">Drama<\/a><\/div>\n    <\/div>\n<\/div>                                    <div class=\"film-item style_1 action historycal \" onclick=\"void(0)\">\n    <div class=\"film-image\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"390\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/drive-angry.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/drive-angry.jpg 270w, https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2017\/08\/drive-angry-208x300.jpg 208w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/>                        <div class=\"film-icon\">\n            <a href=\"javascript:;\" class=\"view-film-button\" data-id=\"1113\" data-player=\"none\" data-server=\"\"><\/a>\n        <\/div>\n            <\/div>\n    <div class=\"film-meta\">\n        <div class=\"film-rating\"><span class=\"point\">8.7<\/span><span class=\"total\">\/10<\/span><\/div>\n        <h3 class=\"film-title\"><a href=\"https:\/\/brilliantmedia.ca\/?haru_film=drive-angry\">Drive Angry<\/a><\/h3>\n        <div class=\"film-category\"><a href=\"https:\/\/brilliantmedia.ca\/?film_category=action\" rel=\"tag\">Action<\/a> \/ <a href=\"https:\/\/brilliantmedia.ca\/?film_category=historycal\" rel=\"tag\">Historycal<\/a><\/div>\n    <\/div>\n<\/div>                            <\/div>\n            <!-- Pagination -->\n                            <div class=\"film-search-form-shortcode-paging-wrapper paging-load-more\">\n                     \n                <button data-href=\"https:\/\/brilliantmedia.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1071&#038;paged=2\" type=\"button\"  data-loading-text=\"<span class='fa fa-spinner fa-spin'><\/span> Loading...\" class=\"film-load-more\">\n                    View More                <\/button>\n                        <\/div>\n                    <\/div>\n    <\/div>\n        <\/div>  \n        \n        [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1503936225496{margin-top: -100px !important;padding-top: 3% !important;padding-bottom: 8% !important;background-color: #1e1e1e !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1071","page","type-page","status-publish","hentry","clearfix"],"_links":{"self":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/pages\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1071"}],"version-history":[{"count":0,"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/pages\/1071\/revisions"}],"wp:attachment":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}