diff --git a/package-lock.json b/package-lock.json
index 442816d..c598e7a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,9 @@
     "": {
       "name": "big-trip",
       "version": "22.0.0",
+      "dependencies": {
+        "dayjs": "1.11.7"
+      },
       "devDependencies": {
         "@babel/core": "7.21.4",
         "@babel/preset-env": "7.21.4",
@@ -3257,6 +3260,11 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.7",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
+      "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
diff --git a/package.json b/package.json
index 3e38fa0..3604b67 100644
--- a/package.json
+++ b/package.json
@@ -29,5 +29,8 @@
   },
   "engines": {
     "node": "20"
+  },
+  "dependencies": {
+    "dayjs": "1.11.7"
   }
 }
diff --git a/src/const.js b/src/const.js
new file mode 100644
index 0000000..c008a71
--- /dev/null
+++ b/src/const.js
@@ -0,0 +1,11 @@
+export const EVENT_TYPES = ['taxi', 'bus', 'train', 'ship', 'drive', 'flight', 'check-in', 'sightseeing', 'restaurant'];
+
+export const getDefaultPoint = () => ({
+  'basePrice': 0,
+  'dateFrom': new Date().toISOString(),
+  'dateTo': new Date().toISOString(),
+  'destination': '',
+  'isFavorite': false,
+  'offers': [],
+  'type': EVENT_TYPES[0],
+});
diff --git a/src/helpers.js b/src/helpers.js
new file mode 100644
index 0000000..f48a342
--- /dev/null
+++ b/src/helpers.js
@@ -0,0 +1,22 @@
+import dayjs from 'dayjs';
+import durationPlugin from 'dayjs/plugin/duration';
+
+dayjs.extend(durationPlugin);
+
+/** Возвращает слово с заглавной буквы */
+export const capitalize = (word) => word[0].toUpperCase() + word.slice(1);
+
+/** Возвращает слечайный элемент массива */
+export const getRandomArrayElement = (items) => items[Math.floot(Math.randon() * items.length)];
+
+export const getDate = (date) => dayjs(date).format('YYYY-MM-DD');
+export const getDateSeparatedBySlash = (date) => dayjs(date).format('YY/MM/DD');
+export const getTime = (date) => dayjs(date).format('HH:mm');
+export const getDateTime = (date) => dayjs(date).format('YYYY-MM-DDTHH:mm');
+export const getHumanDate = (date) => dayjs(date).format('MMM D');
+export const getDateDuration = (date1, date2) => {
+  const diff = dayjs(date2).diff(date1);
+  const diffDuration = dayjs.duration(diff);
+  return diffDuration.format('HH[H] mm[M]');
+};
+
diff --git a/src/helpers/string.js b/src/helpers/string.js
deleted file mode 100644
index fca6db3..0000000
--- a/src/helpers/string.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/** Возвращает слово с заглавной буквы */
-export const capitalize = (word) => word[0].toUpperCase() + word.slice(1);
diff --git a/src/main.js b/src/main.js
index 98e2b87..92b7990 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,10 @@
+import PointModel from './model/point-model';
 import TripPlanPresenter from './presenter/trip-plan-presenter';
 
-const tripPlanetPresenter = new TripPlanPresenter();
+const headerContainer = document.querySelector('.trip-controls__filters');
+const mainContainer = document.querySelector('.trip-events');
+const pointModel = new PointModel();
+pointModel.init();
 
