diff --git a/4/bundle.bafdc2ee71eeb9e7b4b2.js b/4/bundle.bafdc2ee71eeb9e7b4b2.js
new file mode 100644
index 0000000..9e68ec4
--- /dev/null
+++ b/4/bundle.bafdc2ee71eeb9e7b4b2.js
@@ -0,0 +1,2 @@
+(()=>{var e={484:function(e){e.exports=function(){"use strict";var e=6e4,t=36e5,n="millisecond",i="second",s="minute",l="hour",a="day",r="week",o="month",v="quarter",p="year",c="date",d="Invalid Date",_=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,u=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,f={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],n=e%100;return"["+e+(t[(n-20)%10]||t[n]||t[0])+"]"}},h=function(e,t,n){var i=String(e);return!i||i.length>=t?e:""+Array(t+1-i.length).join(n)+e},y={s:h,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),i=Math.floor(n/60),s=n%60;return(t<=0?"+":"-")+h(i,2,"0")+":"+h(s,2,"0")},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var i=12*(n.year()-t.year())+(n.month()-t.month()),s=t.clone().add(i,o),l=n-s<0,a=t.clone().add(i+(l?-1:1),o);return+(-(i+(n-s)/(l?s-a:a-s))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:o,y:p,w:r,d:a,D:c,h:l,m:s,s:i,ms:n,Q:v}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},m="en",b={};b[m]=f;var g=function(e){return e instanceof k},$=function e(t,n,i){var s;if(!t)return m;if("string"==typeof t){var l=t.toLowerCase();b[l]&&(s=l),n&&(b[l]=n,s=l);var a=t.split("-");if(!s&&a.length>1)return e(a[0])}else{var r=t.name;b[r]=t,s=r}return!i&&s&&(m=s),s||!i&&m},x=function(e,t){if(g(e))return e.clone();var n="object"==typeof t?t:{};return n.date=e,n.args=arguments,new k(n)},M=y;M.l=$,M.i=g,M.w=function(e,t){return x(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var k=function(){function f(e){this.$L=$(e.locale,null,!0),this.parse(e)}var h=f.prototype;return h.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(null===t)return new Date(NaN);if(M.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var i=t.match(_);if(i){var s=i[2]-1||0,l=(i[7]||"0").substring(0,3);return n?new Date(Date.UTC(i[1],s,i[3]||1,i[4]||0,i[5]||0,i[6]||0,l)):new Date(i[1],s,i[3]||1,i[4]||0,i[5]||0,i[6]||0,l)}}return new Date(t)}(e),this.$x=e.x||{},this.init()},h.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},h.$utils=function(){return M},h.isValid=function(){return!(this.$d.toString()===d)},h.isSame=function(e,t){var n=x(e);return this.startOf(t)<=n&&n<=this.endOf(t)},h.isAfter=function(e,t){return x(e)<this.startOf(t)},h.isBefore=function(e,t){return this.endOf(t)<x(e)},h.$g=function(e,t,n){return M.u(e)?this[t]:this.set(n,e)},h.unix=function(){return Math.floor(this.valueOf()/1e3)},h.valueOf=function(){return this.$d.getTime()},h.startOf=function(e,t){var n=this,v=!!M.u(t)||t,d=M.p(e),_=function(e,t){var i=M.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return v?i:i.endOf(a)},u=function(e,t){return M.w(n.toDate()[e].apply(n.toDate("s"),(v?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},f=this.$W,h=this.$M,y=this.$D,m="set"+(this.$u?"UTC":"");switch(d){case p:return v?_(1,0):_(31,11);case o:return v?_(1,h):_(0,h+1);case r:var b=this.$locale().weekStart||0,g=(f<b?f+7:f)-b;return _(v?y-g:y+(6-g),h);case a:case c:return u(m+"Hours",0);case l:return u(m+"Minutes",1);case s:return u(m+"Seconds",2);case i:return u(m+"Milliseconds",3);default:return this.clone()}},h.endOf=function(e){return this.startOf(e,!1)},h.$set=function(e,t){var r,v=M.p(e),d="set"+(this.$u?"UTC":""),_=(r={},r[a]=d+"Date",r[c]=d+"Date",r[o]=d+"Month",r[p]=d+"FullYear",r[l]=d+"Hours",r[s]=d+"Minutes",r[i]=d+"Seconds",r[n]=d+"Milliseconds",r)[v],u=v===a?this.$D+(t-this.$W):t;if(v===o||v===p){var f=this.clone().set(c,1);f.$d[_](u),f.init(),this.$d=f.set(c,Math.min(this.$D,f.daysInMonth())).$d}else _&&this.$d[_](u);return this.init(),this},h.set=function(e,t){return this.clone().$set(e,t)},h.get=function(e){return this[M.p(e)]()},h.add=function(n,v){var c,d=this;n=Number(n);var _=M.p(v),u=function(e){var t=x(d);return M.w(t.date(t.date()+Math.round(e*n)),d)};if(_===o)return this.set(o,this.$M+n);if(_===p)return this.set(p,this.$y+n);if(_===a)return u(1);if(_===r)return u(7);var f=(c={},c[s]=e,c[l]=t,c[i]=1e3,c)[_]||1,h=this.$d.getTime()+n*f;return M.w(h,this)},h.subtract=function(e,t){return this.add(-1*e,t)},h.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||d;var i=e||"YYYY-MM-DDTHH:mm:ssZ",s=M.z(this),l=this.$H,a=this.$m,r=this.$M,o=n.weekdays,v=n.months,p=function(e,n,s,l){return e&&(e[n]||e(t,i))||s[n].slice(0,l)},c=function(e){return M.s(l%12||12,e,"0")},_=n.meridiem||function(e,t,n){var i=e<12?"AM":"PM";return n?i.toLowerCase():i},f={YY:String(this.$y).slice(-2),YYYY:this.$y,M:r+1,MM:M.s(r+1,2,"0"),MMM:p(n.monthsShort,r,v,3),MMMM:p(v,r),D:this.$D,DD:M.s(this.$D,2,"0"),d:String(this.$W),dd:p(n.weekdaysMin,this.$W,o,2),ddd:p(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(l),HH:M.s(l,2,"0"),h:c(1),hh:c(2),a:_(l,a,!0),A:_(l,a,!1),m:String(a),mm:M.s(a,2,"0"),s:String(this.$s),ss:M.s(this.$s,2,"0"),SSS:M.s(this.$ms,3,"0"),Z:s};return i.replace(u,(function(e,t){return t||f[e]||s.replace(":","")}))},h.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},h.diff=function(n,c,d){var _,u=M.p(c),f=x(n),h=(f.utcOffset()-this.utcOffset())*e,y=this-f,m=M.m(this,f);return m=(_={},_[p]=m/12,_[o]=m,_[v]=m/3,_[r]=(y-h)/6048e5,_[a]=(y-h)/864e5,_[l]=y/t,_[s]=y/e,_[i]=y/1e3,_)[u]||y,d?m:M.a(m)},h.daysInMonth=function(){return this.endOf(o).$D},h.$locale=function(){return b[this.$L]},h.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),i=$(e,t,!0);return i&&(n.$L=i),n},h.clone=function(){return M.w(this.$d,this)},h.toDate=function(){return new Date(this.valueOf())},h.toJSON=function(){return this.isValid()?this.toISOString():null},h.toISOString=function(){return this.$d.toISOString()},h.toString=function(){return this.$d.toUTCString()},f}(),S=k.prototype;return x.prototype=S,[["$ms",n],["$s",i],["$m",s],["$H",l],["$W",a],["$M",o],["$y",p],["$D",c]].forEach((function(e){S[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),x.extend=function(e,t){return e.$i||(e(t,k,x),e.$i=!0),x},x.locale=$,x.isDayjs=g,x.unix=function(e){return x(1e3*e)},x.en=b[m],x.Ls=b,x.p={},x}()}},t={};function n(i){var s=t[i];if(void 0!==s)return s.exports;var l=t[i]={exports:{}};return e[i].call(l.exports,l,l.exports,n),l.exports}(()=>{"use strict";function e(e){const t=document.createElement("div");return t.innerHTML=e,t.firstElementChild}function t(e,t,n="beforeend"){t.insertAdjacentElement(n,e.getElement())}class i{getTemplate(){return'<form class="event event--edit" action="#" method="post">\n                <header class="event__header">\n                  <div class="event__type-wrapper">\n                    <label class="event__type  event__type-btn" for="event-type-toggle-1">\n                      <span class="visually-hidden">Choose event type</span>\n                      <img class="event__type-icon" width="17" height="17" src="img/icons/flight.png" alt="Event type icon">\n                    </label>\n                    <input class="event__type-toggle  visually-hidden" id="event-type-toggle-1" type="checkbox">\n\n                    <div class="event__type-list">\n                      <fieldset class="event__type-group">\n                        <legend class="visually-hidden">Event type</legend>\n\n                        <div class="event__type-item">\n                          <input id="event-type-taxi-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="taxi">\n                          <label class="event__type-label  event__type-label--taxi" for="event-type-taxi-1">Taxi</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-bus-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="bus">\n                          <label class="event__type-label  event__type-label--bus" for="event-type-bus-1">Bus</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-train-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="train">\n                          <label class="event__type-label  event__type-label--train" for="event-type-train-1">Train</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-ship-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="ship">\n                          <label class="event__type-label  event__type-label--ship" for="event-type-ship-1">Ship</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-drive-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="drive">\n                          <label class="event__type-label  event__type-label--drive" for="event-type-drive-1">Drive</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-flight-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="flight" checked>\n                          <label class="event__type-label  event__type-label--flight" for="event-type-flight-1">Flight</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-check-in-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="check-in">\n                          <label class="event__type-label  event__type-label--check-in" for="event-type-check-in-1">Check-in</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-sightseeing-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="sightseeing">\n                          <label class="event__type-label  event__type-label--sightseeing" for="event-type-sightseeing-1">Sightseeing</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-restaurant-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="restaurant">\n                          <label class="event__type-label  event__type-label--restaurant" for="event-type-restaurant-1">Restaurant</label>\n                        </div>\n                      </fieldset>\n                    </div>\n                  </div>\n\n                  <div class="event__field-group  event__field-group--destination">\n                    <label class="event__label  event__type-output" for="event-destination-1">\n                      Flight\n                    </label>\n                    <input class="event__input  event__input--destination" id="event-destination-1" type="text" name="event-destination" value="Geneva" list="destination-list-1">\n                    <datalist id="destination-list-1">\n                      <option value="Amsterdam"></option>\n                      <option value="Geneva"></option>\n                      <option value="Chamonix"></option>\n                    </datalist>\n                  </div>\n\n                  <div class="event__field-group  event__field-group--time">\n                    <label class="visually-hidden" for="event-start-time-1">From</label>\n                    <input class="event__input  event__input--time" id="event-start-time-1" type="text" name="event-start-time" value="19/03/19 00:00">\n                    &mdash;\n                    <label class="visually-hidden" for="event-end-time-1">To</label>\n                    <input class="event__input  event__input--time" id="event-end-time-1" type="text" name="event-end-time" value="19/03/19 00:00">\n                  </div>\n\n                  <div class="event__field-group  event__field-group--price">\n                    <label class="event__label" for="event-price-1">\n                      <span class="visually-hidden">Price</span>\n                      &euro;\n                    </label>\n                    <input class="event__input  event__input--price" id="event-price-1" type="text" name="event-price" value="">\n                  </div>\n\n                  <button class="event__save-btn  btn  btn--blue" type="submit">Save</button>\n                  <button class="event__reset-btn" type="reset">Cancel</button>\n                </header>\n                <section class="event__details">\n                  <section class="event__section  event__section--offers">\n                    <h3 class="event__section-title  event__section-title--offers">Offers</h3>\n\n                    <div class="event__available-offers">\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-luggage-1" type="checkbox" name="event-offer-luggage" checked>\n                        <label class="event__offer-label" for="event-offer-luggage-1">\n                          <span class="event__offer-title">Add luggage</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">30</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-comfort-1" type="checkbox" name="event-offer-comfort" checked>\n                        <label class="event__offer-label" for="event-offer-comfort-1">\n                          <span class="event__offer-title">Switch to comfort class</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">100</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-meal-1" type="checkbox" name="event-offer-meal">\n                        <label class="event__offer-label" for="event-offer-meal-1">\n                          <span class="event__offer-title">Add meal</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">15</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-seats-1" type="checkbox" name="event-offer-seats">\n                        <label class="event__offer-label" for="event-offer-seats-1">\n                          <span class="event__offer-title">Choose seats</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">5</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-train-1" type="checkbox" name="event-offer-train">\n                        <label class="event__offer-label" for="event-offer-train-1">\n                          <span class="event__offer-title">Travel by train</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">40</span>\n                        </label>\n                      </div>\n                    </div>\n                  </section>\n\n                  <section class="event__section  event__section--destination">\n                    <h3 class="event__section-title  event__section-title--destination">Destination</h3>\n                    <p class="event__destination-description">Geneva is a city in Switzerland that lies at the southern tip of expansive Lac Léman (Lake Geneva). Surrounded by the Alps and Jura mountains, the city has views of dramatic Mont Blanc.</p>\n\n                    <div class="event__photos-container">\n                      <div class="event__photos-tape">\n                        <img class="event__photo" src="img/photos/1.jpg" alt="Event photo">\n                        <img class="event__photo" src="img/photos/2.jpg" alt="Event photo">\n                        <img class="event__photo" src="img/photos/3.jpg" alt="Event photo">\n                        <img class="event__photo" src="img/photos/4.jpg" alt="Event photo">\n                        <img class="event__photo" src="img/photos/5.jpg" alt="Event photo">\n                      </div>\n                    </div>\n                  </section>\n                </section>\n              </form>'}getElement(){return this.element||(this.element=e(this.getTemplate())),this.element}removeElement(){this.element=null}}class s{getTemplate(){return'<form class="event event--edit" action="#" method="post">\n                <header class="event__header">\n                  <div class="event__type-wrapper">\n                    <label class="event__type  event__type-btn" for="event-type-toggle-1">\n                      <span class="visually-hidden">Choose event type</span>\n                      <img class="event__type-icon" width="17" height="17" src="img/icons/flight.png" alt="Event type icon">\n                    </label>\n                    <input class="event__type-toggle  visually-hidden" id="event-type-toggle-1" type="checkbox">\n\n                    <div class="event__type-list">\n                      <fieldset class="event__type-group">\n                        <legend class="visually-hidden">Event type</legend>\n\n                        <div class="event__type-item">\n                          <input id="event-type-taxi-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="taxi">\n                          <label class="event__type-label  event__type-label--taxi" for="event-type-taxi-1">Taxi</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-bus-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="bus">\n                          <label class="event__type-label  event__type-label--bus" for="event-type-bus-1">Bus</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-train-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="train">\n                          <label class="event__type-label  event__type-label--train" for="event-type-train-1">Train</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-ship-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="ship">\n                          <label class="event__type-label  event__type-label--ship" for="event-type-ship-1">Ship</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-drive-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="drive">\n                          <label class="event__type-label  event__type-label--drive" for="event-type-drive-1">Drive</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-flight-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="flight" checked>\n                          <label class="event__type-label  event__type-label--flight" for="event-type-flight-1">Flight</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-check-in-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="check-in">\n                          <label class="event__type-label  event__type-label--check-in" for="event-type-check-in-1">Check-in</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-sightseeing-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="sightseeing">\n                          <label class="event__type-label  event__type-label--sightseeing" for="event-type-sightseeing-1">Sightseeing</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-restaurant-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="restaurant">\n                          <label class="event__type-label  event__type-label--restaurant" for="event-type-restaurant-1">Restaurant</label>\n                        </div>\n                      </fieldset>\n                    </div>\n                  </div>\n\n                  <div class="event__field-group  event__field-group--destination">\n                    <label class="event__label  event__type-output" for="event-destination-1">\n                      Flight\n                    </label>\n                    <input class="event__input  event__input--destination" id="event-destination-1" type="text" name="event-destination" value="Chamonix" list="destination-list-1">\n                    <datalist id="destination-list-1">\n                      <option value="Amsterdam"></option>\n                      <option value="Geneva"></option>\n                      <option value="Chamonix"></option>\n                    </datalist>\n                  </div>\n\n                  <div class="event__field-group  event__field-group--time">\n                    <label class="visually-hidden" for="event-start-time-1">From</label>\n                    <input class="event__input  event__input--time" id="event-start-time-1" type="text" name="event-start-time" value="18/03/19 12:25">\n                    &mdash;\n                    <label class="visually-hidden" for="event-end-time-1">To</label>\n                    <input class="event__input  event__input--time" id="event-end-time-1" type="text" name="event-end-time" value="18/03/19 13:35">\n                  </div>\n\n                  <div class="event__field-group  event__field-group--price">\n                    <label class="event__label" for="event-price-1">\n                      <span class="visually-hidden">Price</span>\n                      &euro;\n                    </label>\n                    <input class="event__input  event__input--price" id="event-price-1" type="text" name="event-price" value="160">\n                  </div>\n\n                  <button class="event__save-btn  btn  btn--blue" type="submit">Save</button>\n                  <button class="event__reset-btn" type="reset">Delete</button>\n                  <button class="event__rollup-btn" type="button">\n                    <span class="visually-hidden">Open event</span>\n                  </button>\n                </header>\n                <section class="event__details">\n                  <section class="event__section  event__section--offers">\n                    <h3 class="event__section-title  event__section-title--offers">Offers</h3>\n\n                    <div class="event__available-offers">\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-luggage-1" type="checkbox" name="event-offer-luggage" checked>\n                        <label class="event__offer-label" for="event-offer-luggage-1">\n                          <span class="event__offer-title">Add luggage</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">50</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-comfort-1" type="checkbox" name="event-offer-comfort" checked>\n                        <label class="event__offer-label" for="event-offer-comfort-1">\n                          <span class="event__offer-title">Switch to comfort</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">80</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-meal-1" type="checkbox" name="event-offer-meal">\n                        <label class="event__offer-label" for="event-offer-meal-1">\n                          <span class="event__offer-title">Add meal</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">15</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-seats-1" type="checkbox" name="event-offer-seats">\n                        <label class="event__offer-label" for="event-offer-seats-1">\n                          <span class="event__offer-title">Choose seats</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">5</span>\n                        </label>\n                      </div>\n\n                      <div class="event__offer-selector">\n                        <input class="event__offer-checkbox  visually-hidden" id="event-offer-train-1" type="checkbox" name="event-offer-train">\n                        <label class="event__offer-label" for="event-offer-train-1">\n                          <span class="event__offer-title">Travel by train</span>\n                          &plus;&euro;&nbsp;\n                          <span class="event__offer-price">40</span>\n                        </label>\n                      </div>\n                    </div>\n                  </section>\n\n                  <section class="event__section  event__section--destination">\n                    <h3 class="event__section-title  event__section-title--destination">Destination</h3>\n                    <p class="event__destination-description">Chamonix-Mont-Blanc (usually shortened to Chamonix) is a resort area near the junction of France, Switzerland and Italy. At the base of Mont Blanc, the highest summit in the Alps, it\'s renowned for its skiing.</p>\n                  </section>\n                </section>\n              </form>'}getElement(){return this.element||(this.element=e(this.getTemplate())),this.element}removeElement(){this.element=null}}class l{getTemplate(){return'<ul class="trip-events__list">'}getElement(){return this.element||(this.element=e(this.getTemplate())),this.element}removeElement(){this.element=null}}class a{constructor({point:e}){this.point=e}getTemplate(){return function(e){const{basePrice:t,type:n}=e;return`<li class="trip-events__item">\n              <div class="event">\n                <time class="event__date" datetime="">MAR 18</time>\n                <div class="event__type">\n                  <img class="event__type-icon" width="42" height="42" src="img/icons/${n}.png" alt="Event type icon">\n                </div>\n                <h3 class="event__title">${n} Amsterdam</h3>\n                <div class="event__schedule">\n                  <p class="event__time">\n                    <time class="event__start-time" datetime="">10:30</time>\n                    &mdash;\n                    <time class="event__end-time" datetime=">11:00</time>\n                  </p>\n                  <p class="event__duration">30M</p>\n                </div>\n                <p class="event__price">\n                  &euro;&nbsp;<span class="event__price-value">${t}</span>\n                </p>\n                <h4 class="visually-hidden">Offers:</h4>\n                <ul class="event__selected-offers">\n                  <li class="event__offer">\n                    <span class="event__offer-title">Order Uber</span>\n                    &plus;&euro;&nbsp;\n                    <span class="event__offer-price">20</span>\n                  </li>\n                </ul>\n                <button class="event__favorite-btn event__favorite-btn--active" type="button">\n                  <span class="visually-hidden">Add to favorite</span>\n                  <svg class="event__favorite-icon" width="28" height="28" viewBox="0 0 28 28">\n                    <path d="M14 21l-8.22899 4.3262 1.57159-9.1631L.685209 9.67376 9.8855 8.33688 14 0l4.1145 8.33688 9.2003 1.33688-6.6574 6.48934 1.5716 9.1631L14 21z"/>\n                  </svg>\n                </button>\n                <button class="event__rollup-btn" type="button">\n                  <span class="visually-hidden">Open event</span>\n                </button>\n              </div>\n            </li>`}(this.point)}getElement(){return this.element||(this.element=e(this.getTemplate())),this.element}removeElement(){this.element=null}}class r{getTemplate(){return'<form class="trip-events__trip-sort  trip-sort" action="#" method="get">\n            <div class="trip-sort__item  trip-sort__item--day">\n              <input id="sort-day" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-day">\n              <label class="trip-sort__btn" for="sort-day">Day</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--event">\n              <input id="sort-event" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-event" disabled>\n              <label class="trip-sort__btn" for="sort-event">Event</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--time">\n              <input id="sort-time" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-time">\n              <label class="trip-sort__btn" for="sort-time">Time</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--price">\n              <input id="sort-price" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-price" checked>\n              <label class="trip-sort__btn" for="sort-price">Price</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--offer">\n              <input id="sort-offer" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-offer" disabled>\n              <label class="trip-sort__btn" for="sort-offer">Offers</label>\n            </div>\n          </form>'}getElement(){return this.element||(this.element=e(this.getTemplate())),this.element}removeElement(){this.element=null}}n(484);const o=(e,t)=>Math.floor(Math.random()*(t-e+1)+e),v=e=>e[Math.floor(Math.random()*e.length)],p=["Это крупный город с богатой историей и культурой, в котором находятся знаменитые достопримечательности, такие как исторические здания и памятники.","Город известен своей архитектурой в определенном стиле, расположен на берегах реки и славится музеями, дворцами и разводными мостами.","Один из старейших городов, расположенный на слиянии двух рек. Город известен своими историческими сооружениями и ежегодной ярмаркой.","Крупный промышленный и культурный центр, известный своей архитектурой, музеями и историческими событиями.","Третий по численности населения город, расположенный в отдаленном регионе. Является важным транспортным узлом и научным центром, а также известен своими культурными учреждениями."],c=["Это величественное историческое здание, построенное в уникальном архитектурном стиле, которое является символом города и привлекает множество туристов.","Живописный парк с красивыми садами, фонтанами и аллеями, где можно прогуляться и отдохнуть от городской суеты.","Музей, в котором собрана обширная коллекция произведений искусства различных эпох и стилей, отражающих богатую культуру региона.","Древняя крепость с мощными стенами и башнями, хранящая в себе многовековую историю и предлагающая захватывающие экскурсии для посетителей.","Современный архитектурный комплекс с инновационным дизайном, включающий в себя выставочные залы, концертные площадки и другие культурные объекты.","Величественный собор, построенный в готическом стиле, с высокими шпилями и витражными окнами, являющийся духовным центром города.","Живописное озеро с чистой водой и живописными берегами, окруженное лесами и горами, предлагающее возможности для отдыха и рекреации.","Археологический памятник, хранящий следы древних цивилизаций и открывающий окно в прошлое для любознательных посетителей.","Современный научно-технический музей, демонстрирующий последние достижения в области науки и техники и вдохновляющий на инновации.","Исторический район города с узкими улочками, старинными зданиями и атмосферой ушедших эпох, привлекающий туристов своей аутентичностью."],d=["Организация индивидуальных экскурсий с гидом","Бронирование билетов на различные культурные мероприятия","Трансфер из аэропорта/вокзала до места проживания","Аренда автомобиля с водителем или без","Организация пешеходных или велосипедных туров по городу","Бронирование столиков в лучших ресторанах города","Услуги переводчика на время поездки","Организация однодневных поездок за пределы города","Помощь в оформлении визы и других необходимых документов","Предоставление мобильного интернета и SIM-карты","Услуги консьержа для решения различных вопросов","Организация частных встреч с местными жителями","Бронирование билетов на развлекательные мероприятия","Услуги фотографа для создания памятных снимков","Организация спа-процедур и массажа","Предоставление детских кресел и колясок","Услуги по организации свадебных церемоний","Помощь в бронировании отелей и авиабилетов","Организация походов и активного отдыха на природе","Предоставление услуг личного водителя или гида"],_=()=>{return{src:(e=o(1,10),`https://loremflickr.com/248/152?random=${e}`),description:v(c)};var e},u=(f=["Amsterdam","Geneva","Chamonix","Moscow","Magadan"],Array.from({length:f.length}).map(((e,t)=>({id:o(1,100),name:f[t],description:v(p),photos:Array.from({length:o(1,5)},_)}))));var f;const h=()=>({id:o(1,100),title:v(d),price:o(10,100)}),y=(e=>Array.from({length:e.length}).map(((t,n)=>({type:e[n],offers:Array.from({length:o(0,5)},h)}))))(["taxi","bus","train","ship","drive","flight","check-in","sightseeing","restaurant"]),m=()=>{const e=v(u),t=v(y),{offers:n}=t,i=n.map((e=>e.id)).slice(0,o(1,n.length));return{id:o(1,100),basePrice:o(100,1e3),dateFrom:"2024-02-02T21:42:04.116Z",dateTo:"2024-03-02T21:42:04.116Z",favorite:Math.random()<.5,destination:e.id,type:t.type,offers:i}},b=document.querySelector(".page-header").querySelector(".trip-controls__filters"),g=document.querySelector(".page-main").querySelector(".trip-events"),$=new class{points=Array.from({length:5},m);getPoints(){return this.points}},x=new class{sortComponent=new r;listComponent=new l;constructor({listContainer:e,pointsModel:t}){this.listContainer=e,this.pointsModel=t}init(){this.pointsList=[...this.pointsModel.getPoints()],t(this.sortComponent,this.listContainer),t(this.listComponent,this.listContainer),t(new i,this.listComponent.getElement(),"afterbegin"),t(new s,this.listComponent.getElement());for(let e=0;e<this.pointsList.length;e++)t(new a({point:this.pointsList[e]}),this.listComponent.getElement())}}({listContainer:g,pointsModel:$});t(new class{getTemplate(){return'<form class="trip-filters" action="#" method="get">\n                <div class="trip-filters__filter">\n                  <input id="filter-everything" class="trip-filters__filter-input  visually-hidden" type="radio" name="trip-filter" value="everything">\n                  <label class="trip-filters__filter-label" for="filter-everything">Everything</label>\n                </div>\n\n                <div class="trip-filters__filter">\n                  <input id="filter-future" class="trip-filters__filter-input  visually-hidden" type="radio" name="trip-filter" value="future">\n                  <label class="trip-filters__filter-label" for="filter-future">Future</label>\n                </div>\n\n                <div class="trip-filters__filter">\n                  <input id="filter-present" class="trip-filters__filter-input  visually-hidden" type="radio" name="trip-filter" value="present">\n                  <label class="trip-filters__filter-label" for="filter-present">Present</label>\n                </div>\n\n                <div class="trip-filters__filter">\n                  <input id="filter-past" class="trip-filters__filter-input  visually-hidden" type="radio" name="trip-filter" value="past" checked>\n                  <label class="trip-filters__filter-label" for="filter-past">Past</label>\n                </div>\n\n                <button class="visually-hidden" type="submit">Accept filter</button>\n              </form>'}getElement(){return this.element||(this.element=e(this.getTemplate())),this.element}removeElement(){this.element=null}},b),x.init()})()})();
+//# sourceMappingURL=bundle.bafdc2ee71eeb9e7b4b2.js.map
\ No newline at end of file
diff --git a/4/bundle.bafdc2ee71eeb9e7b4b2.js.map b/4/bundle.bafdc2ee71eeb9e7b4b2.js.map
new file mode 100644
index 0000000..923bdce
--- /dev/null
+++ b/4/bundle.bafdc2ee71eeb9e7b4b2.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"bundle.bafdc2ee71eeb9e7b4b2.js","mappings":"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","sources":["webpack://big-trip/./node_modules/dayjs/dayjs.min.js","webpack://big-trip/webpack/bootstrap","webpack://big-trip/./src/render.js","webpack://big-trip/./src/view/add-point-view/add-point-view.js","webpack://big-trip/./src/view/add-point-view/add-point-view-template.js","webpack://big-trip/./src/view/edit-point-view/edit-point-view.js","webpack://big-trip/./src/view/edit-point-view/edit-point-view-template.js","webpack://big-trip/./src/view/list-view/list-view.js","webpack://big-trip/./src/view/list-view/list-view-template.js","webpack://big-trip/./src/view/point-view/point-view.js","webpack://big-trip/./src/view/point-view/point-view-template.js","webpack://big-trip/./src/view/sort-view/sort-view.js","webpack://big-trip/./src/view/sort-view/sort-view-template.js","webpack://big-trip/./src/utils.js","webpack://big-trip/./src/const.js","webpack://big-trip/./src/mock/mockDestinations.js","webpack://big-trip/./src/mock/mockOffers.js","webpack://big-trip/./src/mock/mockPoint.js","webpack://big-trip/./src/main.js","webpack://big-trip/./src/model/points-model.js","webpack://big-trip/./src/presenter/list-presenter.js","webpack://big-trip/./src/view/filter-view/filter-view.js","webpack://big-trip/./src/view/filter-view/filter-view-template.js"],"sourcesContent":["!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define(e):(t=\"undefined\"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){\"use strict\";var t=1e3,e=6e4,n=36e5,r=\"millisecond\",i=\"second\",s=\"minute\",u=\"hour\",a=\"day\",o=\"week\",f=\"month\",h=\"quarter\",c=\"year\",d=\"date\",l=\"Invalid Date\",$=/^(\\d{4})[-/]?(\\d{1,2})?[-/]?(\\d{0,2})[Tt\\s]*(\\d{1,2})?:?(\\d{1,2})?:?(\\d{1,2})?[.:]?(\\d+)?$/,y=/\\[([^\\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:\"en\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\"),ordinal:function(t){var e=[\"th\",\"st\",\"nd\",\"rd\"],n=t%100;return\"[\"+t+(e[(n-20)%10]||e[n]||e[0])+\"]\"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:\"\"+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?\"+\":\"-\")+m(r,2,\"0\")+\":\"+m(i,2,\"0\")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||\"\").toLowerCase().replace(/s$/,\"\")},u:function(t){return void 0===t}},g=\"en\",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if(\"string\"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split(\"-\");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n=\"object\"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if(\"string\"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||\"0\").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate(\"s\"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v=\"set\"+(this.$u?\"UTC\":\"\");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+\"Hours\",0);case u:return $(v+\"Minutes\",1);case s:return $(v+\"Seconds\",2);case i:return $(v+\"Milliseconds\",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h=\"set\"+(this.$u?\"UTC\":\"\"),l=(n={},n[a]=h+\"Date\",n[d]=h+\"Date\",n[f]=h+\"Month\",n[c]=h+\"FullYear\",n[u]=h+\"Hours\",n[s]=h+\"Minutes\",n[i]=h+\"Seconds\",n[r]=h+\"Milliseconds\",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||\"YYYY-MM-DDTHH:mm:ssZ\",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,\"0\")},d=n.meridiem||function(t,e,n){var r=t<12?\"AM\":\"PM\";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,\"0\"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,\"0\"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,\"0\"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,\"0\"),s:String(this.$s),ss:O.s(this.$s,2,\"0\"),SSS:O.s(this.$ms,3,\"0\"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(\":\",\"\")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[[\"$ms\",r],[\"$s\",i],[\"$m\",s],[\"$H\",u],[\"$W\",a],[\"$M\",f],[\"$y\",c],[\"$D\",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","const RenderPosition = {\n  BEFOREBEGIN: 'beforebegin',\n  AFTERBEGIN: 'afterbegin',\n  BEFOREEND: 'beforeend',\n  AFTEREND: 'afterend',\n};\n\nfunction createElement(template) {\n  const newElement = document.createElement('div');\n  newElement.innerHTML = template;\n\n  return newElement.firstElementChild;\n}\n\nfunction render(component, container, place = RenderPosition.BEFOREEND) {\n  container.insertAdjacentElement(place, component.getElement());\n}\n\nexport {RenderPosition, createElement, render};\n","import { createElement } from '../../render.js';\nimport { createAddPointTemplate } from './add-point-view-template.js';\n\nexport default class AddPointView {\n  getTemplate() {\n    return createAddPointTemplate();\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","function createAddPointTemplate() {\n  return `<form class=\"event event--edit\" action=\"#\" method=\"post\">\n                <header class=\"event__header\">\n                  <div class=\"event__type-wrapper\">\n                    <label class=\"event__type  event__type-btn\" for=\"event-type-toggle-1\">\n                      <span class=\"visually-hidden\">Choose event type</span>\n                      <img class=\"event__type-icon\" width=\"17\" height=\"17\" src=\"img/icons/flight.png\" alt=\"Event type icon\">\n                    </label>\n                    <input class=\"event__type-toggle  visually-hidden\" id=\"event-type-toggle-1\" type=\"checkbox\">\n\n                    <div class=\"event__type-list\">\n                      <fieldset class=\"event__type-group\">\n                        <legend class=\"visually-hidden\">Event type</legend>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-taxi-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"taxi\">\n                          <label class=\"event__type-label  event__type-label--taxi\" for=\"event-type-taxi-1\">Taxi</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-bus-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"bus\">\n                          <label class=\"event__type-label  event__type-label--bus\" for=\"event-type-bus-1\">Bus</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-train-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"train\">\n                          <label class=\"event__type-label  event__type-label--train\" for=\"event-type-train-1\">Train</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-ship-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"ship\">\n                          <label class=\"event__type-label  event__type-label--ship\" for=\"event-type-ship-1\">Ship</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-drive-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"drive\">\n                          <label class=\"event__type-label  event__type-label--drive\" for=\"event-type-drive-1\">Drive</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-flight-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"flight\" checked>\n                          <label class=\"event__type-label  event__type-label--flight\" for=\"event-type-flight-1\">Flight</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-check-in-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"check-in\">\n                          <label class=\"event__type-label  event__type-label--check-in\" for=\"event-type-check-in-1\">Check-in</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-sightseeing-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"sightseeing\">\n                          <label class=\"event__type-label  event__type-label--sightseeing\" for=\"event-type-sightseeing-1\">Sightseeing</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-restaurant-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"restaurant\">\n                          <label class=\"event__type-label  event__type-label--restaurant\" for=\"event-type-restaurant-1\">Restaurant</label>\n                        </div>\n                      </fieldset>\n                    </div>\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--destination\">\n                    <label class=\"event__label  event__type-output\" for=\"event-destination-1\">\n                      Flight\n                    </label>\n                    <input class=\"event__input  event__input--destination\" id=\"event-destination-1\" type=\"text\" name=\"event-destination\" value=\"Geneva\" list=\"destination-list-1\">\n                    <datalist id=\"destination-list-1\">\n                      <option value=\"Amsterdam\"></option>\n                      <option value=\"Geneva\"></option>\n                      <option value=\"Chamonix\"></option>\n                    </datalist>\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--time\">\n                    <label class=\"visually-hidden\" for=\"event-start-time-1\">From</label>\n                    <input class=\"event__input  event__input--time\" id=\"event-start-time-1\" type=\"text\" name=\"event-start-time\" value=\"19/03/19 00:00\">\n                    &mdash;\n                    <label class=\"visually-hidden\" for=\"event-end-time-1\">To</label>\n                    <input class=\"event__input  event__input--time\" id=\"event-end-time-1\" type=\"text\" name=\"event-end-time\" value=\"19/03/19 00:00\">\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--price\">\n                    <label class=\"event__label\" for=\"event-price-1\">\n                      <span class=\"visually-hidden\">Price</span>\n                      &euro;\n                    </label>\n                    <input class=\"event__input  event__input--price\" id=\"event-price-1\" type=\"text\" name=\"event-price\" value=\"\">\n                  </div>\n\n                  <button class=\"event__save-btn  btn  btn--blue\" type=\"submit\">Save</button>\n                  <button class=\"event__reset-btn\" type=\"reset\">Cancel</button>\n                </header>\n                <section class=\"event__details\">\n                  <section class=\"event__section  event__section--offers\">\n                    <h3 class=\"event__section-title  event__section-title--offers\">Offers</h3>\n\n                    <div class=\"event__available-offers\">\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-luggage-1\" type=\"checkbox\" name=\"event-offer-luggage\" checked>\n                        <label class=\"event__offer-label\" for=\"event-offer-luggage-1\">\n                          <span class=\"event__offer-title\">Add luggage</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">30</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-comfort-1\" type=\"checkbox\" name=\"event-offer-comfort\" checked>\n                        <label class=\"event__offer-label\" for=\"event-offer-comfort-1\">\n                          <span class=\"event__offer-title\">Switch to comfort class</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">100</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-meal-1\" type=\"checkbox\" name=\"event-offer-meal\">\n                        <label class=\"event__offer-label\" for=\"event-offer-meal-1\">\n                          <span class=\"event__offer-title\">Add meal</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">15</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-seats-1\" type=\"checkbox\" name=\"event-offer-seats\">\n                        <label class=\"event__offer-label\" for=\"event-offer-seats-1\">\n                          <span class=\"event__offer-title\">Choose seats</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">5</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-train-1\" type=\"checkbox\" name=\"event-offer-train\">\n                        <label class=\"event__offer-label\" for=\"event-offer-train-1\">\n                          <span class=\"event__offer-title\">Travel by train</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">40</span>\n                        </label>\n                      </div>\n                    </div>\n                  </section>\n\n                  <section class=\"event__section  event__section--destination\">\n                    <h3 class=\"event__section-title  event__section-title--destination\">Destination</h3>\n                    <p class=\"event__destination-description\">Geneva is a city in Switzerland that lies at the southern tip of expansive Lac Léman (Lake Geneva). Surrounded by the Alps and Jura mountains, the city has views of dramatic Mont Blanc.</p>\n\n                    <div class=\"event__photos-container\">\n                      <div class=\"event__photos-tape\">\n                        <img class=\"event__photo\" src=\"img/photos/1.jpg\" alt=\"Event photo\">\n                        <img class=\"event__photo\" src=\"img/photos/2.jpg\" alt=\"Event photo\">\n                        <img class=\"event__photo\" src=\"img/photos/3.jpg\" alt=\"Event photo\">\n                        <img class=\"event__photo\" src=\"img/photos/4.jpg\" alt=\"Event photo\">\n                        <img class=\"event__photo\" src=\"img/photos/5.jpg\" alt=\"Event photo\">\n                      </div>\n                    </div>\n                  </section>\n                </section>\n              </form>`;\n}\n\nexport { createAddPointTemplate };\n","import { createElement } from '../../render.js';\nimport { createEditPointTemplate } from './edit-point-view-template.js';\n\nexport default class EditPointView {\n  getTemplate() {\n    return createEditPointTemplate();\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","function createEditPointTemplate() {\n  return `<form class=\"event event--edit\" action=\"#\" method=\"post\">\n                <header class=\"event__header\">\n                  <div class=\"event__type-wrapper\">\n                    <label class=\"event__type  event__type-btn\" for=\"event-type-toggle-1\">\n                      <span class=\"visually-hidden\">Choose event type</span>\n                      <img class=\"event__type-icon\" width=\"17\" height=\"17\" src=\"img/icons/flight.png\" alt=\"Event type icon\">\n                    </label>\n                    <input class=\"event__type-toggle  visually-hidden\" id=\"event-type-toggle-1\" type=\"checkbox\">\n\n                    <div class=\"event__type-list\">\n                      <fieldset class=\"event__type-group\">\n                        <legend class=\"visually-hidden\">Event type</legend>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-taxi-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"taxi\">\n                          <label class=\"event__type-label  event__type-label--taxi\" for=\"event-type-taxi-1\">Taxi</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-bus-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"bus\">\n                          <label class=\"event__type-label  event__type-label--bus\" for=\"event-type-bus-1\">Bus</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-train-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"train\">\n                          <label class=\"event__type-label  event__type-label--train\" for=\"event-type-train-1\">Train</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-ship-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"ship\">\n                          <label class=\"event__type-label  event__type-label--ship\" for=\"event-type-ship-1\">Ship</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-drive-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"drive\">\n                          <label class=\"event__type-label  event__type-label--drive\" for=\"event-type-drive-1\">Drive</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-flight-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"flight\" checked>\n                          <label class=\"event__type-label  event__type-label--flight\" for=\"event-type-flight-1\">Flight</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-check-in-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"check-in\">\n                          <label class=\"event__type-label  event__type-label--check-in\" for=\"event-type-check-in-1\">Check-in</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-sightseeing-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"sightseeing\">\n                          <label class=\"event__type-label  event__type-label--sightseeing\" for=\"event-type-sightseeing-1\">Sightseeing</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-restaurant-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"restaurant\">\n                          <label class=\"event__type-label  event__type-label--restaurant\" for=\"event-type-restaurant-1\">Restaurant</label>\n                        </div>\n                      </fieldset>\n                    </div>\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--destination\">\n                    <label class=\"event__label  event__type-output\" for=\"event-destination-1\">\n                      Flight\n                    </label>\n                    <input class=\"event__input  event__input--destination\" id=\"event-destination-1\" type=\"text\" name=\"event-destination\" value=\"Chamonix\" list=\"destination-list-1\">\n                    <datalist id=\"destination-list-1\">\n                      <option value=\"Amsterdam\"></option>\n                      <option value=\"Geneva\"></option>\n                      <option value=\"Chamonix\"></option>\n                    </datalist>\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--time\">\n                    <label class=\"visually-hidden\" for=\"event-start-time-1\">From</label>\n                    <input class=\"event__input  event__input--time\" id=\"event-start-time-1\" type=\"text\" name=\"event-start-time\" value=\"18/03/19 12:25\">\n                    &mdash;\n                    <label class=\"visually-hidden\" for=\"event-end-time-1\">To</label>\n                    <input class=\"event__input  event__input--time\" id=\"event-end-time-1\" type=\"text\" name=\"event-end-time\" value=\"18/03/19 13:35\">\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--price\">\n                    <label class=\"event__label\" for=\"event-price-1\">\n                      <span class=\"visually-hidden\">Price</span>\n                      &euro;\n                    </label>\n                    <input class=\"event__input  event__input--price\" id=\"event-price-1\" type=\"text\" name=\"event-price\" value=\"160\">\n                  </div>\n\n                  <button class=\"event__save-btn  btn  btn--blue\" type=\"submit\">Save</button>\n                  <button class=\"event__reset-btn\" type=\"reset\">Delete</button>\n                  <button class=\"event__rollup-btn\" type=\"button\">\n                    <span class=\"visually-hidden\">Open event</span>\n                  </button>\n                </header>\n                <section class=\"event__details\">\n                  <section class=\"event__section  event__section--offers\">\n                    <h3 class=\"event__section-title  event__section-title--offers\">Offers</h3>\n\n                    <div class=\"event__available-offers\">\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-luggage-1\" type=\"checkbox\" name=\"event-offer-luggage\" checked>\n                        <label class=\"event__offer-label\" for=\"event-offer-luggage-1\">\n                          <span class=\"event__offer-title\">Add luggage</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">50</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-comfort-1\" type=\"checkbox\" name=\"event-offer-comfort\" checked>\n                        <label class=\"event__offer-label\" for=\"event-offer-comfort-1\">\n                          <span class=\"event__offer-title\">Switch to comfort</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">80</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-meal-1\" type=\"checkbox\" name=\"event-offer-meal\">\n                        <label class=\"event__offer-label\" for=\"event-offer-meal-1\">\n                          <span class=\"event__offer-title\">Add meal</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">15</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-seats-1\" type=\"checkbox\" name=\"event-offer-seats\">\n                        <label class=\"event__offer-label\" for=\"event-offer-seats-1\">\n                          <span class=\"event__offer-title\">Choose seats</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">5</span>\n                        </label>\n                      </div>\n\n                      <div class=\"event__offer-selector\">\n                        <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-train-1\" type=\"checkbox\" name=\"event-offer-train\">\n                        <label class=\"event__offer-label\" for=\"event-offer-train-1\">\n                          <span class=\"event__offer-title\">Travel by train</span>\n                          &plus;&euro;&nbsp;\n                          <span class=\"event__offer-price\">40</span>\n                        </label>\n                      </div>\n                    </div>\n                  </section>\n\n                  <section class=\"event__section  event__section--destination\">\n                    <h3 class=\"event__section-title  event__section-title--destination\">Destination</h3>\n                    <p class=\"event__destination-description\">Chamonix-Mont-Blanc (usually shortened to Chamonix) is a resort area near the junction of France, Switzerland and Italy. At the base of Mont Blanc, the highest summit in the Alps, it's renowned for its skiing.</p>\n                  </section>\n                </section>\n              </form>`;\n}\n\nexport { createEditPointTemplate };\n","import { createElement } from '../../render.js';\nimport { createListTemplate } from './list-view-template.js';\n\nexport default class ListView {\n  getTemplate() {\n    return createListTemplate();\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","function createListTemplate() {\n  return '<ul class=\"trip-events__list\">';\n}\n\nexport { createListTemplate };\n","import { createElement } from '../../render.js';\nimport { createPointTemplate } from './point-view-template.js';\n\nexport default class PointView {\n  constructor({ point }) {\n    this.point = point;\n  }\n\n  getTemplate() {\n    return createPointTemplate(this.point);\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","//import { humanizeTaskDueDate } from '../util.js';\n\nfunction createPointTemplate(point) {\n  const { basePrice, type } = point;\n\n  return `<li class=\"trip-events__item\">\n              <div class=\"event\">\n                <time class=\"event__date\" datetime=\"\">MAR 18</time>\n                <div class=\"event__type\">\n                  <img class=\"event__type-icon\" width=\"42\" height=\"42\" src=\"img/icons/${type}.png\" alt=\"Event type icon\">\n                </div>\n                <h3 class=\"event__title\">${type} Amsterdam</h3>\n                <div class=\"event__schedule\">\n                  <p class=\"event__time\">\n                    <time class=\"event__start-time\" datetime=\"\">10:30</time>\n                    &mdash;\n                    <time class=\"event__end-time\" datetime=\">11:00</time>\n                  </p>\n                  <p class=\"event__duration\">30M</p>\n                </div>\n                <p class=\"event__price\">\n                  &euro;&nbsp;<span class=\"event__price-value\">${basePrice}</span>\n                </p>\n                <h4 class=\"visually-hidden\">Offers:</h4>\n                <ul class=\"event__selected-offers\">\n                  <li class=\"event__offer\">\n                    <span class=\"event__offer-title\">Order Uber</span>\n                    &plus;&euro;&nbsp;\n                    <span class=\"event__offer-price\">20</span>\n                  </li>\n                </ul>\n                <button class=\"event__favorite-btn event__favorite-btn--active\" type=\"button\">\n                  <span class=\"visually-hidden\">Add to favorite</span>\n                  <svg class=\"event__favorite-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\">\n                    <path d=\"M14 21l-8.22899 4.3262 1.57159-9.1631L.685209 9.67376 9.8855 8.33688 14 0l4.1145 8.33688 9.2003 1.33688-6.6574 6.48934 1.5716 9.1631L14 21z\"/>\n                  </svg>\n                </button>\n                <button class=\"event__rollup-btn\" type=\"button\">\n                  <span class=\"visually-hidden\">Open event</span>\n                </button>\n              </div>\n            </li>`;\n}\n\nexport { createPointTemplate };\n","import { createElement } from '../../render.js';\nimport { createSortTemplate } from './sort-view-template.js';\n\nexport default class SortView {\n  getTemplate() {\n    return createSortTemplate();\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","function createSortTemplate() {\n  return `<form class=\"trip-events__trip-sort  trip-sort\" action=\"#\" method=\"get\">\n            <div class=\"trip-sort__item  trip-sort__item--day\">\n              <input id=\"sort-day\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-day\">\n              <label class=\"trip-sort__btn\" for=\"sort-day\">Day</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--event\">\n              <input id=\"sort-event\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-event\" disabled>\n              <label class=\"trip-sort__btn\" for=\"sort-event\">Event</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--time\">\n              <input id=\"sort-time\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-time\">\n              <label class=\"trip-sort__btn\" for=\"sort-time\">Time</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--price\">\n              <input id=\"sort-price\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-price\" checked>\n              <label class=\"trip-sort__btn\" for=\"sort-price\">Price</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--offer\">\n              <input id=\"sort-offer\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-offer\" disabled>\n              <label class=\"trip-sort__btn\" for=\"sort-offer\">Offers</label>\n            </div>\n          </form>`;\n}\n\nexport { createSortTemplate };\n","import dayjs from 'dayjs';\n\nconst DATE_FORMAT = 'DD/MM/YYYY';\n\nconst humanizeTaskDueDate = (dueDate) =>\n  dueDate ? dayjs(dueDate).format(DATE_FORMAT) : '';\n\nconst getRandomInteger = (min, max) =>\n  Math.floor(Math.random() * (max - min + 1) + min);\n\nconst getRandomArrayElement = (elements) =>\n  elements[Math.floor(Math.random() * elements.length)];\n\nconst getRandomBoolean = () => Math.random() < 0.5;\n\nexport {\n  getRandomInteger,\n  getRandomArrayElement,\n  getRandomBoolean,\n  humanizeTaskDueDate,\n};\n","const DateRange = {\n  min: 1,\n  max: 31,\n};\n\nconst DESTINATION_VALUES = [\n  'Amsterdam',\n  'Geneva',\n  'Chamonix',\n  'Moscow',\n  'Magadan',\n];\n\nconst DESTINATION_DESCRIPTIONS = [\n  'Это крупный город с богатой историей и культурой, в котором находятся знаменитые достопримечательности, такие как исторические здания и памятники.',\n  'Город известен своей архитектурой в определенном стиле, расположен на берегах реки и славится музеями, дворцами и разводными мостами.',\n  'Один из старейших городов, расположенный на слиянии двух рек. Город известен своими историческими сооружениями и ежегодной ярмаркой.',\n  'Крупный промышленный и культурный центр, известный своей архитектурой, музеями и историческими событиями.',\n  'Третий по численности населения город, расположенный в отдаленном регионе. Является важным транспортным узлом и научным центром, а также известен своими культурными учреждениями.',\n];\n\nconst PHOTO_DESCRIPTIONS = [\n  'Это величественное историческое здание, построенное в уникальном архитектурном стиле, которое является символом города и привлекает множество туристов.',\n  'Живописный парк с красивыми садами, фонтанами и аллеями, где можно прогуляться и отдохнуть от городской суеты.',\n  'Музей, в котором собрана обширная коллекция произведений искусства различных эпох и стилей, отражающих богатую культуру региона.',\n  'Древняя крепость с мощными стенами и башнями, хранящая в себе многовековую историю и предлагающая захватывающие экскурсии для посетителей.',\n  'Современный архитектурный комплекс с инновационным дизайном, включающий в себя выставочные залы, концертные площадки и другие культурные объекты.',\n  'Величественный собор, построенный в готическом стиле, с высокими шпилями и витражными окнами, являющийся духовным центром города.',\n  'Живописное озеро с чистой водой и живописными берегами, окруженное лесами и горами, предлагающее возможности для отдыха и рекреации.',\n  'Археологический памятник, хранящий следы древних цивилизаций и открывающий окно в прошлое для любознательных посетителей.',\n  'Современный научно-технический музей, демонстрирующий последние достижения в области науки и техники и вдохновляющий на инновации.',\n  'Исторический район города с узкими улочками, старинными зданиями и атмосферой ушедших эпох, привлекающий туристов своей аутентичностью.',\n];\n\nconst EVENT_TYPE_VALUES = [\n  'taxi',\n  'bus',\n  'train',\n  'ship',\n  'drive',\n  'flight',\n  'check-in',\n  'sightseeing',\n  'restaurant',\n];\n\nconst EVENT_TYPE_OFFERS = [\n  'Организация индивидуальных экскурсий с гидом',\n  'Бронирование билетов на различные культурные мероприятия',\n  'Трансфер из аэропорта/вокзала до места проживания',\n  'Аренда автомобиля с водителем или без',\n  'Организация пешеходных или велосипедных туров по городу',\n  'Бронирование столиков в лучших ресторанах города',\n  'Услуги переводчика на время поездки',\n  'Организация однодневных поездок за пределы города',\n  'Помощь в оформлении визы и других необходимых документов',\n  'Предоставление мобильного интернета и SIM-карты',\n  'Услуги консьержа для решения различных вопросов',\n  'Организация частных встреч с местными жителями',\n  'Бронирование билетов на развлекательные мероприятия',\n  'Услуги фотографа для создания памятных снимков',\n  'Организация спа-процедур и массажа',\n  'Предоставление детских кресел и колясок',\n  'Услуги по организации свадебных церемоний',\n  'Помощь в бронировании отелей и авиабилетов',\n  'Организация походов и активного отдыха на природе',\n  'Предоставление услуг личного водителя или гида',\n];\n\nexport {\n  DateRange,\n  DESTINATION_VALUES,\n  DESTINATION_DESCRIPTIONS,\n  PHOTO_DESCRIPTIONS,\n  EVENT_TYPE_VALUES,\n  EVENT_TYPE_OFFERS,\n};\n","import { getRandomInteger, getRandomArrayElement } from '../utils';\nimport {\n  DESTINATION_VALUES,\n  DESTINATION_DESCRIPTIONS,\n  PHOTO_DESCRIPTIONS,\n} from '../const';\n\nconst createPhotoUrl = (index) =>\n  `https://loremflickr.com/248/152?random=${index}`;\n\nconst createPhoto = () => ({\n  src: createPhotoUrl(getRandomInteger(1, 10)),\n  description: getRandomArrayElement(PHOTO_DESCRIPTIONS),\n});\n\nconst createDestinations = (array) =>\n  Array.from({ length: array.length }).map((_, index) => ({\n    id: getRandomInteger(1, 100),\n    name: array[index],\n    description: getRandomArrayElement(DESTINATION_DESCRIPTIONS),\n    photos: Array.from({ length: getRandomInteger(1, 5) }, createPhoto),\n  }));\n\nconst mockDestinations = createDestinations(DESTINATION_VALUES);\n\nexport { mockDestinations };\n","import { getRandomInteger, getRandomArrayElement } from '../utils';\nimport { EVENT_TYPE_VALUES, EVENT_TYPE_OFFERS } from '../const';\n\nconst createOffer = () => ({\n  id: getRandomInteger(1, 100),\n  title: getRandomArrayElement(EVENT_TYPE_OFFERS),\n  price: getRandomInteger(10, 100),\n  //isActive: getRandomBoolean,\n});\n\nconst createOffers = (array) =>\n  Array.from({ length: array.length }).map((_, index) => ({\n    type: array[index],\n    offers: Array.from({ length: getRandomInteger(0, 5) }, createOffer),\n  }));\n\nconst mockOffersByType = createOffers(EVENT_TYPE_VALUES);\n\nexport { mockOffersByType };\n","import {\n  getRandomInteger,\n  getRandomArrayElement,\n  getRandomBoolean,\n} from '../utils';\nimport { mockDestinations } from './mockDestinations';\nimport { mockOffersByType } from './mockOffers';\n\nconst createPoint = () => {\n  const destinationElement = getRandomArrayElement(mockDestinations);\n  const offersElement = getRandomArrayElement(mockOffersByType);\n  const { offers } = offersElement;\n  const aviableOffers = offers.map((item) => item.id);\n  const checkedOffers = aviableOffers.slice(\n    0,\n    getRandomInteger(1, offers.length)\n  );\n\n  return {\n    id: getRandomInteger(1, 100),\n    basePrice: getRandomInteger(100, 1000),\n    dateFrom: '2024-02-02T21:42:04.116Z',\n    dateTo: '2024-03-02T21:42:04.116Z',\n    favorite: getRandomBoolean(),\n    destination: destinationElement.id,\n    type: offersElement.type,\n    offers: checkedOffers,\n  };\n};\n\nexport { createPoint };\n","import FilterView from './view/filter-view/filter-view';\nimport { render } from './render';\nimport ListPresenter from './presenter/list-presenter';\nimport PointsModel from './model/points-model';\n\nconst headerElement = document.querySelector('.page-header');\nconst filtersElement = headerElement.querySelector('.trip-controls__filters');\nconst mainElement = document.querySelector('.page-main');\nconst containerElement = mainElement.querySelector('.trip-events');\nconst pointsModel = new PointsModel();\nconst listPresenter = new ListPresenter({\n  listContainer: containerElement,\n  pointsModel,\n});\n\nrender(new FilterView(), filtersElement);\nlistPresenter.init();\n","import { createPoint } from '../mock/mockPoint';\n\nconst POINS_QTY = 5;\n\nexport default class PointsModel {\n  points = Array.from({ length: POINS_QTY }, createPoint);\n\n  getPoints() {\n    return this.points;\n  }\n}\n","import AddPointView from '../view/add-point-view/add-point-view';\nimport EditPointView from '../view/edit-point-view/edit-point-view';\nimport ListView from '../view/list-view/list-view';\nimport PointView from '../view/point-view/point-view';\nimport SortView from '../view/sort-view/sort-view';\nimport { render } from '../render';\nimport { RenderPosition } from '../render';\n\nexport default class ListPresenter {\n  sortComponent = new SortView();\n  listComponent = new ListView();\n\n  constructor({ listContainer, pointsModel }) {\n    this.listContainer = listContainer;\n    this.pointsModel = pointsModel;\n  }\n\n  init() {\n    this.pointsList = [...this.pointsModel.getPoints()];\n\n    render(this.sortComponent, this.listContainer);\n    render(this.listComponent, this.listContainer);\n    render(\n      new AddPointView(),\n      this.listComponent.getElement(),\n      RenderPosition.AFTERBEGIN\n    );\n    render(new EditPointView(), this.listComponent.getElement());\n\n    for (let i = 0; i < this.pointsList.length; i++) {\n      render(\n        new PointView({ point: this.pointsList[i] }),\n        this.listComponent.getElement()\n      );\n    }\n  }\n}\n","import { createElement } from '../../render.js';\nimport { createFilterTemplate } from './filter-view-template.js';\n\nexport default class FilterView {\n  getTemplate() {\n    return createFilterTemplate();\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","function createFilterTemplate() {\n  return `<form class=\"trip-filters\" action=\"#\" method=\"get\">\n                <div class=\"trip-filters__filter\">\n                  <input id=\"filter-everything\" class=\"trip-filters__filter-input  visually-hidden\" type=\"radio\" name=\"trip-filter\" value=\"everything\">\n                  <label class=\"trip-filters__filter-label\" for=\"filter-everything\">Everything</label>\n                </div>\n\n                <div class=\"trip-filters__filter\">\n                  <input id=\"filter-future\" class=\"trip-filters__filter-input  visually-hidden\" type=\"radio\" name=\"trip-filter\" value=\"future\">\n                  <label class=\"trip-filters__filter-label\" for=\"filter-future\">Future</label>\n                </div>\n\n                <div class=\"trip-filters__filter\">\n                  <input id=\"filter-present\" class=\"trip-filters__filter-input  visually-hidden\" type=\"radio\" name=\"trip-filter\" value=\"present\">\n                  <label class=\"trip-filters__filter-label\" for=\"filter-present\">Present</label>\n                </div>\n\n                <div class=\"trip-filters__filter\">\n                  <input id=\"filter-past\" class=\"trip-filters__filter-input  visually-hidden\" type=\"radio\" name=\"trip-filter\" value=\"past\" checked>\n                  <label class=\"trip-filters__filter-label\" for=\"filter-past\">Past</label>\n                </div>\n\n                <button class=\"visually-hidden\" type=\"submit\">Accept filter</button>\n              </form>`;\n}\n\nexport { createFilterTemplate };\n"],"names":["module","exports","e","n","r","i","s","u","a","o","f","h","c","d","l","$","y","M","name","weekdays","split","months","ordinal","t","m","String","length","Array","join","v","z","utcOffset","Math","abs","floor","date","year","month","clone","add","ceil","p","w","D","ms","Q","toLowerCase","replace","g","_","S","args","arguments","O","locale","$L","utc","$u","x","$x","$offset","this","parse","prototype","$d","Date","NaN","test","match","substring","UTC","init","$y","getFullYear","$M","getMonth","$D","getDate","$W","getDay","$H","getHours","$m","getMinutes","$s","getSeconds","$ms","getMilliseconds","$utils","isValid","toString","isSame","startOf","endOf","isAfter","isBefore","$g","set","unix","valueOf","getTime","toDate","apply","slice","$locale","weekStart","$set","min","daysInMonth","get","Number","round","subtract","format","invalidDate","meridiem","YY","YYYY","MM","MMM","monthsShort","MMMM","DD","dd","weekdaysMin","ddd","weekdaysShort","dddd","H","HH","hh","A","mm","ss","SSS","Z","getTimezoneOffset","diff","toJSON","toISOString","toUTCString","T","forEach","extend","$i","isDayjs","en","Ls","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","call","createElement","template","newElement","document","innerHTML","firstElementChild","render","component","container","place","insertAdjacentElement","getElement","AddPointView","getTemplate","element","removeElement","EditPointView","ListView","PointView","constructor","point","basePrice","type","createPointTemplate","SortView","getRandomInteger","max","random","getRandomArrayElement","elements","DESTINATION_DESCRIPTIONS","PHOTO_DESCRIPTIONS","EVENT_TYPE_OFFERS","createPhoto","src","index","description","mockDestinations","array","from","map","id","photos","createOffer","title","price","mockOffersByType","offers","createOffers","createPoint","destinationElement","offersElement","checkedOffers","item","dateFrom","dateTo","favorite","destination","filtersElement","querySelector","containerElement","pointsModel","points","getPoints","listPresenter","sortComponent","listComponent","listContainer","pointsList"],"sourceRoot":""}
\ No newline at end of file
diff --git a/4/css/style.css b/4/css/style.css
new file mode 100644
index 0000000..c6c86ec
--- /dev/null
+++ b/4/css/style.css
@@ -0,0 +1,833 @@
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/Montserrat-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/Montserrat-Medium.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
+}
+
+html {
+  height: 100%; }
+
+body {
+  padding: 0;
+  margin: 0;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: transparent; }
+
+main {
+  display: block; }
+
+@-moz-document url-prefix() {
+  body {
+    font-weight: 200;
+    -moz-osx-font-smoothing: grayscale; } }
+
+.visually-hidden {
+  position: absolute;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  border: 0; }
+
+.page-body {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: 100%;
+  min-width: 1200px;
+  padding: 0;
+  margin: 0;
+  font-size: 17px;
+  line-height: 1.2;
+  font-family: "Montserrat", "Arial", sans-serif;
+  color: #000000;
+  background-color: #f2f2f2; }
+
+.page-body__container {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  position: relative;
+  z-index: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 1200px;
+  padding: 0 10px;
+  margin: 0 auto; }
+  .page-body__container::after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: 130px;
+    width: 2px;
+    background-color: rgba(255, 255, 255, 0.58); }
+
+.page-body__page-main {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column; }
+
+.btn {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  padding: 4px 16px 5px;
+  font-weight: 500;
+  font-size: 17px;
+  line-height: 21px;
+  font-family: inherit;
+  text-decoration: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  border: none;
+  border-radius: 15px;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .btn:hover {
+    opacity: 0.8; }
+  .btn:active {
+    opacity: 0.6; }
+  .btn--big {
+    padding: 17px 29px 16px;
+    font-size: 18px;
+    line-height: 21px;
+    border-radius: 27px; }
+  .btn--yellow {
+    color: #424242;
+    background-color: #ffd054; }
+  .btn--blue {
+    color: #ffffff;
+    background-color: #0d8ae4; }
+  .btn:disabled {
+    opacity: 0.46;
+    cursor: default; }
+
+.page-header {
+  padding-top: 23px;
+  color: #ffffff;
+  background-color: #078ff0;
+  background-image: url("../img/header-bg.png");
+  background-size: cover;
+  background-repeat: no-repeat; }
+  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
+    .page-header {
+      background-image: url("../img/header-bg@2x.png"); } }
+
+.page-header__container {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  padding-left: 110px; }
+
+.page-header__logo {
+  display: block;
+  width: 42px;
+  height: 42px;
+  margin-right: 18px; }
+
+.trip-main {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding-bottom: 10px; }
+  .trip-main--hidden {
+    display: none; }
+
+.trip-main__trip-info {
+  width: 100%;
+  margin-bottom: 35px; }
+
+.trip-main__trip-controls {
+  margin-top: 36px;
+  width: 600px; }
+
+.trip-main__event-add-btn {
+  min-width: 170px;
+  margin-left: auto; }
+  .trip-main__event-add-btn::before {
+    content: "\002B\000A0"; }
+  .trip-main__event-add-btn--hidden {
+    display: none; }
+
+.trip-info {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify; }
+
+.trip-info__main {
+  width: 600px; }
+
+.trip-info__title {
+  margin: 0;
+  margin-bottom: 4px;
+  font-weight: 800;
+  font-size: 17px;
+  line-height: 21px; }
+
+.trip-info__dates {
+  margin: 0;
+  font-weight: 800;
+  font-size: 13px;
+  line-height: 16px;
+  text-transform: uppercase;
+  opacity: 0.8; }
+
+.trip-info__cost {
+  width: 170px;
+  margin: 0 0 0 auto;
+  font-weight: 700;
+  font-size: 21px;
+  line-height: 25px;
+  text-align: center; }
+
+.trip-controls__trip-tabs {
+  margin-bottom: 9px; }
+
+.trip-tabs {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: start;
+      align-items: flex-start; }
+
+.trip-tabs__btn {
+  display: block;
+  font-weight: 500;
+  font-size: 21px;
+  line-height: 25px;
+  text-decoration: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: inherit;
+  opacity: 0.8;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .trip-tabs__btn:not(:last-of-type) {
+    margin-right: 26px; }
+  .trip-tabs__btn:hover {
+    opacity: 1; }
+  .trip-tabs__btn:active {
+    opacity: 0.6; }
+  .trip-tabs__btn--active, .trip-tabs__btn--active:hover, .trip-tabs__btn--active:active {
+    opacity: 1;
+    cursor: default; }
+
+.trip-filters {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: start;
+      align-items: flex-start; }
+  .trip-filters--hidden {
+    display: none; }
+
+.trip-filters__filter:not(:last-of-type) {
+  margin-right: 19px; }
+
+.trip-filters__filter-label {
+  font-weight: 800;
+  font-size: 14px;
+  line-height: 17px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  opacity: 0.6;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .trip-filters__filter-label:hover {
+    opacity: 1; }
+  .trip-filters__filter-label:active {
+    opacity: 0.6; }
+  .trip-filters__filter-input:checked + .trip-filters__filter-label {
+    opacity: 1;
+    cursor: default; }
+  .trip-filters__filter-input:disabled + .trip-filters__filter-label {
+    opacity: 0.4;
+    cursor: default; }
+
+.trip-events {
+  padding-top: 22px; }
+  .trip-events--hidden {
+    display: none; }
+
+.trip-events__trip-sort {
+  margin-bottom: 8px; }
+
+.trip-events__msg {
+  margin: 0;
+  margin-top: 280px;
+  font-weight: 500;
+  font-size: 44px;
+  line-height: 60px;
+  text-align: center;
+  opacity: 0.89; }
+  .trip-events__msg--hidden {
+    display: none; }
+
+.trip-events__list {
+  padding: 0;
+  margin: 0;
+  list-style: none; }
+
+.trip-events__item {
+  margin-bottom: 54px;
+  margin-left: auto; }
+
+.trip-sort {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: center;
+      align-items: center; }
+
+.trip-sort__item {
+  margin-right: 15px;
+  font-weight: 800;
+  font-size: 13px;
+  line-height: 16px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #b4b4b4;
+  cursor: default;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s; }
+  .trip-sort__item:last-child {
+    margin-right: 0; }
+  .trip-sort__item--day {
+    width: 55px;
+    text-align: center;
+    margin-right: 83px; }
+  .trip-sort__item--event {
+    width: 300px; }
+  .trip-sort__item--time {
+    width: 225px; }
+  .trip-sort__item--price {
+    width: 90px; }
+
+.trip-sort__btn {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 7px 15px 6px 22px;
+  border: 1px solid transparent;
+  border-radius: 14px;
+  cursor: pointer; }
+  .trip-sort__btn:hover {
+    color: #000000; }
+    .trip-sort__input:checked + .trip-sort__btn {
+      position: relative;
+      color: #000000;
+      border-color: #000000; }
+      .trip-sort__input:checked +  .trip-sort__btn::before {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 8px;
+      width: 8px;
+      height: 8px;
+      background-color: #ffd054;
+      border-radius: 50%;
+      -webkit-transform: translateY(-50%);
+              transform: translateY(-50%); }
+
+.trip-sort__input:disabled + .trip-sort__btn {
+  opacity: 0.6; }
+.trip-sort__input:disabled + .trip-sort__btn:hover {
+  color: #b4b4b4;
+  cursor: default; }
+
+.event {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 20px;
+  font-size: 17px;
+  line-height: 21px; }
+  .event--edit {
+    display: block;
+    margin-left: 80px;
+    padding: 0;
+    background-color: #ffffff;
+    border-radius: 18px;
+    -webkit-box-shadow: 0 11px 20px rgba(0, 0, 0, 0.043);
+            box-shadow: 0 11px 20px rgba(0, 0, 0, 0.043); }
+
+.event__header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 20px; }
+
+.event__date {
+  display: block;
+  min-width: 80px;
+  font-size: 13px;
+  line-height: 16px;
+  text-transform: uppercase;
+  text-align: left; }
+
+.event__type-wrapper {
+  position: relative; }
+
+.event__type {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 42px;
+  height: 42px;
+  margin-right: 18px;
+  background-color: #ffffff;
+  border-radius: 50%; }
+
+.event__type-btn {
+  padding: 0;
+  border: 1px solid #0d8ae4;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer; }
+
+.event__type-icon {
+  display: block;
+  width: 17px;
+  height: 17px; }
+
+.event__type-list {
+  position: absolute;
+  z-index: 2;
+  top: calc(100% + 7px);
+  left: -20px;
+  display: none;
+  width: 180px;
+  background-color: #ffffff;
+  border: 1px solid rgba(151, 151, 151, 0.169724);
+  -webkit-box-shadow: 0 11px 20px rgba(0, 0, 0, 0.219146);
+          box-shadow: 0 11px 20px rgba(0, 0, 0, 0.219146);
+  border-radius: 4px; }
+
+.event__type-toggle:checked + .event__type-list {
+  display: block; }
+
+.event__type-group {
+  padding: 13px 0 11px;
+  margin: 0;
+  border: none; }
+  .event__type-group:not(:last-of-type) {
+    border-bottom: 1px solid rgba(151, 151, 151, 0.33); }
+
+.event__type-item:not(:last-child) {
+  margin-bottom: 5px; }
+
+.event__type-label {
+  position: relative;
+  display: block;
+  padding: 5px 10px 5px 62px;
+  font-size: 17px;
+  line-height: 21px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s; }
+  .event__type-label::before {
+    content: "";
+    position: absolute;
+    top: calc(50% - 3px);
+    left: 32px;
+    width: 17px;
+    height: 17px;
+    background-position: 0 0;
+    background-size: 17px 17px;
+    background-repeat: no-repeat;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  .event__type-label--taxi::before {
+    background-image: url("../img/icons/taxi.png"); }
+  .event__type-label--bus::before {
+    background-image: url("../img/icons/bus.png"); }
+  .event__type-label--train::before {
+    background-image: url("../img/icons/train.png"); }
+  .event__type-label--ship::before {
+    background-image: url("../img/icons/ship.png"); }
+  .event__type-label--drive::before {
+    background-image: url("../img/icons/drive.png"); }
+  .event__type-label--flight::before {
+    background-image: url("../img/icons/flight.png"); }
+  .event__type-label--check-in::before {
+    background-image: url("../img/icons/check-in.png"); }
+  .event__type-label--sightseeing::before {
+    background-image: url("../img/icons/sightseeing.png"); }
+  .event__type-label--restaurant::before {
+    background-image: url("../img/icons/restaurant.png"); }
+  .event__type-label:hover {
+    color: #ffd054; }
+
+.event__type-input:checked + .event__type-label {
+  color: #000000;
+  background-color: #ffd054; }
+  .event__type-input:checked + .event__type-label::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 11px;
+    width: 8px;
+    height: 8px;
+    background-color: #ffffff;
+    border-radius: 50%;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+
+.event__title {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 298px;
+  margin: 0;
+  margin-right: 15px;
+  font-weight: 400;
+  font-size: inherit; }
+  .event__title::first-letter {
+    text-transform: capitalize; }
+
+.event__schedule {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 230px;
+  margin-right: 15px; }
+
+.event__time {
+  margin: 0;
+  margin-bottom: 4px; }
+
+.event__duration {
+  margin: 0;
+  font-size: 14px;
+  line-height: 17px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #999999;
+  opacity: 0.9; }
+
+.event__price {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 90px;
+  margin: 0;
+  margin-right: 15px; }
+
+.event__selected-offers {
+  width: 220px;
+  padding: 0;
+  margin: 0;
+  font-weight: 600;
+  list-style: none; }
+
+.event__rollup-btn {
+  position: relative;
+  display: block;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  border: none;
+  cursor: pointer; }
+  .event__rollup-btn::after {
+    content: "";
+    position: absolute;
+    top: calc(50% - 5px);
+    left: 50%;
+    width: 10px;
+    height: 10px;
+    border-right: 2px solid #000000;
+    border-bottom: 2px solid #000000;
+    -webkit-transform: translate(-50%, -50%) rotate(45deg);
+            transform: translate(-50%, -50%) rotate(45deg);
+    -webkit-transition: border-color 0.2s, -webkit-transform 0.6s;
+    transition: border-color 0.2s, -webkit-transform 0.6s;
+    transition: border-color 0.2s, transform 0.6s;
+    transition: border-color 0.2s, transform 0.6s, -webkit-transform 0.6s; }
+  .event__rollup-btn:hover::after {
+    border-color: #0d8ae4; }
+
+.event--edit .event__rollup-btn {
+  margin-left: auto; }
+.event--edit .event__rollup-btn::after {
+  top: calc(50% + 3px);
+  -webkit-transform: translate(-50%, -50%) rotate(225deg);
+          transform: translate(-50%, -50%) rotate(225deg); }
+
+.event__field-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 5px 2px;
+  margin-right: 18px;
+  border-bottom: 1px solid #0d8ae4; }
+  .event__field-group--destination {
+    width: 290px; }
+
+.event__label {
+  margin-right: 5px;
+  cursor: pointer; }
+  .event__label::first-letter {
+    text-transform: capitalize; }
+
+.event__input {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  padding: 0;
+  font-size: inherit;
+  line-height: inherit;
+  font-family: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none; }
+  .event__input--destination {
+    width: 150px; }
+    .event__input--destination::-webkit-calendar-picker-indicator {
+      display: none; }
+  .event__input--time {
+    width: 130px;
+    text-align: center; }
+  .event__input--price {
+    width: 66px; }
+
+.event__save-btn {
+  margin-right: 18px; }
+
+.event__reset-btn {
+  display: block;
+  padding: 0;
+  font-weight: 500;
+  font-size: 17px;
+  line-height: 21px;
+  font-family: inherit;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: #0d8ae4;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .event__reset-btn:hover {
+    opacity: 0.8; }
+  .event__reset-btn:active {
+    opacity: 0.6; }
+
+.event__favorite-btn {
+  margin: 0 10px;
+  margin-left: auto;
+  color: #ebebeb;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  outline: none;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s; }
+  .event__favorite-btn:hover,
+  .event__favorite-btn:focus {
+    color: rgba(255, 208, 84, 0.6); }
+  .event__favorite-btn--active {
+    color: #ffd054;
+  }
+
+.event__favorite-icon {
+  display: block;
+  width: 28px;
+  height: 28px;
+  fill: currentColor;
+  -webkit-transition: fill 0.2s;
+  transition: fill 0.2s; }
+
+.event__details {
+  padding: 20px 0 27px;
+  border-top: 2px solid #ffd054; }
+
+.event--blocked .event__details {
+  position: relative; }
+  .event--blocked .event__details::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(255, 255, 255, 0.8);
+    border-radius: 0 0 18px 18px; }
+
+.event__details-title {
+  padding-left: 20px;
+  margin: 0;
+  margin-bottom: 24px;
+  font-weight: 500;
+  font-size: 23px;
+  line-height: 27px; }
+
+.event__section:not(:last-child) {
+  margin-bottom: 28px; }
+
+.event__section--offers {
+  padding: 0 20px; }
+
+.event__section-title {
+  margin: 0;
+  font-weight: 800;
+  font-size: 14px;
+  line-height: 17px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #ffd054; }
+  .event__section-title--offers {
+    margin-bottom: 15px; }
+  .event__section-title--destination {
+    margin-bottom: 8px;
+    margin-left: 20px; }
+
+.event__available-offers {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-bottom: -6px; }
+
+.event__offer::first-letter {
+  text-transform: capitalize; }
+
+.event__offer-selector {
+  margin-bottom: 6px; }
+  .event__offer-selector:not(:last-of-type) {
+    margin-right: 6px; }
+
+.event__offer-label {
+  display: block;
+  padding: 22px 30px 21px;
+  font-size: 17px;
+  line-height: 21px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-color: #f2f2f2;
+  border-radius: 32px;
+  cursor: pointer;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s; }
+  .event__offer-label:hover {
+    background-color: rgba(13, 138, 228, 0.6); }
+  .event__offer-label::first-letter {
+    text-transform: capitalize; }
+
+.event__offer-checkbox:checked + .event__offer-label {
+  background-color: #0d8ae4; }
+
+.event__destination-description {
+  width: 560px;
+  margin: 0;
+  margin-bottom: 16px;
+  margin-left: 20px;
+  font-size: 15px;
+  line-height: 18px; }
+
+.event__photos-container {
+  width: 100%;
+  overflow-x: scroll; }
+
+.event__photos-tape {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+      align-items: flex-start; }
+
+.event__photo {
+  display: block;
+  height: 152px;
+  width: auto;
+  border-radius: 4px; }
+  .event__photo:first-child {
+    padding-left: 20px; }
+  .event__photo:last-child {
+    padding-right: 20px; }
+  .event__photo:not(:last-child) {
+    margin-right: 5px; }
diff --git a/4/fonts/Montserrat-Bold.woff2 b/4/fonts/Montserrat-Bold.woff2
new file mode 100644
index 0000000..3d0b409
Binary files /dev/null and b/4/fonts/Montserrat-Bold.woff2 differ
diff --git a/4/fonts/Montserrat-ExtraBold.woff2 b/4/fonts/Montserrat-ExtraBold.woff2
new file mode 100644
index 0000000..0abb707
Binary files /dev/null and b/4/fonts/Montserrat-ExtraBold.woff2 differ
diff --git a/4/fonts/Montserrat-Medium.woff2 b/4/fonts/Montserrat-Medium.woff2
new file mode 100644
index 0000000..9dc5c7f
Binary files /dev/null and b/4/fonts/Montserrat-Medium.woff2 differ
diff --git a/4/fonts/Montserrat-Regular.woff2 b/4/fonts/Montserrat-Regular.woff2
new file mode 100644
index 0000000..70788c2
Binary files /dev/null and b/4/fonts/Montserrat-Regular.woff2 differ
diff --git a/4/fonts/Montserrat-SemiBold.woff2 b/4/fonts/Montserrat-SemiBold.woff2
new file mode 100644
index 0000000..29cc1a9
Binary files /dev/null and b/4/fonts/Montserrat-SemiBold.woff2 differ
diff --git a/4/img/header-bg.png b/4/img/header-bg.png
new file mode 100644
index 0000000..c7ccbda
Binary files /dev/null and b/4/img/header-bg.png differ
diff --git a/4/img/header-bg@2x.png b/4/img/header-bg@2x.png
new file mode 100644
index 0000000..26716e3
Binary files /dev/null and b/4/img/header-bg@2x.png differ
diff --git a/4/img/icons/bus.png b/4/img/icons/bus.png
new file mode 100644
index 0000000..bb2bad6
Binary files /dev/null and b/4/img/icons/bus.png differ
diff --git a/4/img/icons/check-in.png b/4/img/icons/check-in.png
new file mode 100644
index 0000000..866702e
Binary files /dev/null and b/4/img/icons/check-in.png differ
diff --git a/4/img/icons/drive.png b/4/img/icons/drive.png
new file mode 100644
index 0000000..ef3522d
Binary files /dev/null and b/4/img/icons/drive.png differ
diff --git a/4/img/icons/flight.png b/4/img/icons/flight.png
new file mode 100644
index 0000000..3e690ca
Binary files /dev/null and b/4/img/icons/flight.png differ
diff --git a/4/img/icons/restaurant.png b/4/img/icons/restaurant.png
new file mode 100644
index 0000000..d677771
Binary files /dev/null and b/4/img/icons/restaurant.png differ
diff --git a/4/img/icons/ship.png b/4/img/icons/ship.png
new file mode 100644
index 0000000..e854301
Binary files /dev/null and b/4/img/icons/ship.png differ
diff --git a/4/img/icons/sightseeing.png b/4/img/icons/sightseeing.png
new file mode 100644
index 0000000..a87e06b
Binary files /dev/null and b/4/img/icons/sightseeing.png differ
diff --git a/4/img/icons/taxi.png b/4/img/icons/taxi.png
new file mode 100644
index 0000000..f052e81
Binary files /dev/null and b/4/img/icons/taxi.png differ
diff --git a/4/img/icons/train.png b/4/img/icons/train.png
new file mode 100644
index 0000000..1dfd1f3
Binary files /dev/null and b/4/img/icons/train.png differ
diff --git a/4/img/icons/transport.png b/4/img/icons/transport.png
new file mode 100644
index 0000000..9200b63
Binary files /dev/null and b/4/img/icons/transport.png differ
diff --git a/4/img/logo.png b/4/img/logo.png
new file mode 100644
index 0000000..f11c3ae
Binary files /dev/null and b/4/img/logo.png differ
diff --git a/4/img/photos/1.jpg b/4/img/photos/1.jpg
new file mode 100644
index 0000000..2234819
Binary files /dev/null and b/4/img/photos/1.jpg differ
diff --git a/4/img/photos/2.jpg b/4/img/photos/2.jpg
new file mode 100644
index 0000000..833055b
Binary files /dev/null and b/4/img/photos/2.jpg differ
diff --git a/4/img/photos/3.jpg b/4/img/photos/3.jpg
new file mode 100644
index 0000000..b63e90a
Binary files /dev/null and b/4/img/photos/3.jpg differ
diff --git a/4/img/photos/4.jpg b/4/img/photos/4.jpg
new file mode 100644
index 0000000..de034f4
Binary files /dev/null and b/4/img/photos/4.jpg differ
diff --git a/4/img/photos/5.jpg b/4/img/photos/5.jpg
new file mode 100644
index 0000000..fa162ab
Binary files /dev/null and b/4/img/photos/5.jpg differ
diff --git a/4/index.html b/4/index.html
new file mode 100644
index 0000000..d6dc353
--- /dev/null
+++ b/4/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Big Trip</title><link rel="stylesheet" href="./css/style.css"/><script defer="defer" src="bundle.bafdc2ee71eeb9e7b4b2.js"></script></head><body class="page-body"><header class="page-header"><div class="page-body__container page-header__container"><img class="page-header__logo" src="img/logo.png" width="42" height="42" alt="Trip logo"/><div class="trip-main"><div class="trip-main__trip-controls trip-controls"><div class="trip-controls__filters"><h2 class="visually-hidden">Filter events</h2></div></div><button class="trip-main__event-add-btn btn btn--big btn--yellow" type="button">New event</button></div></div></header><main class="page-body__page-main page-main"><div class="page-body__container"><section class="trip-events"><h2 class="visually-hidden">Trip events</h2></section></div></main></body></html>
\ No newline at end of file