');
+ this._resize(width, height);
+ this._config.onContentLoaded.call(this);
+ if (this._$modalArrows) this._$modalArrows.css('display', 'none'); //hide the arrows when showing video
+ this._toggleLoading(false);
+ return this;
+ }
+ }, {
+ key: '_loadRemoteContent',
+ value: function _loadRemoteContent(url, $containerForElement) {
+ var _this3 = this;
+
+ var width = this._$element.data('width') || 560;
+ var height = this._$element.data('height') || 560;
+
+ var disableExternalCheck = this._$element.data('disableExternalCheck') || false;
+ this._toggleLoading(false);
+
+ // external urls are loading into an iframe
+ // local ajax can be loaded into the container itself
+ if (!disableExternalCheck && !this._isExternal(url)) {
+ $containerForElement.load(url, $.proxy(function () {
+ return _this3._$element.trigger('loaded.bs.modal');l;
+ }));
+ } else {
+ $containerForElement.html('');
+ this._config.onContentLoaded.call(this);
+ }
+
+ if (this._$modalArrows) //hide the arrows when remote content
+ this._$modalArrows.css('display', 'none');
+
+ this._resize(width, height);
+ return this;
+ }
+ }, {
+ key: '_isExternal',
+ value: function _isExternal(url) {
+ var match = url.match(/^([^:\/?#]+:)?(?:\/\/([^\/?#]*))?([^?#]+)?(\?[^#]*)?(#.*)?/);
+ if (typeof match[1] === "string" && match[1].length > 0 && match[1].toLowerCase() !== location.protocol) return true;
+
+ if (typeof match[2] === "string" && match[2].length > 0 && match[2].replace(new RegExp(':(' + ({
+ "http:": 80,
+ "https:": 443
+ })[location.protocol] + ')?$'), "") !== location.host) return true;
+
+ return false;
+ }
+ }, {
+ key: '_error',
+ value: function _error(message) {
+ console.error(message);
+ this._containerToUse().html(message);
+ this._resize(300, 300);
+ return this;
+ }
+ }, {
+ key: '_preloadImageByIndex',
+ value: function _preloadImageByIndex(startIndex, numberOfTimes) {
+
+ if (!this._$galleryItems) return;
+
+ var next = $(this._$galleryItems.get(startIndex), false);
+ if (typeof next == 'undefined') return;
+
+ var src = next.attr('data-remote') || next.attr('href');
+ if (next.attr('data-type') === 'image' || this._isImage(src)) this._preloadImage(src, false);
+
+ if (numberOfTimes > 0) return this._preloadImageByIndex(startIndex + 1, numberOfTimes - 1);
+ }
+ }, {
+ key: '_preloadImage',
+ value: function _preloadImage(src, $containerForImage) {
+ var _this4 = this;
+
+ $containerForImage = $containerForImage || false;
+
+ var img = new Image();
+ if ($containerForImage) {
+ (function () {
+
+ // if loading takes > 200ms show a loader
+ var loadingTimeout = setTimeout(function () {
+ $containerForImage.append(_this4._config.loadingMessage);
+ }, 200);
+
+ img.onload = function () {
+ if (loadingTimeout) clearTimeout(loadingTimeout);
+ loadingTimeout = null;
+ var image = $('');
+ image.attr('src', img.src);
+ image.addClass('img-fluid');
+
+ // backward compatibility for bootstrap v3
+ image.css('width', '100%');
+
+ $containerForImage.html(image);
+ if (_this4._$modalArrows) _this4._$modalArrows.css('display', ''); // remove display to default to css property
+
+ _this4._resize(img.width, img.height);
+ _this4._toggleLoading(false);
+ return _this4._config.onContentLoaded.call(_this4);
+ };
+ img.onerror = function () {
+ _this4._toggleLoading(false);
+ return _this4._error(_this4._config.strings.fail + (' ' + src));
+ };
+ })();
+ }
+
+ img.src = src;
+ return img;
+ }
+ }, {
+ key: '_swipeGesure',
+ value: function _swipeGesure() {
+ if (this._touchendX < this._touchstartX) {
+ return this.navigateRight();
+ }
+ if (this._touchendX > this._touchstartX) {
+ return this.navigateLeft();
+ }
+ }
+ }, {
+ key: '_resize',
+ value: function _resize(width, height) {
+
+ height = height || width;
+ this._wantedWidth = width;
+ this._wantedHeight = height;
+
+ var imageAspecRatio = width / height;
+
+ // if width > the available space, scale down the expected width and height
+ var widthBorderAndPadding = this._padding.left + this._padding.right + this._border.left + this._border.right;
+
+ // force 10px margin if window size > 575px
+ var addMargin = this._config.doc.body.clientWidth > 575 ? 20 : 0;
+ var discountMargin = this._config.doc.body.clientWidth > 575 ? 0 : 20;
+
+ var maxWidth = Math.min(width + widthBorderAndPadding, this._config.doc.body.clientWidth - addMargin, this._config.maxWidth);
+
+ if (width + widthBorderAndPadding > maxWidth) {
+ height = (maxWidth - widthBorderAndPadding - discountMargin) / imageAspecRatio;
+ width = maxWidth;
+ } else width = width + widthBorderAndPadding;
+
+ var headerHeight = 0,
+ footerHeight = 0;
+
+ // as the resize is performed the modal is show, the calculate might fail
+ // if so, default to the default sizes
+ if (this._footerIsShown) footerHeight = this._$modalFooter.outerHeight(true) || 55;
+
+ if (this._titleIsShown) headerHeight = this._$modalHeader.outerHeight(true) || 67;
+
+ var borderPadding = this._padding.top + this._padding.bottom + this._border.bottom + this._border.top;
+
+ //calculated each time as resizing the window can cause them to change due to Bootstraps fluid margins
+ var margins = parseFloat(this._$modalDialog.css('margin-top')) + parseFloat(this._$modalDialog.css('margin-bottom'));
+
+ var maxHeight = Math.min(height, $(window).height() - borderPadding - margins - headerHeight - footerHeight, this._config.maxHeight - borderPadding - headerHeight - footerHeight);
+
+ if (height > maxHeight) {
+ // if height > the available height, scale down the width
+ width = Math.ceil(maxHeight * imageAspecRatio) + widthBorderAndPadding;
+ }
+
+ this._$lightboxContainer.css('height', maxHeight);
+ this._$modalDialog.css('flex', 1).css('maxWidth', width);
+
+ var modal = this._$modal.data('bs.modal');
+ if (modal) {
+ // v4 method is mistakenly protected
+ try {
+ modal._handleUpdate();
+ } catch (Exception) {
+ modal.handleUpdate();
+ }
+ }
+ return this;
+ }
+ }], [{
+ key: '_jQueryInterface',
+ value: function _jQueryInterface(config) {
+ var _this5 = this;
+
+ config = config || {};
+ return this.each(function () {
+ var $this = $(_this5);
+ var _config = $.extend({}, Lightbox.Default, $this.data(), typeof config === 'object' && config);
+
+ new Lightbox(_this5, _config);
+ });
+ }
+ }]);
+
+ return Lightbox;
+ })();
+
+ $.fn[NAME] = Lightbox._jQueryInterface;
+ $.fn[NAME].Constructor = Lightbox;
+ $.fn[NAME].noConflict = function () {
+ $.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Lightbox._jQueryInterface;
+ };
+
+ return Lightbox;
+})(jQuery);
+//# sourceMappingURL=ekko-lightbox.js.map
+
+}(jQuery);
diff --git a/public/js/lightbox/ekko-lightbox.min.js b/public/js/lightbox/ekko-lightbox.min.js
new file mode 100644
index 000000000..0289642ba
--- /dev/null
+++ b/public/js/lightbox/ekko-lightbox.min.js
@@ -0,0 +1,2 @@
++function(a){"use strict";function b(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}var c=function(){function a(a,b){for(var c=0;c
',leftArrow:"❮",rightArrow:"❯",strings:{close:"Close",fail:"Failed to load image:",type:"Could not detect remote target type. Force the type using data-type"},doc:document,onShow:function(){},onShown:function(){},onHide:function(){},onHidden:function(){},onNavigate:function(){},onContentLoaded:function(){}},g=function(){function d(c,e){var g=this;b(this,d),this._config=a.extend({},f,e),this._$modalArrows=null,this._galleryIndex=0,this._galleryName=null,this._padding=null,this._border=null,this._titleIsShown=!1,this._footerIsShown=!1,this._wantedWidth=0,this._wantedHeight=0,this._touchstartX=0,this._touchendX=0,this._modalId="ekkoLightbox-"+Math.floor(1e3*Math.random()+1),this._$element=c instanceof jQuery?c:a(c),this._isBootstrap3=3==a.fn.modal.Constructor.VERSION[0];var h='
 }})
+ @endif
+ 
-
- {{ $review->author }}
-
- @for($i = 1; $i <= $review->rating; $i++)
-
- @endfor
- @for($i = $review->rating; $i < 5; $i++)
-
- @endfor
-
-
- {{ \Carbon\Carbon::parse($review->created_at)->format('F d, Y \a\t G:ia') }}
-