-tripPlanetPresenter.init();
+const tripPlanPresenter = new TripPlanPresenter(headerContainer, mainContainer, pointModel);
+tripPlanPresenter.init();
diff --git a/src/mock/destinations.js b/src/mock/destinations.js
new file mode 100644
index 0000000..51e5b70
--- /dev/null
+++ b/src/mock/destinations.js
@@ -0,0 +1,59 @@
+export const destinations = [
+  {
+    'id': '1',
+    'description': 'Chamonix, is a beautiful city, a true asian pearl, with crowded streets.',
+    'name': 'Chamonix',
+    'pictures': [
+      {
+        'src': 'https://loremflickr.com/248/152?random=3',
+        'description': 'Chamonix parliament building'
+      },
+      {
+        'src': 'https://loremflickr.com/248/152?random=2',
+        'description': 'Chamonix parliament building'
+      },
+      {
+        'src': 'https://loremflickr.com/248/152?random=1',
+        'description': 'Chamonix parliament building'
+      }
+    ]
+  },
+  {
+    'id': '2',
+    'description': 'London is the capital of Great Britain',
+    'name': 'London',
+    'pictures': [
+      {
+        'src': 'http://picsum.photos/300/200?r=0.0762563005163317',
+        'description': 'Chamonix parliament building'
+      },
+      {
+        'src': 'https://loremflickr.com/248/152?random=6',
+        'description': 'Chamonix parliament building'
+      },
+      {
+        'src': 'https://loremflickr.com/248/152?random=8',
+        'description': 'Chamonix parliament building'
+      }
+    ]
+  },
+  {
+    'id': '3',
+    'description': 'Saint-Petersburg is the most beautiful city in the world',
+    'name': 'Saint-Petersburg',
+    'pictures': [
+      {
+        'src': 'http://picsum.photos/300/200?r=0.0762563005163317',
+        'description': 'Chamonix parliament building'
+      },
+      {
+        'src': 'https://loremflickr.com/248/152?random=4',
+        'description': 'Chamonix parliament building'
+      },
+      {
+        'src': 'https://loremflickr.com/248/152?random=9',
+        'description': 'Chamonix parliament building'
+      }
+    ]
+  }
+];
diff --git a/src/mock/offers.js b/src/mock/offers.js
new file mode 100644
index 0000000..f74dfea
--- /dev/null
+++ b/src/mock/offers.js
@@ -0,0 +1,66 @@
+export const offers = [
+  {
+    'type': 'taxi',
+    'offers': [
+      {
+        'id': '1',
+        'title': 'Upgrade to a business class',
+        'price': 120
+      },
+      {
+        'id': '2',
+        'title': 'Add luggage',
+        'price': 130
+      },
+      {
+        'id': '3',
+        'title': 'Add meal',
+        'price': 170
+      },
+    ]
+  },
+  {
+    'type': 'bus',
+    'offers': [
+      {
+        'id': '4',
+        'title': 'Switch to comfort class',
+        'price': 220
+      },
+      {
+        'id': '5',
+        'title': 'Add meal',
+        'price': 420
+      },
+      {
+        'id': '6',
+        'title': 'Upgrade to a business class',
+        'price': 820
+      },
+    ]
+  },
+  {
+    'type': 'flight',
+    'offers': [
+      {
+        'id': '7',
+        'title': 'Choose seats',
+        'price': 4420
+      },
+      {
+        'id': '8',
+        'title': 'Upgrade to a business class',
+        'price': 8620
+      },
+      {
+        'id': '9',
+        'title': 'Travel by train',
+        'price': 20
+      },
+    ]
+  },
+  {
+    'type': 'train',
+    'offers': [],
+  }
+];
diff --git a/src/mock/points.js b/src/mock/points.js
new file mode 100644
index 0000000..24dcfa0
--- /dev/null
+++ b/src/mock/points.js
@@ -0,0 +1,42 @@
+export const points = [
+  {
+    'id': '1',
+    'basePrice': 1200,
+    'dateFrom': '2019-07-10T18:15:56.845Z',
+    'dateTo': '2019-07-10T18:35:56.845Z',
+    'destination': '1',
+    'isFavorite': true,
+    'offers': [ '2' ],
+    'type': 'taxi'
+  },
+  {
+    'id': '2',
+    'basePrice': 1100,
+    'dateFrom': '2019-06-10T21:55:56.845Z',
+    'dateTo': '2019-07-11T12:22:13.375Z',
+    'destination': '2',
+    'isFavorite': false,
+    'offers': [ '5', '6' ],
+    'type': 'bus'
+  },
+  {
+    'id': '3',
+    'basePrice': 1500,
+    'dateFrom': '2019-07-10T07:55:56.845Z',
+    'dateTo': '2019-08-11T11:19:13.375Z',
+    'destination': '3',
+    'isFavorite': true,
+    'offers': [ '7' ],
+    'type': 'flight'
+  },
+  {
+    'id': '4',
+    'basePrice': 1900,
+    'dateFrom': '2019-07-10T07:55:56.845Z',
+    'dateTo': '2019-08-11T11:19:13.375Z',
+    'destination': '2',
+    'isFavorite': false,
+    'offers': [],
+    'type': 'train'
+  },
+];
diff --git a/src/model/point-model.js b/src/model/point-model.js
new file mode 100644
index 0000000..8499b5b
--- /dev/null
+++ b/src/model/point-model.js
@@ -0,0 +1,23 @@
+import { points } from '../mock/points';
+import { destinations } from '../mock/destinations';
+import { offers } from '../mock/offers';
+
+export default class PointModel {
+  init() {
+    this.points = points;
+    this.destinations = destinations;
+    this.offers = offers;
+  }
+
+  getPoints() {
+    return this.points;
+  }
+
+  getDestinations() {
+    return this.destinations;
+  }
+
+  getOffers() {
+    return this.offers;
+  }
+}
diff --git a/src/presenter/trip-plan-presenter.js b/src/presenter/trip-plan-presenter.js
index 62bcb83..9036c14 100644
--- a/src/presenter/trip-plan-presenter.js
+++ b/src/presenter/trip-plan-presenter.js
@@ -1,26 +1,33 @@
-import FilterForm from '../view/filter-form';
-import SortForm from '../view/sort-form';
-import WaypointForm from '../view/waypoint-form';
-import Waypoint from '../view/waypoint';
+import FilterForm from '../view/filter';
+import SortForm from '../view/sort';
+import PointForm from '../view/point-form';
+import PointsList from '../view/points-list';
+import Point from '../view/point';
 import { render } from '../render';
+import { getDefaultPoint } from '../const';
 
 export default class TripPlanPresenter {
-  filterFormComponent = new FilterForm();
-  sortFormComponent = new SortForm();
-  waypointFormComponent = new WaypointForm();
+  pointsListComponent = new PointsList();
 
-  constructor() {
-    this.filterContainer = document.querySelector('.trip-controls__filters');
-    this.eventsContainer = document.querySelector('.trip-events');
+  constructor(headerContainer, mainContainer, pointModel) {
+    this.filterContainer = headerContainer;
+    this.eventsContainer = mainContainer;
+    this.pointModel = pointModel;
   }
 
   init() {
-    render(this.filterFormComponent, this.filterContainer);
-    render(this.sortFormComponent, this.eventsContainer);
-    render(this.waypointFormComponent, this.eventsContainer);
+    const points = this.pointModel.getPoints();
+    const destinations = this.pointModel.getDestinations();
+    const offers = this.pointModel.getOffers();
 
-    for (let i = 0; i < 3; i++) {
-      render(new Waypoint(), this.eventsContainer);
+    render(new FilterForm(), this.filterContainer);
+    render(new SortForm(), this.eventsContainer);
+    render(this.pointsListComponent, this.eventsContainer);
+    render(new PointForm(getDefaultPoint(), destinations, offers), this.pointsListComponent.element);
+    render(new PointForm(points[1], destinations, offers), this.pointsListComponent.element);
+
+    for (const point of points) {
+      render(new Point({ point, destinations, offers}), this.pointsListComponent.element);
     }
   }
 }
diff --git a/src/view/filter-form.js b/src/view/filter.js
similarity index 93%
rename from src/view/filter-form.js
rename to src/view/filter.js
index 86bdf90..a501be1 100644
--- a/src/view/filter-form.js
+++ b/src/view/filter.js
@@ -30,7 +30,7 @@ const createFilterItemTemplate = ({label, id, initialValue}) => `
   </div>`;
 
 
-const createFilterFormTemplate = () => `
+const createFilterTemplate = () => `
 <form class="trip-filters" action="#" method="get">
   ${FILTER_ITEMS.map((item) => createFilterItemTemplate(item)).join('\n')}
 
@@ -39,7 +39,7 @@ const createFilterFormTemplate = () => `
 
 export default class FilterForm {
   getTemplate() {
-    return createFilterFormTemplate();
+    return createFilterTemplate();
   }
 
   getElement() {
diff --git a/src/view/point-form.js b/src/view/point-form.js
new file mode 100644
index 0000000..c2d415f
--- /dev/null
+++ b/src/view/point-form.js
@@ -0,0 +1,142 @@
+import { capitalize } from '../helpers';
+import { createElement} from '../render';
+import { EVENT_TYPES } from '../const';
+import { getTime, getDateSeparatedBySlash } from '../helpers';
+
+const createTypesList = (pointId) => `<div class="event__type-wrapper">
+  <label class="event__type  event__type-btn" for="event-type-toggle-${pointId}">
+    <span class="visually-hidden">Choose event type</span>
+    <img class="event__type-icon" width="17" height="17" src="img/icons/flight.png" alt="Event type icon">
+  </label>
+  <input class="event__type-toggle  visually-hidden" id="event-type-toggle-${pointId}" type="checkbox">
+
+  <div class="event__type-list">
+    <fieldset class="event__type-group">
+      <legend class="visually-hidden">Event type</legend>
+      ${EVENT_TYPES.map((eventType) => `
+        <div class="event__type-item">
+          <input id="event-type-${eventType}-${pointId}" class="event__type-input  visually-hidden" type="radio" name="event-type" value="${eventType}">
+          <label class="event__type-label  event__type-label--${eventType}" for="event-type-${eventType}-${pointId}">${capitalize(eventType)}</label>
+        </div>`).join('\n')}
+    </fieldset>
+  </div>
+</div>`;
+
+const createPointDestinationTemplate = (pointDestination) => {
+  const {description, pictures} = pointDestination || {};
+  return (
+    `<section class="event__section  event__section--destination">
+      <h3 class="event__section-title  event__section-title--destination">Destination</h3>
+      <p class="event__destination-description">${description}</p>
+      ${pictures.length
+      ? `<div class="event__photos-container">
+            <div class="event__photos-tape">
+              ${pictures.map((picture) => `<img class="event__photo" src="${picture.src}" alt="${picture.description}">`)}
+            </div>
+          </div>`
+      : ''}
+    </section>`
+  );
+};
+const createPointOffersTemplate = (typeOffers, point) => {
+  const pointOffers = typeOffers.filter((item) => point.offers.includes(item.id));
+  const activeOffers = pointOffers.map((offer) => offer.id);
+  const offers = typeOffers.map((typeOffer) => (
+    `<div class="event__offer-selector">
+      <input class="event__offer-checkbox  visually-hidden" id="event-offer-${typeOffer.id}" type="checkbox" name="event-offer-luggage" ${activeOffers.includes(typeOffer.id) ? 'checked' : ''}>
+      <label class="event__offer-label" for="event-offer-${typeOffer.id}">
+      <span class="event__offer-title">${typeOffer.title}</span>
+        &plus;&euro;&nbsp;
+      <span class="event__offer-price">${typeOffer.price}</span>
+      </label>
+    </div>`)).join('\n');
+
+
+  return (
+    `<section class="event__section  event__section--offers">
+      <h3 class="event__section-title  event__section-title--offers">Offers</h3>
+      <div class="event__available-offers">
+      ${offers}
+    </div>`
+  );
+};
+
+const createPointFormTemplate = (point, destinations, offers) => {
+  const {basePrice, dateFrom, dateTo, type} = point;
+  const pointDestination = destinations.find((item) => item.id === point.destination);
+  const {name} = pointDestination || {};
+  const typeOffers = offers.find((item) => item.type === point.type).offers;
+  const pointId = point.id ?? 0;
+
+  return `<li class="trip-events__item">
+  <form class="event event--edit" action="#" method="post">
+  <header class="event__header">
+    ${createTypesList(pointId)}
+
+    <div class="event__field-group  event__field-group--destination">
+      <label class="event__label  event__type-output" for="event-destination-${pointId}">
+      ${type}
+      </label>
+      <input class="event__input  event__input--destination" id="event-destination-${pointId}" type="text" name="event-destination" value="${name || ''}" list="destination-list-${pointId}">
+      <datalist id="destination-list-${pointId}">
+      ${destinations.map((dest) => `<option value="${dest.name}"></option>`).join('\n')}
+      </datalist>
+    </div>
+
+    <div class="event__field-group  event__field-group--time">
+      <label class="visually-hidden" for="event-start-time-${pointId}">From</label>
+      <input class="event__input  event__input--time" id="event-start-time-${pointId}" type="text" name="event-start-time" value="${getDateSeparatedBySlash(dateFrom)} ${getTime(dateFrom)}">
+      &mdash;
+      <label class="visually-hidden" for="event-end-time-${pointId}">To</label>
+      <input class="event__input  event__input--time" id="event-end-time-${pointId}" type="text" name="event-end-time" value="${getDateSeparatedBySlash(dateTo)} ${getTime(dateTo)}">
+    </div>
+
+    <div class="event__field-group  event__field-group--price">
+      <label class="event__label" for="event-price-${pointId}">
+        <span class="visually-hidden">Price</span>
+        &euro;
+      </label>
+      <input class="event__input  event__input--price" id="event-price-${pointId}" type="text" name="event-price" value="${basePrice}">
+    </div>
+
+    <button class="event__save-btn  btn  btn--blue" type="submit">Save</button>
+    <button class="event__reset-btn" type="reset">${point.id ? 'Delete' : 'Cancel'}</button>
+    ${point.id
+    ? `<button class="event__rollup-btn" type="button">
+        <span class="visually-hidden">Open event</span>
+      </button>`
+    : ''}
+  </header>
+  <section class="event__details">
+    ${typeOffers.length ? createPointOffersTemplate(typeOffers, point) : ''}
+  </section>
+    ${pointDestination ? createPointDestinationTemplate(pointDestination) : ''}
+  </section>
+</form>
+</li>`;
+};
+
+export default class PointForm {
+  constructor(point, destinations, offers) {
+    this.point = point;
+    this.destinations = destinations;
+    this.offers = offers;
+  }
+
+  getTemplate() {
+    return createPointFormTemplate(this.point, this.destinations, this.offers);
+  }
+
+  getElement() {
+    if (!this.element) {
+      this.element = createElement(this.getTemplate());
+    }
+
+    return this.element;
+  }
+
+  removeElement() {
+    this.element = null;
+  }
+
+}
diff --git a/src/view/point.js b/src/view/point.js
new file mode 100644
index 0000000..22f5cab
--- /dev/null
+++ b/src/view/point.js
@@ -0,0 +1,76 @@
+import { getDate, getDateTime, getHumanDate, getTime, getDateDuration } from '../helpers';
+import { capitalize } from '../helpers';
+import { createElement } from '../render';
+
+const createPointTemplate = (point, destinations, offers) => {
+  const {basePrice, dateFrom, dateTo, isFavorite} = point;
+  const pointDestination = destinations.find((item) => item.id === point.destination).name;
+  const typeOffers = offers.find((item) => item.type === point.type).offers;
+  const pointOffers = typeOffers.filter((item) => point.offers.includes(item.id));
+
+  return `<li class="trip-events__item">
+  <div class="event">
+    <time class="event__date" datetime="${getDate(dateFrom)}">${getHumanDate(dateFrom)}</time>
+    <div class="event__type">
+      <img class="event__type-icon" width="42" height="42" src="img/icons/${point.type}.png" alt="Event type icon">
+    </div>
+    <h3 class="event__title">${capitalize(point.type)} ${pointDestination}</h3>
+    <div class="event__schedule">
+      <p class="event__time">
+        <time class="event__start-time" datetime="${getDateTime(dateFrom)}">${getTime(dateFrom)}</time>
+        &mdash;
+        <time class="event__end-time" datetime="${getDateTime(dateTo)}">${getTime(dateTo)}</time>
+      </p>
+      <p class="event__duration">${getDateDuration(dateFrom, dateTo)}</p>
+    </div>
+    <p class="event__price">
+      &euro;&nbsp;<span class="event__price-value">${basePrice}</span>
+    </p>
+    <h4 class="visually-hidden">Offers:</h4>
+    <ul class="event__selected-offers">
+
+    ${pointOffers.map((offer) => `
+      <li class="event__offer">
+        <span class="event__offer-title">${offer.title}</span>
+          &plus;&euro;&nbsp;
+        <span class="event__offer-price">${offer.price}</span>
+      </li>
+    `).join('')}
+
+    </ul>
+    <button class="event__favorite-btn ${isFavorite ? 'event__favorite-btn--active' : ''}" type="button">
+      <span class="visually-hidden">Add to favorite</span>
+      <svg class="event__favorite-icon" width="28" height="28" viewBox="0 0 28 28">
+        <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"/>
+      </svg>
+    </button>
+    <button class="event__rollup-btn" type="button">
+      <span class="visually-hidden">Open event</span>
+    </button>
+  </div>
+</li>`;
+};
+
+export default class Point {
+  constructor({point, destinations, offers}) {
+    this.point = point;
+    this.destinations = destinations;
+    this.offers = offers;
+  }
+
+  getTemplate(point) {
+    return createPointTemplate(point, this.destinations, this.offers);
+  }
+
+  getElement() {
+    if (!this.element) {
+      this.element = createElement(this.getTemplate(this.point));
+    }
+
+    return this.element;
+  }
+
+  removeElement() {
+    this.element = null;
+  }
+}
diff --git a/src/view/points-list.js b/src/view/points-list.js
new file mode 100644
index 0000000..9c02a46
--- /dev/null
+++ b/src/view/points-list.js
@@ -0,0 +1,22 @@
+import { createElement } from '../render';
+
+const createPointFormTemplate = () => '<ul class="trip-events__list"></ul>';
+
+export default class PointsList {
+
+  getTemplate() {
+    return createPointFormTemplate();
+  }
+
+  getElement() {
+    if (!this.element) {
+      this.element = createElement(this.getTemplate());
+    }
+
+    return this.element;
+  }
+
+  removeElement() {
+    this.element = null;
+  }
+}
diff --git a/src/view/sort-form.js b/src/view/sort.js
similarity index 94%
rename from src/view/sort-form.js
rename to src/view/sort.js
index 84c4148..c94799c 100644
--- a/src/view/sort-form.js
+++ b/src/view/sort.js
@@ -39,14 +39,14 @@ const createSortItemTemplate = ({label, id, initialValue, className}) => `
     <label class="trip-sort__btn" for="${id}">${label}</label>
   </div>`;
 
-const createSortFormTemplate = () => `
+const createSortTemplate = () => `
 <form class="trip-events__trip-sort  trip-sort" action="#" method="get">
   ${SORT_ITEMS.map((item) => createSortItemTemplate(item)).join('\n')}
 </form>`;
 
 export default class SortForm {
   getTemplate() {
-    return createSortFormTemplate();
+    return createSortTemplate();
   }
 
   getElement() {
diff --git a/src/view/waypoint-form.js b/src/view/waypoint-form.js
deleted file mode 100644
index 152cb68..0000000
--- a/src/view/waypoint-form.js
+++ /dev/null
@@ -1,150 +0,0 @@
-import { capitalize } from '../helpers/string';
-import { createElement } from '../render';
-
-const EVENT_ITEMS = ['taxi', 'bus', 'train', 'ship', 'drive', 'flight', 'check-in', 'sightseeing', 'restaurant'].map((type) => ({
-  label: capitalize(type),
-  id: `event-type-${type}-1`,
-  initialValue: type,
-  className: `event__type-label--${type}`,
-}));
-
-const createEventItemTemplate = ({label, id, initialValue, className}) => `
-  <div class="event__type-item">
-    <input id="${id}" class="event__type-input  visually-hidden" type="radio" name="event-type" value="${initialValue}">
-    <label class="event__type-label  ${className}" for="${id}">${label}</label>
-  </div>`;
-
-const createWaypointFormTemplate = () => `<form class="event event--edit" action="#" method="post">
-  <header class="event__header">
-    <div class="event__type-wrapper">
-      <label class="event__type  event__type-btn" for="event-type-toggle-1">
-        <span class="visually-hidden">Choose event type</span>
-        <img class="event__type-icon" width="17" height="17" src="img/icons/flight.png" alt="Event type icon">
-      </label>
-      <input class="event__type-toggle  visually-hidden" id="event-type-toggle-1" type="checkbox">
-
-      <div class="event__type-list">
-        <fieldset class="event__type-group">
-          <legend class="visually-hidden">Event type</legend>
-          ${EVENT_ITEMS.map((item) => createEventItemTemplate(item)).join('\n')}
-        </fieldset>
-      </div>
-    </div>
-
-    <div class="event__field-group  event__field-group--destination">
-      <label class="event__label  event__type-output" for="event-destination-1">
-        Flight
-      </label>
-      <input class="event__input  event__input--destination" id="event-destination-1" type="text" name="event-destination" value="Geneva" list="destination-list-1">
-      <datalist id="destination-list-1">
-        <option value="Amsterdam"></option>
-        <option value="Geneva"></option>
-        <option value="Chamonix"></option>
-      </datalist>
-    </div>
-
-    <div class="event__field-group  event__field-group--time">
-      <label class="visually-hidden" for="event-start-time-1">From</label>
-      <input class="event__input  event__input--time" id="event-start-time-1" type="text" name="event-start-time" value="19/03/19 00:00">
-      &mdash;
-      <label class="visually-hidden" for="event-end-time-1">To</label>
-      <input class="event__input  event__input--time" id="event-end-time-1" type="text" name="event-end-time" value="19/03/19 00:00">
-    </div>
-
-    <div class="event__field-group  event__field-group--price">
-      <label class="event__label" for="event-price-1">
-        <span class="visually-hidden">Price</span>
-        &euro;
-      </label>
-      <input class="event__input  event__input--price" id="event-price-1" type="text" name="event-price" value="">
-    </div>
-
-    <button class="event__save-btn  btn  btn--blue" type="submit">Save</button>
-    <button class="event__reset-btn" type="reset">Cancel</button>
-  </header>
-  <section class="event__details">
-    <section class="event__section  event__section--offers">
-      <h3 class="event__section-title  event__section-title--offers">Offers</h3>
-
-      <div class="event__available-offers">
-        <div class="event__offer-selector">
-          <input class="event__offer-checkbox  visually-hidden" id="event-offer-luggage-1" type="checkbox" name="event-offer-luggage" checked>
-          <label class="event__offer-label" for="event-offer-luggage-1">
-            <span class="event__offer-title">Add luggage</span>
-            &plus;&euro;&nbsp;
-            <span class="event__offer-price">30</span>
-          </label>
-        </div>
-
-        <div class="event__offer-selector">
-          <input class="event__offer-checkbox  visually-hidden" id="event-offer-comfort-1" type="checkbox" name="event-offer-comfort" checked>
-          <label class="event__offer-label" for="event-offer-comfort-1">
-            <span class="event__offer-title">Switch to comfort class</span>
-            &plus;&euro;&nbsp;
-            <span class="event__offer-price">100</span>
-          </label>
-        </div>
-
-        <div class="event__offer-selector">
-          <input class="event__offer-checkbox  visually-hidden" id="event-offer-meal-1" type="checkbox" name="event-offer-meal">
-          <label class="event__offer-label" for="event-offer-meal-1">
-            <span class="event__offer-title">Add meal</span>
-            &plus;&euro;&nbsp;
-            <span class="event__offer-price">15</span>
-          </label>
-        </div>
-
-        <div class="event__offer-selector">
-          <input class="event__offer-checkbox  visually-hidden" id="event-offer-seats-1" type="checkbox" name="event-offer-seats">
-          <label class="event__offer-label" for="event-offer-seats-1">
-            <span class="event__offer-title">Choose seats</span>
-            &plus;&euro;&nbsp;
-            <span class="event__offer-price">5</span>
-          </label>
-        </div>
-
-        <div class="event__offer-selector">
-          <input class="event__offer-checkbox  visually-hidden" id="event-offer-train-1" type="checkbox" name="event-offer-train">
-          <label class="event__offer-label" for="event-offer-train-1">
-            <span class="event__offer-title">Travel by train</span>
-            &plus;&euro;&nbsp;
-            <span class="event__offer-price">40</span>
-          </label>
-        </div>
-      </div>
-    </section>
-
-    <section class="event__section  event__section--destination">
-      <h3 class="event__section-title  event__section-title--destination">Destination</h3>
-      <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>
-
-      <div class="event__photos-container">
-        <div class="event__photos-tape">
-          <img class="event__photo" src="img/photos/1.jpg" alt="Event photo">
-          <img class="event__photo" src="img/photos/2.jpg" alt="Event photo">
-          <img class="event__photo" src="img/photos/3.jpg" alt="Event photo">
-          <img class="event__photo" src="img/photos/4.jpg" alt="Event photo">
-          <img class="event__photo" src="img/photos/5.jpg" alt="Event photo">
-        </div>
-      </div>
-    </section>
-  </section>
-</form>`;
-
-export default class WaypointForm {
-  getTemplate() {
-    return createWaypointFormTemplate();
-  }
-
-  getElement() {
-    if (!this.element) {
-      this.element = createElement(this.getTemplate());
-    }
-
-    return this.element;
-  }
-
-  removeElement() {
-    this.element = null;
-  }
-}
diff --git a/src/view/waypoint.js b/src/view/waypoint.js
deleted file mode 100644
index 9edbe1a..0000000
--- a/src/view/waypoint.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { createElement } from '../render';
-
-const createWaypointTemplate = () => `
-<div class="event">
-  <time class="event__date" datetime="2019-03-18">MAR 18</time>
-  <div class="event__type">
-    <img class="event__type-icon" width="42" height="42" src="img/icons/taxi.png" alt="Event type icon">
-  </div>
-  <h3 class="event__title">Taxi Amsterdam</h3>
-  <div class="event__schedule">
-    <p class="event__time">
-      <time class="event__start-time" datetime="2019-03-18T10:30">10:30</time>
-      &mdash;
-      <time class="event__end-time" datetime="2019-03-18T11:00">11:00</time>
-    </p>
-    <p class="event__duration">30M</p>
-  </div>
-  <p class="event__price">
-    &euro;&nbsp;<span class="event__price-value">20</span>
-  </p>
-  <h4 class="visually-hidden">Offers:</h4>
-  <ul class="event__selected-offers">
-    <li class="event__offer">
-      <span class="event__offer-title">Order Uber</span>
-      &plus;&euro;&nbsp;
-      <span class="event__offer-price">20</span>
-    </li>
-  </ul>
-  <button class="event__favorite-btn event__favorite-btn--active" type="button">
-    <span class="visually-hidden">Add to favorite</span>
-    <svg class="event__favorite-icon" width="28" height="28" viewBox="0 0 28 28">
-      <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"/>
-    </svg>
-  </button>
-  <button class="event__rollup-btn" type="button">
-    <span class="visually-hidden">Open event</span>
-  </button>
-</div>`;
-
-export default class Waypoint {
-  getTemplate() {
-    return createWaypointTemplate();
-  }
-
-  getElement() {
-    if (!this.element) {
-      this.element = createElement(this.getTemplate());
-    }
-
-    return this.element;
-  }
-
-  removeElement() {
-    this.element = null;
-  }
-}
-