diff --git a/client-web/bower.json b/client-web/bower.json
index 4fc1dcd..ef2cfc2 100644
--- a/client-web/bower.json
+++ b/client-web/bower.json
@@ -12,7 +12,9 @@
     "iron-icons": "PolymerElements/iron-icons#^2.1.1",
     "iron-image": "PolymerElements/iron-image#^2.2.0",
     "iron-scroll-threshold": "PolymerElements/iron-scroll-threshold#^2.0.0",
-    "iron-list": "PolymerElements/iron-list#^2.0.13"
+    "iron-list": "PolymerElements/iron-list#^2.0.13",
+    "paper-button": "PolymerElements/paper-button#^2.1.0",
+    "paper-spinner": "PolymerElements/paper-spinner#^2.1.0"
   },
   "devDependencies": {
     "web-component-tester": "Polymer/web-component-tester#^6.0.0",
diff --git a/client-web/src/exlibris-app/actions/exlibris-actions.html b/client-web/src/exlibris-app/actions/exlibris-actions.html
index 44e0e32..fa6cfe1 100644
--- a/client-web/src/exlibris-app/actions/exlibris-actions.html
+++ b/client-web/src/exlibris-app/actions/exlibris-actions.html
@@ -21,5 +21,11 @@
 <script>
     ExlibrisApp.ExlibrisActions = {
         FETCH_BOOKS: "FETCH_BOOKS",
+        FIND_BOOK_BY_ID: "FIND_BOOK_BY_ID",
+        BOOK_RECEIVED: "BOOK_RECEIVED",
+        BOOK_NOT_FOUND: "BOOK_NOT_FOUND",
+        CANCEL_BOOK_RESERVATION: "CANCEL_BOOK_RESERVATION",
+        RESERVE_BOOK: "RESERVE_BOOK",
+        EXTEND_LOAN_PERIOD: "EXTEND_LOAN_PERIOD"
     }
 </script>
diff --git a/client-web/src/exlibris-app/book-values.html b/client-web/src/exlibris-app/book/book-values.html
similarity index 99%
rename from client-web/src/exlibris-app/book-values.html
rename to client-web/src/exlibris-app/book/book-values.html
index d13b58f..8dd0a6d 100644
--- a/client-web/src/exlibris-app/book-values.html
+++ b/client-web/src/exlibris-app/book/book-values.html
@@ -19,7 +19,6 @@
   -->
 
 <script>
-
     ExlibrisApp.BookStatus = {
         OVERDUE: "OVERDUE",
         BORROWED: "BORROWED",
@@ -30,5 +29,4 @@
         EXPECTED: "EXPECTED",
         READY_TO_PICK_UP: "READY_TO_PICK_UP",
     };
-
 </script>
diff --git a/client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html b/client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html
new file mode 100644
index 0000000..edd7aab
--- /dev/null
+++ b/client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html
@@ -0,0 +1,175 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/polymer/lib/elements/dom-if.html">
+
+<dom-module id="exlibris-book-details-redirect-link">
+    <template>
+        <style>
+            :host {
+                @apply --paper-font-body1;
+                white-space: nowrap;
+                margin: 5px 0 5px 0;
+            }
+
+            #link {
+                text-decoration: none;
+                color: var(--paper-blue-600);
+            }
+
+            #link:hover {
+                text-decoration: underline;
+                text-underline-position: under;
+            }
+        </style>
+
+        <template is="dom-if" if="[[_reference.value]]">
+            <a id="link" target="_blank" href="[[_reference.value]]">
+                [[_reference.title]]
+            </a>
+        </template>
+        <template is="dom-if" if="[[!_reference.value]]">
+            <span>[[_reference.title]]</span>
+        </template>
+    </template>
+
+    <script>
+        {
+            String.prototype.format = function () {
+                return [...arguments].reduce((p, c) => p.replace(/%s/, c), this);
+            };
+
+            const BOOK_CODE_PATTERN = {
+                ISBN_10: /^\d{10}$/g,
+                ISBN_13: /^\d{13}$/g,
+                ASIN: /^[\d, A-Z]{10}$/g
+            };
+
+            const EXTERNAL_LINK_TEMPLATE = {
+                AMAZON: 'https://www.amazon.com/%s/dp/%s/',
+                PLAY_BOOKS: 'https://play.google.com/store/search?q=%s&c=books'
+            };
+
+            /**
+             * The book external link component.
+             *
+             * Generates the link to the one of the global book services to
+             * open it in the new tab. The external service choice depends
+             * on the book code format. If the passed code does not satisfy
+             * any pattern, shows it as a plain text.
+             *
+             * @customElement
+             * @polymer
+             */
+            class ExlibrisBookDetailsRedirectLink extends Polymer.Element {
+                static get is() {
+                    return 'exlibris-book-details-redirect-link';
+                }
+
+                static get properties() {
+                    return {
+                        /**
+                         * The book unique code.
+                         * Can be presented in the form of ISBN10, ISBN13 or ASIN.
+                         */
+                        bookCode: String,
+
+                        /**
+                         * The book title.
+                         */
+                        bookTitle: String,
+
+                        /**
+                         * The enum of book code patterns for ISBN10, ISBN13 and ASIN.
+                         */
+                        _bookCodePattern: {
+                            type: Object,
+                            value: BOOK_CODE_PATTERN
+                        },
+
+                        /**
+                         * The enum of external links patterns. Each value is used to
+                         * generate redirect link depending on book code format.
+                         */
+                        _externalLinkTemplate: {
+                            type: Object,
+                            value: EXTERNAL_LINK_TEMPLATE
+                        },
+
+                        /**
+                         * The book external link reference and its title.
+                         *
+                         * @property {string} title the reference title.
+                         * @property {string} value  the link to open in the new tab.
+                         */
+                        _reference: {
+                            type: Object,
+                            computed: "_calculateReference(bookCode, bookTitle)"
+                        }
+                    };
+                }
+
+                /**
+                 * Checks for the passed book code format.
+                 *
+                 * If the `bookCode` matches the `ISBN10` or `ASIN` pattern, generates
+                 * the Amazon book search link.
+                 *
+                 * If the `bookCode` matches the `ISBN13` pattern, generates the Google Play Books
+                 * search link.
+                 *
+                 * If the `bookCode` doesn't match any pattern, returns reference title and
+                 * value of `undefined`.
+                 *
+                 * @param {string} bookCode the book unique code (ISBN, ASIN).
+                 * @param {string} bookTitle the book title.
+                 * @returns {Object} the title and the value of link.
+                 * @private
+                 */
+                _calculateReference(bookCode, bookTitle) {
+                    if (bookCode) {
+                        if (bookCode.match(this._bookCodePattern.ISBN_10)) {
+                            return {
+                                title: 'ISBN: ' + bookCode,
+                                value: this._externalLinkTemplate.AMAZON.format(bookTitle, bookCode)
+                            };
+                        }
+                        if (bookCode.match(this._bookCodePattern.ISBN_13)) {
+                            return {
+                                title: 'ISBN: ' + bookCode,
+                                value: this._externalLinkTemplate.PLAY_BOOKS.format(bookCode)
+                            };
+                        }
+                        if (bookCode.match(this._bookCodePattern.ASIN)) {
+                            return {
+                                title: 'ASIN: ' + bookCode,
+                                value: this._externalLinkTemplate.AMAZON.format(bookTitle, bookCode)
+                            };
+                        }
+                        return {title: 'ISBN: ' + bookCode};
+                    }
+                }
+            }
+
+            window.customElements.define(ExlibrisBookDetailsRedirectLink.is, ExlibrisBookDetailsRedirectLink);
+        }
+    </script>
+</dom-module>
diff --git a/client-web/src/exlibris-app/book/exlibris-book-details.html b/client-web/src/exlibris-app/book/exlibris-book-details.html
new file mode 100644
index 0000000..36b621f
--- /dev/null
+++ b/client-web/src/exlibris-app/book/exlibris-book-details.html
@@ -0,0 +1,552 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/polymer/lib/elements/dom-if.html">
+<link rel="import" href="../../../bower_components/app-route/app-route.html">
+<link rel="import" href="../../../bower_components/paper-button/paper-button.html">
+<link rel="import" href="../../../bower_components/iron-image/iron-image.html">
+<link rel="import" href="../../../bower_components/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../../../bower_components/paper-spinner/paper-spinner-lite.html">
+
+<link rel="import" href="../shell/redux-store.html">
+<link rel="import" href="../actions/exlibris-actions.html">
+<link rel="import" href="./book-values.html">
+<link rel="import" href="./exlibris-book-details-redirect-link.html">
+
+<dom-module id="exlibris-book-details">
+    <template>
+        <style>
+            :host {
+                @apply --layout;
+                @apply --layout-center-justified;
+                margin-top: 10px;
+            }
+
+            #book-card {
+                @apply --layout-vertical;
+                @apply --shadow-elevation-8dp;
+                border-radius: 3px;
+                padding: 25px 36px 30px;
+                max-width: 700px;
+                background-color: var(--primary-background-color);
+                color: var(--light-theme-text-color);
+            }
+
+            #book-card[hidden] {
+                display: none;
+            }
+
+            #loading-spinner {
+                margin-top: 10%;
+            }
+
+            #head-part {
+                @apply --layout-horizontal;
+            }
+
+            #book-cover {
+                @apply --shadow-elevation-4dp;
+                --iron-image-width: 100%;
+            }
+
+            #book-details {
+                @apply --layout-vertical;
+                @apply --layout-justified;
+                width: 70%;
+                padding-left: 30px;
+            }
+
+            #narrow-screen-action-part, #wide-screen-action-part {
+                @apply --paper-font-button;
+                color: var(--light-theme-secondary-color);
+            }
+
+            #narrow-screen-action-part {
+                display: none;
+            }
+
+            paper-button {
+                @apply --paper-font-button;
+                margin: 0;
+                background-color: var(--exlibris-app-primary-color);
+                color: var(--dark-theme-text-color);
+                height: 36px;
+                padding: 0 16px 0 16px;
+            }
+
+            #description {
+                @apply --paper-font-body1;
+                color: var(--exlibris-app-secondary-color);
+                margin-top: 30px;
+            }
+
+            #title {
+                @apply --paper-font-headline;
+            }
+
+            #author {
+                @apply --paper-font-subhead;
+                color: var(--light-theme-secondary-color);
+            }
+
+            #status-message {
+                @apply --paper-font-body2;
+                white-space: pre;
+                margin-top: 20px;
+            }
+
+            @media only screen and (max-width: 900px) {
+                :host {
+                    margin-top: unset;
+                }
+
+                #book-card {
+                    border-radius: 0;
+                    box-shadow: unset;
+                    background-color: unset;
+                    padding: 15px;
+                }
+
+                #book-details {
+                    padding-left: 12px;
+                }
+
+                #wide-screen-action-part {
+                    display: none;
+                }
+
+                #narrow-screen-action-part {
+                    display: block;
+                    margin-top: 15px;
+                }
+
+                #description {
+                    margin-top: 8px;
+                    color: var(--light-theme-text-color);
+                }
+
+                #title {
+                    @apply --paper-font-subhead;
+                }
+
+                #author {
+                    @apply --paper-font-body1;
+                    color: var(--light-theme-text-color);
+                }
+            }
+        </style>
+
+        <app-route
+                route="{{route}}"
+                pattern="/:id/:title"
+                data="{{_routeData}}"></app-route>
+
+        <template is="dom-if" if="[[!_isBookReadyToDisplay]]">
+            <paper-spinner-lite id="loading-spinner" class="thick" active></paper-spinner-lite>
+        </template>
+        <div id="book-card" hidden="[[!_isBookReadyToDisplay]]">
+            <div id="head-part">
+                <iron-image id="book-cover" src="[[_book.image]]"
+                            on-loading-changed="_coverLoadingChanged"></iron-image>
+                <div id="book-details">
+                    <div>
+                        <div id="title">[[_book.title]]</div>
+                        <div id="author">[[_book.author]]</div>
+                        <exlibris-book-details-redirect-link book-code="[[_book.isbn]]"
+                                                             book-title="[[_book.title]]"></exlibris-book-details-redirect-link>
+                        <div id="status-message">[[_statusMessage]]</div>
+                    </div>
+                    <div id="wide-screen-action-part">
+                        <paper-button raised
+                                      on-click="_handleButtonClick"
+                                      hidden="[[!_button]]">
+                            [[_button.title]]
+                        </paper-button>
+                        <span>[[_actionUnsupportedMessage]]</span>
+                    </div>
+                </div>
+            </div>
+            <div id="narrow-screen-action-part">
+                <paper-button on-click="_handleButtonClick"
+                              hidden="[[!_button]]">
+                    [[_button.title]]
+                </paper-button>
+                <span>[[_actionUnsupportedMessage]]</span>
+            </div>
+            <div id="description">
+                [[_book.description]]
+            </div>
+        </div>
+    </template>
+
+    <script>
+        /**
+         * The book details page component.
+         *
+         * This component allows to display a book details page with a book
+         * specific messages, a book cover and a button when it is supported.
+         * A book is specified by a route which contains a book Id.
+         *
+         * @customElement
+         * @polymer
+         * @appliesMixin ExlibrisApp.ReduxMixin
+         */
+        class ExlibrisBookDetails extends ExlibrisApp.ReduxMixin(Polymer.Element) {
+            static get is() {
+                return 'exlibris-book-details';
+            }
+
+            static get properties() {
+                return {
+                    /**
+                     * Fired when the book loading process has completed with failure.
+                     *
+                     * @event exlibris-book-details-not-found
+                     * @param {{detail.path: string}} a route path which caused a book loading failure.
+                     */
+
+                    /**
+                     * A URL part that defines the book Id.
+                     * Should match the pattern `/:id/:title`
+                     */
+                    route: String,
+
+                    /**
+                     * A book object to display.
+                     *
+                     * @type {{
+                     *          id: string,
+                     *          title: string,
+                     *          image: string,
+                     *          author: string,
+                     *          category: string,
+                     *          availableCount: number,
+                     *          isAllowedLoanExtension: boolean|undefined,
+                     *          date: Date|undefined,
+                     *          dueDate: Date|undefined,
+                     *          status: string
+                     *        }}
+                     */
+                    _book: {
+                        type: Object,
+                        statePath: 'bookDetails.book'
+                    },
+
+                    /**
+                     * A book loading status.
+                     */
+                    _loading: {
+                        type: Boolean,
+                        statePath: "bookDetails.loading"
+                    },
+
+                    /**
+                     * Indicates a book loading failure.
+                     */
+                    _notFound: {
+                        type: Boolean,
+                        statePath: "bookDetails.notFound",
+                        observer: "_notFoundChanged"
+                    },
+
+                    /**
+                     * A book details button.
+                     *
+                     * @type {{title: string, clickHandler: function} | null}
+                     */
+                    _button: {
+                        type: Object,
+                        computed: '_chooseButton(_book.status, _book.isAllowedLoanExtension)'
+                    },
+
+                    /**
+                     * A message reflecting a status of a book.
+                     */
+                    _statusMessage: {
+                        type: String,
+                        computed: '_calculateStatusMessage(_book)'
+                    },
+
+                    /**
+                     * A message about a status of a book.
+                     * Shown instead of a button when it is not supported for a book.
+                     */
+                    _actionUnsupportedMessage: {
+                        type: String,
+                        computed: '_calculateActionUnsupportedMessage(_book.status, _book.isAllowedLoanExtension)'
+                    },
+
+                    /**
+                     * Contains a resolved route parameters.
+                     *
+                     * @type {{title: string, id: string} | null}
+                     */
+                    _routeData: {
+                        type: Object,
+                        observer: "_routeDataChanged"
+                    },
+
+                    /**
+                     * Indicates that the book was loaded and its cover image is ready to be displayed.
+                     *
+                     * Used as a trigger to show `loading in progress` spinner.
+                     */
+                    _isBookReadyToDisplay: {
+                        type: Boolean,
+                        value: false
+                    }
+                };
+            }
+
+            static get actions() {
+                return {
+                    findBookById(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.FIND_BOOK_BY_ID,
+                            bookId: bookId
+                        }
+                    },
+                    reserveBook(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.RESERVE_BOOK,
+                            bookId: bookId
+                        }
+                    },
+                    cancelBookReservation(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.CANCEL_BOOK_RESERVATION,
+                            bookId: bookId
+                        }
+                    },
+                    extendBookLoanPeriod(bookId) {
+                        return {
+                            type: ExlibrisApp.ExlibrisActions.EXTEND_LOAN_PERIOD,
+                            bookId: bookId
+                        }
+                    }
+                }
+            }
+
+            /**
+             * Dispatches an action to find the book by Id.
+             *
+             * @param {{title: string, id: string}} routeData the resolved route parameters.
+             * @private
+             */
+            _routeDataChanged(routeData) {
+                if (this.route && this.route.prefix === '/book-details' && routeData.id) {
+                    this.dispatch('findBookById', routeData.id);
+                    this.__imitateServerResponse(routeData.id);
+                }
+            }
+
+            /**
+             * Sets an appropriate button title and a click handler function
+             * according to the passed book parameters.
+             *
+             * @param {string} status
+             *              a book status represented by one of the ExlibrisApp.BookStatus values.
+             * @param {boolean} isAllowedLoanExtension
+             *              indicates loan extension possibility for borrowed books.
+             * @returns {{title: string, clickHandler: function}}
+             *              a title and a click handler function of a button for the specified
+             *              book parameters.
+             * @private
+             */
+            _chooseButton(status, isAllowedLoanExtension) {
+                switch (status) {
+                    case ExlibrisApp.BookStatus.EXPECTED_SOON:
+                    case ExlibrisApp.BookStatus.EXPECTED: {
+                        return {
+                            title: 'RESERVE',
+                            clickHandler: this._requestReservation.bind(this)
+                        };
+                    }
+                    case ExlibrisApp.BookStatus.OVERDUE:
+                    case ExlibrisApp.BookStatus.BORROWED:
+                    case ExlibrisApp.BookStatus.SHOULD_RETURN_SOON: {
+                        if (isAllowedLoanExtension) {
+                            return {
+                                title: 'EXTEND LOAN PERIOD',
+                                clickHandler: this._requestLoanExtension.bind(this)
+                            };
+                        }
+                        break;
+                    }
+                    case ExlibrisApp.BookStatus.RESERVED:
+                    case ExlibrisApp.BookStatus.READY_TO_PICK_UP: {
+                        return {
+                            title: 'CANCEL RESERVATION',
+                            clickHandler: this._requestCancelReservation.bind(this)
+                        };
+                    }
+                    default:
+                        return null;
+                }
+            }
+
+            /**
+             * Calculates an appropriate status message
+             * according to the passed book.
+             *
+             * @param {Book} book a book object.
+             * @returns {string} a status message for the specified book.
+             * @private
+             */
+            _calculateStatusMessage(book) {
+                if (book) {
+                    switch (book.status) {
+                        case ExlibrisApp.BookStatus.AVAILABLE: {
+                            return book.availableCount ? book.availableCount + ' available.\nScan QR code to borrow.' : '';
+                        }
+                        case ExlibrisApp.BookStatus.EXPECTED: {
+                            return 'Book not available.';
+                        }
+                        case ExlibrisApp.BookStatus.EXPECTED_SOON: {
+                            return 'Arriving to library shortly.';
+                        }
+                        case ExlibrisApp.BookStatus.OVERDUE: {
+                            if (book.dueDate) {
+                                const now = new Date();
+                                const numberOfOverdueDays = now.getDate() - book.dueDate.getDate();
+                                return numberOfOverdueDays + ' days overdue.';
+                            }
+                            break;
+                        }
+                        case ExlibrisApp.BookStatus.READY_TO_PICK_UP: {
+                            return book.date ? 'Book is ready to pick up.\nBorrow it before ' + book.date.toLocaleDateString() : '';
+                        }
+                        case ExlibrisApp.BookStatus.RESERVED: {
+                            return book.date ? 'Reserved for you.\nExpected on ' + book.date.toLocaleDateString() : '';
+                        }
+                        case ExlibrisApp.BookStatus.BORROWED:
+                        case ExlibrisApp.BookStatus.SHOULD_RETURN_SOON: {
+                            return book.dueDate ? 'Borrowed by you.\nReturn before ' + book.dueDate.toLocaleDateString() : '';
+                        }
+                    }
+                }
+            }
+
+            /**
+             * Calculates an appropriate message if a button is not supported
+             * for the passed book.
+             *
+             * @param {string} bookStatus a book status represented by one of the ExlibrisApp.BookStatus values.
+             * @param {boolean} isAllowedLoanExtension indicates is there ability to extend loan or not.
+             * @returns {string} a message to show when an action button is not supported
+             *                   for the specified book.
+             * @private
+             */
+            _calculateActionUnsupportedMessage(bookStatus, isAllowedLoanExtension) {
+                if ((ExlibrisApp.BookStatus.BORROWED === bookStatus
+                        || ExlibrisApp.BookStatus.SHOULD_RETURN_SOON === bookStatus
+                        || ExlibrisApp.BookStatus.OVERDUE === bookStatus) &&
+                    !isAllowedLoanExtension) return 'RESERVED BY ANOTHER READER';
+            }
+
+            /**
+             * Fires a custom event when a book loading process has completed with failure.
+             *
+             * @param {boolean} notFound shows is a book loading process has completed with failure.
+             * @private
+             */
+            _notFoundChanged(notFound) {
+                if (notFound) {
+                    this.dispatchEvent(new CustomEvent('exlibris-book-details-not-found', {detail: {path: this.route.path}}));
+                }
+            }
+
+            /**
+             * Monitors a book cover loading changes.
+             *
+             * This process is the most time-consuming after the book has been received. Sets the
+             * `_isBookReadyToDisplay` property to `true` when the book is received without failures
+             * and the cover loading process has finished.
+             *
+             * @param {CustomEvent} e fired when a book cover `loading` property changes.
+             * @private
+             */
+            _coverLoadingChanged(e) {
+                const imageIsLoading = e.detail.value;
+                this._isBookReadyToDisplay = !this._loading && !this._notFound && this._book && !imageIsLoading;
+            }
+
+            /**
+             * Handles the button click.
+             * Calls the button's `clickHandler` function.
+             *
+             * @private
+             */
+            _handleButtonClick() {
+                this._button.clickHandler();
+            }
+
+            /**
+             * Handles the `CANCEL RESERVATION` button click.
+             *
+             * @private
+             */
+            _requestCancelReservation() {
+                this.dispatch('cancelBookReservation', this._book.id);
+            }
+
+            /**
+             * Handles the `RESERVE` button click.
+             *
+             * @private
+             */
+            _requestReservation() {
+                this.dispatch('reserveBook', this._book.id);
+            }
+
+            /**
+             * Handles the `EXTEND LOAN PERIOD` button click.
+             *
+             * @private
+             */
+            _requestLoanExtension() {
+                this.dispatch('extendBookLoanPeriod', this._book.id);
+            }
+
+            // The temporary server response imitation
+            __imitateServerResponse(bookId) {
+                const random = Math.round(Math.random());
+                const SERVER_RESPONSE_DELAY = 1000;
+                if (random) {
+                    setTimeout(() => {
+                        this.dispatch({
+                            type: ExlibrisApp.ExlibrisActions.BOOK_NOT_FOUND,
+                        });
+                    }, SERVER_RESPONSE_DELAY);
+                } else {
+                    setTimeout(() => {
+                        this.dispatch({
+                            type: ExlibrisApp.ExlibrisActions.BOOK_RECEIVED,
+                            bookId: bookId
+                        });
+                    }, SERVER_RESPONSE_DELAY);
+                }
+            }
+        }
+
+        window.customElements.define(ExlibrisBookDetails.is, ExlibrisBookDetails);
+    </script>
+</dom-module>
diff --git a/client-web/src/exlibris-app/exlibris-book-grid.html b/client-web/src/exlibris-app/book/exlibris-book-grid.html
similarity index 87%
rename from client-web/src/exlibris-app/exlibris-book-grid.html
rename to client-web/src/exlibris-app/book/exlibris-book-grid.html
index 20fa5f2..0b1a161 100644
--- a/client-web/src/exlibris-app/exlibris-book-grid.html
+++ b/client-web/src/exlibris-app/book/exlibris-book-grid.html
@@ -18,12 +18,12 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 
-<link rel="import" href="../../bower_components/polymer/polymer-element.html">
-<link rel="import" href="../../bower_components/iron-list/iron-list.html">
-<link rel="import" href="../../bower_components/paper-styles/typography.html">
-<link rel="import" href="../../bower_components/iron-scroll-threshold/iron-scroll-threshold.html">
-
-<link rel="import" href="../exlibris-app/exlibris-book-tile.html">
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/polymer/lib/elements/dom-if.html">
+<link rel="import" href="../../../bower_components/iron-list/iron-list.html">
+<link rel="import"
+      href="../../../bower_components/iron-scroll-threshold/iron-scroll-threshold.html">
+<link rel="import" href="./exlibris-book-tile.html">
 <link rel="import" href="./book-values.html">
 
 <dom-module id="exlibris-book-grid">
@@ -44,11 +44,10 @@
 
         <iron-list items="[[books]]" as="book" scroll-target="document" grid>
             <template>
-                    <exlibris-book-tile book="[[book]]"></exlibris-book-tile>
+                <exlibris-book-tile book="[[book]]"></exlibris-book-tile>
             </template>
         </iron-list>
 
-
         <!-- this element loads more books when the user scrolls down and reached the lower threshold -->
         <iron-scroll-threshold lower-threshold="30"
                                on-lower-threshold="_onLowerThreshold"
diff --git a/client-web/src/exlibris-app/exlibris-book-tile.html b/client-web/src/exlibris-app/book/exlibris-book-tile.html
similarity index 96%
rename from client-web/src/exlibris-app/exlibris-book-tile.html
rename to client-web/src/exlibris-app/book/exlibris-book-tile.html
index dcc080b..5076a22 100644
--- a/client-web/src/exlibris-app/exlibris-book-tile.html
+++ b/client-web/src/exlibris-app/book/exlibris-book-tile.html
@@ -17,11 +17,9 @@
   ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
-<link rel="import" href="../../bower_components/polymer/polymer-element.html">
-<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
-<link rel="import" href="../../bower_components/iron-image/iron-image.html">
-
-<link rel="import" href="./global-style.html">
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../../bower_components/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../../../bower_components/iron-image/iron-image.html">
 <link rel="import" href="./book-values.html">
 
 <dom-module id="exlibris-book-tile">
diff --git a/client-web/src/exlibris-app/exlibris-app.html b/client-web/src/exlibris-app/exlibris-app.html
index 553de66..d7bcfb9 100644
--- a/client-web/src/exlibris-app/exlibris-app.html
+++ b/client-web/src/exlibris-app/exlibris-app.html
@@ -39,8 +39,8 @@
 <link rel="import" href="./menu/exlibris-menu-drawer.html">
 <link rel="import" href="./shell/redux-store.html">
 <link rel="import" href="./global-style.html">
-<link rel="import" href="./exlibris-book-grid.html">
-
+<link rel="import" href="./book/exlibris-book-details.html">
+<link rel="import" href="./book/exlibris-book-grid.html">
 <dom-module id="exlibris-app">
     <template>
         <style>
@@ -75,7 +75,8 @@
         <app-route
                 route="{{route}}"
                 pattern="/:page"
-                data="{{routeData}}"></app-route>
+                data="{{routeData}}"
+                tail="{{subRoute}}"></app-route>
 
         <app-drawer-layout fullbleed narrow="{{narrow}}">
             <!-- Drawer content -->
@@ -86,6 +87,7 @@
                                       reserved-count="[[reservedBooks.length]]"
                                       borrowed-count="[[borrowedBooks.length]]"></exlibris-menu-drawer>
             </app-drawer>
+
             <!-- Main content -->
             <app-header-layout has-scrolling-region>
                 <app-header slot="header" fixed>
@@ -96,6 +98,7 @@
                     </app-toolbar>
                 </app-header>
                 <iron-pages
+                        id="pages"
                         selected="[[routeData.page]]"
                         attr-for-selected="data-page"
                         fallback-selection="view404"
@@ -119,11 +122,15 @@
                     <exlibris-book-grid data-page="should-return-books"
                                         books="[[shouldReturnBooks]]"
                                         no-books-message="[[noBooksMessage.SHOULD_RETURN_SOON]]"></exlibris-book-grid>
+                    <exlibris-book-details data-page="book-details"
+                                           route="[[subRoute]]"
+                                           on-exlibris-book-details-not-found="_showView404"></exlibris-book-details>
                     <div data-page="view404">View404</div>
                 </iron-pages>
             </app-header-layout>
         </app-drawer-layout>
     </template>
+
     <script>
         {
             const EmptyArrayMessage = {
@@ -235,7 +242,8 @@
                                 ['borrowed-books']: 'Borrowed Books',
                                 ['reserved-books']: 'Reserved Books',
                                 ['should-return-books']: 'Should Return Books',
-                                ['overdue-books']: 'Overdue Books'
+                                ['overdue-books']: 'Overdue Books',
+                                ['book-details']: 'Book Details'
                             }
                         }
                     };
@@ -290,6 +298,10 @@
                 _handleLowerThreshold() {
                     this.dispatch('fetchBooks');
                 }
+
+                _showView404(){
+                    this.$.pages.select('view404');
+                }
             }
 
             window.customElements.define(ExlibrisMainApp.is, ExlibrisMainApp);
diff --git a/client-web/src/exlibris-app/reducers/exlibris-reducer.html b/client-web/src/exlibris-app/reducers/exlibris-reducer.html
index fae699a..08e0d24 100644
--- a/client-web/src/exlibris-app/reducers/exlibris-reducer.html
+++ b/client-web/src/exlibris-app/reducers/exlibris-reducer.html
@@ -18,7 +18,7 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 <script src="../test_values.js"></script>
-<link rel="import" href="../book-values.html">
+<link rel="import" href="../book/book-values.html">
 <link rel="import" href="../actions/exlibris-actions.html">
 
 <script>
@@ -30,7 +30,12 @@
             shouldReturnBooks: userTestBooks.shouldReturnSoon,
             reservedBooks: userTestBooks.reserved,
             allBooks: [...userTestBooks.overdue, ...libraryTestBooks],
-            expectedSoonBooks: expectedSoonLibraryBooks
+            expectedSoonBooks: expectedSoonLibraryBooks,
+            bookDetails: {
+                book: null,
+                loading: false,
+                notFound: false
+            }
         };
 
         ExlibrisApp.reducer = (state = initialState, action) => {
@@ -39,6 +44,60 @@
                     //TODO:2018-55-17:yurii.haidamaka add data loading from the server
                     return state;
                 }
+                case ExlibrisApp.ExlibrisActions.FIND_BOOK_BY_ID: {
+                    // TODO:2018-06-11:yegor.udovchenko: Request book from the server by id
+                    return Object.assign({}, state, {
+                        bookDetails: {
+                            book: null,
+                            loading: true,
+                            notFound: false
+                        }
+                    });
+                }
+
+                case ExlibrisApp.ExlibrisActions.BOOK_RECEIVED: {
+                    // Searching for a book in a local data.
+                    // Should be removed when implement server response
+                    const id = action.bookId;
+                    const book = [
+                        ...state.allBooks,
+                        ...state.expectedSoonBooks,
+                        ...state.borrowedBooks,
+                        ...state.reservedBooks].find((item) => item.id === id);
+                    return Object.assign({}, state, {
+                        bookDetails: {
+                            book: book,
+                            loading: false,
+                            notFound: false
+                        }
+                    });
+                }
+
+                case ExlibrisApp.ExlibrisActions.BOOK_NOT_FOUND: {
+                    return Object.assign({}, state, {
+                        bookDetails: {
+                            book: null,
+                            loading: false,
+                            notFound: true
+                        }
+                    });
+                }
+
+                case ExlibrisApp.ExlibrisActions.RESERVE_BOOK: {
+                    //TODO:2018-21-18:yegor.udovchenko: request reservation
+                    return state;
+                }
+
+                case ExlibrisApp.ExlibrisActions.CANCEL_BOOK_RESERVATION: {
+                    //TODO:2018-21-18:yegor.udovchenko: request cancel reservation
+                    return state;
+                }
+
+                case ExlibrisApp.ExlibrisActions.EXTEND_LOAN_PERIOD: {
+                    //TODO:2018-22-18:yegor.udovchenko: request loan extension
+                    return state;
+                }
+
                 default:
                     return state;
             }
diff --git a/client-web/src/exlibris-app/test_values.js b/client-web/src/exlibris-app/test_values.js
index d8af86e..b800dc3 100644
--- a/client-web/src/exlibris-app/test_values.js
+++ b/client-web/src/exlibris-app/test_values.js
@@ -32,6 +32,7 @@ const libraryTestBooks = [
         title: "Прежде Чем Он Согрешит ",
         image: "https://books.google.com/books/content/images/frontcover/uVVMDwAAQBAJ?fife=w200-h300",
         author: "Блейк Пирс",
+        isbn: "9781640293663dsd",
         category: "Fiction ",
         description: "Блейк Пирс, автор бестселлера «КОГДА ОНА УШЛА» (бестселлера #1 с более чем 900 отзывов с высшей оценкой), представляет книгу #7 в увлекательной серии детективных романов о Макензи Уайт.\n" +
         "В «ПРЕЖДЕ ЧЕМ ОН СОГРЕШИТ» (Загадки Макензи Уайт—Книга 7) по всему Вашингтону полиция находит тела священников, распятые перед входом в храмы. Что это, акт возмездия? Искать ли преступника среди служителей церкви? Или это серийный убийца, открывший охоту на священников и движимый более зловещими мотивами?\n" +
@@ -48,6 +49,7 @@ const libraryTestBooks = [
         title: "The Martian",
         image: "https://books.google.com/books/content/images/frontcover/gdxlAQAAQBAJ?fife=w200-h300",
         author: "Andy Weir",
+        isbn: "B017PNMYSK",
         category: "Fiction",
         description: "The Sunday Times Bestseller behind the major new film from Ridley Scott starring Matt Damon and Jessica Chastain.\n" +
         "I’m stranded on Mars.\n" +
@@ -65,10 +67,11 @@ const libraryTestBooks = [
         status: "EXPECTED"
     }, {
 
-        id: "8535902772",
+        id: "0132350882",
         title: "Clean Code: A Handbook of Agile Software Craftsmanship",
         image: "https://books.google.com/books/content/images/frontcover/_i6bDeoCQzsC?fife=w200-h300",
         author: "Robert C. Martin",
+        isbn: "0132350882",
         category: "Programming",
         description: "Even bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year, countless hours and significant resources are lost because of poorly written code. But it doesn’t have to be that way.\n" +
         "\n" +
@@ -89,10 +92,11 @@ const libraryTestBooks = [
         availableCount: 4,
         status: "AVAILABLE"
     }, {
-        id: "8535902773",
+        id: "0596527756",
         title: "Java Generics and Collections: Speed Up the Java Development Process",
         image: "https://books.google.com/books/content/images/frontcover/zaoK0Z2STlkC?fife=w200-h300",
         author: "Maurice Naftalin",
+        isbn: "0596527756",
         category: "Java programming",
         description: "This comprehensive guide shows you how to master the most importantchanges to Java since it was first released. Generics and the greatlyexpanded collection libraries have tremendously increased the power ofJava 5 and Java 6. But they have also confused many developers whohaven't known how to take advantage of these new features.\n" +
         "Java Generics and Collections covers everything from the mostbasic uses of generics to the strangest corner cases. It teaches youeverything you need to know about the collections libraries, so you'llalways know which collection is appropriate for any given task, andhow to use it.\n" +
@@ -113,10 +117,11 @@ const libraryTestBooks = [
         status: "EXPECTED"
     }, {
 
-        id: "8535902774",
+        id: "0321563840",
         title: "The C++ Programming Language: Edition 4",
         image: "https://books.google.com/books/content/images/frontcover/PSUNAAAAQBAJ?fife=w200-h300",
         author: "Bjarne Stroustrup",
+        isbn: "0321563840",
         category: "C++",
         description: "The new C++11 standard allows programmers to express ideas more clearly, simply, and directly, and to write faster, more efficient code. Bjarne Stroustrup, the designer and original implementer of C++, has reorganized, extended, and completely rewritten his definitive reference and tutorial for programmers who want to use C++ most effectively.\n" +
         "The C++ Programming Language, Fourth Edition, delivers meticulous, richly explained, and integrated coverage of the entire language—its facilities, abstraction mechanisms, standard libraries, and key design techniques. Throughout, Stroustrup presents concise, “pure C++11” examples, which have been carefully crafted to clarify both usage and program design. To promote deeper understanding, the author provides extensive cross-references, both within the book and to the ISO standard.\n" +
@@ -141,10 +146,11 @@ const libraryTestBooks = [
         availableCount: 6,
         status: "AVAILABLE"
     }, {
-        id: "8535902776",
+        id: "0753555638",
         title: "Elon Musk: How the Billionaire CEO of SpaceX and Tesla is Shaping our Future",
         image: "https://books.google.com/books/content/images/frontcover/_LFSBgAAQBAJ?fife=w200-h300",
         author: "Ashlee Vance",
+        isbn: "0753555638",
         category: "Biography",
         description: "Explore the whole new world of web development and create responsive web apps using PolymerAbout This Book\n" +
         "Get to grips with the principles of Material Design and Google Web components\n" +
@@ -173,10 +179,11 @@ const libraryTestBooks = [
         status: "AVAILABLE"
     }, {
 
-        id: "8535902777",
+        id: "0321965515",
         title: "Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability, Edition 3",
         image: "https://books.google.com/books/content/images/frontcover/QlduAgAAQBAJ?fife=w200-h300",
         author: "Steve Krug",
+        isbn: "0321965515",
         category: "Web Design",
         description: "Since Don’t Make Me Think was first published in 2000, hundreds of thousands of Web designers and developers have relied on usability guru Steve Krug’s guide to help them understand the principles of intuitive navigation and information design. Witty, commonsensical, and eminently practical, it’s one of the best-loved and most recommended books on the subject.\n" +
         "\n" +
@@ -190,28 +197,31 @@ const libraryTestBooks = [
         availableCount: 10,
         status: "AVAILABLE"
     }, {
-        id: "8535902778",
+        id: "1617292575",
         title: "Node.js в действии. 2-е издание",
         image: "https://books.google.com/books/content/images/frontcover/s9VMDwAAQBAJ?fife=w200-h300",
         author: "Кантелон МайкХартер МаркГоловайчук TJРайлих Натан",
+        isbn: "1617292575",
         description: "Реактивное программирование - совершенно новая и многообещающая парадигма, позволяющая эффективно решать задачи, связанные с созданием распределенных систем и программированием для JVM. Эта книга расскажет, как организовать поток задач, наладить обмен сообщениями между элементами программы, обеспечить параллельную и конкурентную обработку и создавать надежные, отказоустойчивые и гибкие приложения. Перед вами - основополагающая работа по шаблонам проектирования (design patterns) этой парадигмы. Книга проиллюстрирована многочисленными примерами и ориентирована на опытных Java- и Scala-разработчиков",
         availableCount: 11,
         status: "AVAILABLE"
     }, {
 
-        id: "8535902779",
+        id: "9781491931776",
         title: "React.js. Быстрый старт",
         image: "https://books.google.com/books/content/images/frontcover/g79TDgAAQBAJ?fife=w200-h300",
         author: "Стоян Стефанов",
+        isbn: "9781491931776",
         description: "Незаменимая вводная книга по технологии React для взыскательных JavaScript-разработчиков. Все самое интересное о сверхпопулярном инструменте от компании Facebook. В книге рассмотрены основные концепции высокопроизводительного программирования при помощи React, реальные примеры кода и доступные блок-схемы. Прочитав ее, вы научитесь: • Создавать и использовать собственные компоненты React наряду с универсальными компонентами DOM • Писать компоненты для таблиц данных, позволяющие редактировать, сортировать таблицу, выполнять в ней поиск и экспортировать ее содержимое • Использовать дополнительный синтаксис JSX в качестве альтернативы для вызовов функций • Запускать низкоуровневый гибкий процесс сборки, который освободит вам время и поможет сосредоточиться на работе с React • Работать с инструментами ESLint, Flow и Jest, позволяющими проверять и тестировать код по мере разработки приложения • Обеспечивать коммуникацию между компонентами при помощи Flux В итоге у вас получится полноценное веб-приложение, позволяющее сохранять данные на стороне клиента.",
         availableCount: 0,
         status: "EXPECTED"
     }, {
 
-        id: "8535902710",
+        id: "1782168877",
         title: "Game Programming Using Qt: Beginner's Guide",
         image: "https://books.google.com/books/content/images/frontcover/6F0dDAAAQBAJ?fife=w200-h300",
         author: "Witold WysotaLorenz Haas",
+        isbn: "1782168877",
         category: "Programming",
         description: "A complete guide to designing and building fun games with Qt and Qt Quick 2 using associated toolsetsAbout This Book\n" +
         "Learn to create simple 2D to complex 3D graphics and games using all possible tools and widgets available for game development in Qt\n" +
@@ -241,19 +251,21 @@ const libraryTestBooks = [
         status: "AVAILABLE"
     }, {
 
-        id: "8535902711",
+        id: "1484228073",
         title: "Pro Spring 5: An In-Depth Guide to the Spring Framework and Its Tools, Edition 5",
         image: "https://books.google.com/books/content/images/frontcover/N-U5DwAAQBAJ?fife=w200-h300",
         author: "Iuliana CosminaRob HarropChris SchaeferClarence Ho",
+        isbn: "1484228073",
         category: "Java Programming",
         description: "",
         availableCount: 286,
         status: "AVAILABLE"
     }, {
-        id: "8535902712",
+        id: "0596517742",
         title: "JavaScript: The Good Parts: The Good Parts",
         image: "https://books.google.com/books/content/images/frontcover/PXa2bby0oQ0C?fife=w200-h300",
         author: "Douglas Crockford",
+        isbn: "0596517742",
         category: "JavaScript",
         description: "Most programming languages contain good and bad parts, but JavaScript has more than its share of the bad, having been developed and released in a hurry before it could be refined. This authoritative book scrapes away these bad features to reveal a subset of JavaScript that's more reliable, readable, and maintainable than the language as a whole—a subset you can use to create truly extensible and efficient code.\n" +
         "Considered the JavaScript expert by many people in the development community, author Douglas Crockford identifies the abundance of good ideas that make JavaScript an outstanding object-oriented programming language-ideas such as functions, loose typing, dynamic objects, and an expressive object literal notation. Unfortunately, these good ideas are mixed in with bad and downright awful ideas, like a programming model based on global variables.\n" +
@@ -275,10 +287,11 @@ const libraryTestBooks = [
         availableCount: 15,
         status: "AVAILABLE"
     }, {
-        id: "8535902713",
+        id: "9351108511",
         title: "Java in a Nutshell: A Desktop Quick Reference, Edition 6",
         image: "https://books.google.com/books/content/images/frontcover/trDXBAAAQBAJ?fife=w200-h300",
         author: "Benjamin J EvansDavid Flanagan",
+        isbn: "9351108511",
         category: "Java Programming",
         description: "The latest edition of Java in a Nutshell is designed to help experienced Java programmers get the most out of Java 7 and 8, but it’s also a learning path for new developers. Chock full of examples that demonstrate how to take complete advantage of modern Java APIs and development best practices, the first section of this thoroughly updated book provides a fast-paced, no-fluff introduction to the Java programming language and the core runtime aspects of the Java platform.\n" +
         "The second section is a reference to core concepts and APIs that shows you how to perform real programming work in the Java environment.\n" +
@@ -295,10 +308,11 @@ const libraryTestBooks = [
         availableCount: 5,
         status: "AVAILABLE"
     }, {
-        id: "8535902714",
+        id: "1491904240",
         title: "You Don't Know JS: ES6 & Beyond",
         image: "https://books.google.com/books/content/images/frontcover/iOc6CwAAQBAJ?fife=w200-h300",
         author: "Kyle Simpson",
+        isbn: '1491904240',
         category: "JavaScript",
         description: "No matter how much experience you have with JavaScript, odds are you don’t fully understand the language. As part of the \"You Don’t Know JS\" series, this compact guide focuses on new features available in ECMAScript 6 (ES6), the latest version of the standard upon which JavaScript is built.\n" +
         "Like other books in this series, You Don’t Know JS: ES6 & Beyond dives into trickier parts of the language that many JavaScript programmers either avoid or know nothing about. Armed with this knowledge, you can achieve true JavaScript mastery.\n" +
@@ -315,10 +329,11 @@ const libraryTestBooks = [
         availableCount: 1,
         status: "AVAILABLE"
     }, {
-        id: "8535902715",
+        id: "9781640293663",
         title: "Прежде Чем Он Согрешит ",
         image: "https://books.google.com/books/content/images/frontcover/uVVMDwAAQBAJ?fife=w200-h300",
         author: "Блейк Пирс",
+        isbn: "9781640293663",
         category: "Fiction ",
         description: "Блейк Пирс, автор бестселлера «КОГДА ОНА УШЛА» (бестселлера #1 с более чем 900 отзывов с высшей оценкой), представляет книгу #7 в увлекательной серии детективных романов о Макензи Уайт.\n" +
         "В «ПРЕЖДЕ ЧЕМ ОН СОГРЕШИТ» (Загадки Макензи Уайт—Книга 7) по всему Вашингтону полиция находит тела священников, распятые перед входом в храмы. Что это, акт возмездия? Искать ли преступника среди служителей церкви? Или это серийный убийца, открывший охоту на священников и движимый более зловещими мотивами?\n" +
@@ -335,6 +350,7 @@ const libraryTestBooks = [
         title: "The Martian",
         image: "https://books.google.com/books/content/images/frontcover/gdxlAQAAQBAJ?fife=w200-h300",
         author: "Andy Weir",
+        isbn: "B017PNMYSK",
         category: "Fiction ",
         description: "The Sunday Times Bestseller behind the major new film from Ridley Scott starring Matt Damon and Jessica Chastain.\n" +
         "I’m stranded on Mars.\n" +
@@ -355,6 +371,7 @@ const libraryTestBooks = [
         title: "Clean Code: A Handbook of Agile Software Craftsmanship",
         image: "https://books.google.com/books/content/images/frontcover/_i6bDeoCQzsC?fife=w200-h300",
         author: "Robert C. Martin",
+        isbn: "0132350882",
         category: "Programming",
         description: "Even bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year, countless hours and significant resources are lost because of poorly written code. But it doesn’t have to be that way.\n" +
         "\n" +
@@ -684,7 +701,8 @@ const userTestBooks = {
             "Style and approach\n" +
             "This is your guide to designing custom web components, and the concepts are explained in a conversational and easy-to-follow style. Each topic is explained through examples, with detailed explanations wherever required.",
             dueDate: new Date(new Date().getTime() + TWO_WEEKS * MILLISECONDS_IN_ONE_DAY),
-            status: "BORROWED"
+            status: "BORROWED",
+            isAllowedLoanExtension: true
         }],
         overdue: [{
             id: "8535902722",
@@ -699,7 +717,8 @@ const userTestBooks = {
             "Quick Start Guide to JavaFX by J.F. DiMarzio\n" +
             "Mastering JavaFX 8 Controls: Create Custom JavaFX 8 Controls for Cross-Platform Applications by Hendrik Ebbers",
             dueDate: new Date(new Date().getTime() - TWO_DAYS * MILLISECONDS_IN_ONE_DAY),
-            status: "OVERDUE"
+            status: "OVERDUE",
+            isAllowedLoanExtension: false
         }],
         shouldReturnSoon: [{
             id: "8535902724",
@@ -731,7 +750,8 @@ const userTestBooks = {
             "Style and approach\n" +
             "This is your guide to designing custom web components, and the concepts are explained in a conversational and easy-to-follow style. Each topic is explained through examples, with detailed explanations wherever required.",
             dueDate: new Date(new Date().getTime() + THREE_DAYS * MILLISECONDS_IN_ONE_DAY),
-            status: "BORROWED"
+            status: "BORROWED",
+            isAllowedLoanExtension: false
         }]
     }
 ;
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details-buttons_test.html b/client-web/test/exlibris-app/book/exlibris-book-details-buttons_test.html
new file mode 100644
index 0000000..8c9a65f
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details-buttons_test.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details buttons test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+    <script src="../../../node_modules/redux/dist/redux.js"></script>
+
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-details.html">
+    <link rel="import" href="../../../src/exlibris-app/book/book-values.html">
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details></exlibris-book-details>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details', function () {
+
+        const BUTTON_TITLES = {
+            RESERVE: 'RESERVE',
+            CANCEL_RESERVATION: 'CANCEL RESERVATION',
+            EXTEND_LOAN_PERIOD: 'EXTEND LOAN PERIOD'
+        };
+
+        const ACTION_UNSUPPORTED_MESSAGE = 'RESERVED BY ANOTHER READER';
+
+        const BOOK_DETAILS_SELECTORS = {
+            WIDE_SCREEN_BUTTON: '#wide-screen-action-part paper-button',
+            NARROW_SCREEN_BUTTON: '#narrow-screen-action-part paper-button',
+            WIDE_SCREEN_MESSAGE: '#wide-screen-action-part span',
+            NARROW_SCREEN_MESSAGE: '#narrow-screen-action-part span'
+        };
+
+        const BOOKS_AND_BUTTONS_COMBINATIONS = [
+            {
+                book: {status: ExlibrisApp.BookStatus.EXPECTED},
+                button: BUTTON_TITLES.RESERVE,
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {status: ExlibrisApp.BookStatus.EXPECTED_SOON},
+                button: BUTTON_TITLES.RESERVE,
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {status: ExlibrisApp.BookStatus.AVAILABLE},
+                button: '',
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {
+                    status: ExlibrisApp.BookStatus.BORROWED,
+                    isAllowedLoanExtension: true
+                },
+                button: BUTTON_TITLES.EXTEND_LOAN_PERIOD,
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {
+                    status: ExlibrisApp.BookStatus.OVERDUE,
+                    isAllowedLoanExtension: true
+                },
+                button: BUTTON_TITLES.EXTEND_LOAN_PERIOD,
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {
+                    status: ExlibrisApp.BookStatus.SHOULD_RETURN_SOON,
+                    isAllowedLoanExtension: true
+                },
+                button: BUTTON_TITLES.EXTEND_LOAN_PERIOD,
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {
+                    status: ExlibrisApp.BookStatus.BORROWED,
+                    isAllowedLoanExtension: false
+                },
+                button: '',
+                actionUnsupportedMessage: ACTION_UNSUPPORTED_MESSAGE
+            },
+            {
+                book: {
+                    status: ExlibrisApp.BookStatus.OVERDUE,
+                    isAllowedLoanExtension: false
+                },
+                button: '',
+                actionUnsupportedMessage: ACTION_UNSUPPORTED_MESSAGE
+            },
+            {
+                book: {
+                    status: ExlibrisApp.BookStatus.SHOULD_RETURN_SOON,
+                    isAllowedLoanExtension: false
+                },
+                button: '',
+                actionUnsupportedMessage: ACTION_UNSUPPORTED_MESSAGE
+            },
+            {
+                book: {status: ExlibrisApp.BookStatus.RESERVED},
+                button: BUTTON_TITLES.CANCEL_RESERVATION,
+                actionUnsupportedMessage: ''
+            },
+            {
+                book: {status: ExlibrisApp.BookStatus.READY_TO_PICK_UP},
+                button: BUTTON_TITLES.CANCEL_RESERVATION,
+                actionUnsupportedMessage: ''
+            }
+        ];
+
+        BOOKS_AND_BUTTONS_COMBINATIONS.forEach(function (combination) {
+            const testMessagePart = combination.button ? combination.button : 'empty';
+            test(`should have ${testMessagePart} button title for the book with status ${combination.book.status}`, done => {
+                const element = fixture('BasicTestFixture');
+                element.set('_book', combination.book);
+                const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+                const narrowScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.NARROW_SCREEN_BUTTON);
+                assert.equal(wideScreenButton.innerHTML.trim(), combination.button);
+                assert.equal(narrowScreenButton.innerHTML.trim(), combination.button);
+                done();
+            });
+        });
+
+        BOOKS_AND_BUTTONS_COMBINATIONS.forEach(function (combination) {
+            const testMessagePart = combination.actionUnsupportedMessage ? combination.actionUnsupportedMessage : 'empty';
+            test(`should have ${testMessagePart} action unsupported message for the book with status ${combination.book.status}`, done => {
+                const element = fixture('BasicTestFixture');
+                element.set('_book', combination.book);
+                const wideScreenMessage = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_MESSAGE);
+                const narrowScreenMessage = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.NARROW_SCREEN_MESSAGE);
+                assert.equal(wideScreenMessage.innerHTML.trim(), combination.actionUnsupportedMessage);
+                assert.equal(narrowScreenMessage.innerHTML.trim(), combination.actionUnsupportedMessage);
+                done();
+            });
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details-redirect-link_test.html b/client-web/test/exlibris-app/book/exlibris-book-details-redirect-link_test.html
new file mode 100644
index 0000000..a804108
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details-redirect-link_test.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details-redirect-link test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+    <link rel="import"
+          href="../../../src/exlibris-app/book/exlibris-book-details-redirect-link.html">
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details-redirect-link></exlibris-book-details-redirect-link>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details-redirect-link', function () {
+        let element;
+
+        const TEST_BOOK_CODES = {
+            ISBN_10: '1234567890',
+            ISBN_13: '1234567890000',
+            ASIN: 'A12345678A',
+            INVALID: 'CODE'
+        };
+        const TEST_BOOK_TITLE = 'TITLE';
+        const LINK_SELECTOR = '#link';
+        const TEXT_SELECTOR = 'span';
+
+        setup(() => {
+            element = fixture('BasicTestFixture');
+        });
+
+        test('should generate Amazon redirect link when code matches the `ISBN_10` pattern.', function (done) {
+            element.bookCode = TEST_BOOK_CODES.ISBN_10;
+            element.bookTitle = TEST_BOOK_TITLE;
+            const expectedLink = 'https://www.amazon.com/' + TEST_BOOK_TITLE + '/dp/' + TEST_BOOK_CODES.ISBN_10 + '/';
+
+            flush(() => {
+                const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+                const text = element.shadowRoot.querySelector(TEXT_SELECTOR);
+
+                assert.isNull(text);
+                assert.equal(link.innerHTML.trim(), 'ISBN: ' + TEST_BOOK_CODES.ISBN_10);
+                assert.equal(link.href, expectedLink);
+                done();
+            });
+        });
+
+        test('should generate Play Books redirect link when code matches the `ISBN_13` pattern.', function (done) {
+            element.bookCode = TEST_BOOK_CODES.ISBN_13;
+            element.bookTitle = TEST_BOOK_TITLE;
+            const expectedLink = 'https://play.google.com/store/search?q=' + TEST_BOOK_CODES.ISBN_13 + '&c=books';
+
+            flush(() => {
+                const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+                const text = element.shadowRoot.querySelector(TEXT_SELECTOR);
+
+                assert.isNull(text);
+                assert.equal(link.innerHTML.trim(), 'ISBN: ' + TEST_BOOK_CODES.ISBN_13);
+                assert.equal(link.href, expectedLink);
+                done();
+            });
+        });
+
+        test('should generate Amazon redirect link when code matches the `ASIN` pattern.', function (done) {
+            element.bookCode = TEST_BOOK_CODES.ASIN;
+            element.bookTitle = TEST_BOOK_TITLE;
+            const expectedLink = 'https://www.amazon.com/' + TEST_BOOK_TITLE + '/dp/' + TEST_BOOK_CODES.ASIN + '/';
+
+            flush(() => {
+                const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+                const text = element.shadowRoot.querySelector(TEXT_SELECTOR);
+
+                assert.isNull(text);
+                assert.equal(link.innerHTML.trim(), 'ASIN: ' + TEST_BOOK_CODES.ASIN);
+                assert.equal(link.href, expectedLink);
+                done();
+            });
+        });
+
+        test('should not display link and display the text label when the passed code does not match to any pattern.', function (done) {
+            element.bookCode = TEST_BOOK_CODES.INVALID;
+            element.bookTitle = TEST_BOOK_TITLE;
+
+            flush(() => {
+                const link = element.shadowRoot.querySelector(LINK_SELECTOR);
+                const text = element.shadowRoot.querySelector(TEXT_SELECTOR);
+
+                assert.isNull(link);
+                assert.equal(text.innerHTML, 'ISBN: ' + TEST_BOOK_CODES.INVALID);
+                done();
+            });
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details-store_test.html b/client-web/test/exlibris-app/book/exlibris-book-details-store_test.html
new file mode 100644
index 0000000..b86156f
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details-store_test.html
@@ -0,0 +1,165 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details store test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+    <script src="../../../node_modules/redux/dist/redux.js"></script>
+    <script src="../test_variables.js"></script>
+
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-details.html">
+    <link rel="import" href="../../../src/exlibris-app/book/book-values.html">
+    <link rel="import" href="../../../src/exlibris-app/actions/exlibris-actions.html">
+
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details></exlibris-book-details>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details', function () {
+        const TEST_BOOK = ExlibrisAppTest.BOOKS[0];
+        const TEST_BOOK_ROUTE = {
+            prefix: '/book-details',
+            path: '/' + TEST_BOOK.id + '/' + TEST_BOOK.title.replace(/\s/g, '_')
+        };
+
+        const BOOK_DETAILS_SELECTORS = {
+            WIDE_SCREEN_BUTTON: '#wide-screen-action-part paper-button',
+        };
+
+        let mockStore;
+
+        setup(() => {
+            mockStore = sinon.mock(ExlibrisApp.store);
+        });
+
+        teardown(() => {
+            mockStore.restore();
+        });
+
+        test('should react on route change and dispatch `FIND_BOOK_BY_ID` action to the store.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.FIND_BOOK_BY_ID,
+                bookId: TEST_BOOK.id
+            };
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+            element.set('route', TEST_BOOK_ROUTE);
+
+            mockStore.verify();
+        });
+
+        test('should dispatch `RESERVE_BOOK` action to the store on `RESERVE` button click.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.RESERVE_BOOK,
+                bookId: TEST_BOOK.id
+            };
+            const bookForReservation = Object.assign({}, TEST_BOOK, {status: ExlibrisApp.BookStatus.EXPECTED});
+            const testState = {
+                bookDetails: {
+                    book: bookForReservation
+                }
+            };
+
+            mockStore.expects("getState").returns(testState);
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+
+            const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+            wideScreenButton.click();
+            mockStore.verify();
+        });
+
+        test('should dispatch `CANCEL_BOOK_RESERVATION` action to the store on `CANCEL RESERVATION` button click.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.CANCEL_BOOK_RESERVATION,
+                bookId: TEST_BOOK.id
+            };
+            const bookForReservation = Object.assign({}, TEST_BOOK, {status: ExlibrisApp.BookStatus.RESERVED});
+            const testState = {
+                bookDetails: {
+                    book: bookForReservation
+                }
+            };
+
+            mockStore.expects("getState").returns(testState);
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+
+            const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+            wideScreenButton.click();
+            mockStore.verify();
+        });
+
+        test('should dispatch `EXTEND_LOAN_PERIOD` action to the store on `EXTEND LOAN PERIOD` button click.', function () {
+            const expectedAction = {
+                type: ExlibrisApp.ExlibrisActions.EXTEND_LOAN_PERIOD,
+                bookId: TEST_BOOK.id
+            };
+            const bookForReservation = Object.assign({}, TEST_BOOK, {status: ExlibrisApp.BookStatus.BORROWED, isAllowedLoanExtension: true});
+            const testState = {
+                bookDetails: {
+                    book: bookForReservation
+                }
+            };
+
+            mockStore.expects("getState").returns(testState);
+            mockStore.expects("dispatch").once().withArgs(expectedAction);
+            const element = fixture('BasicTestFixture');
+
+            const wideScreenButton = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.WIDE_SCREEN_BUTTON);
+            wideScreenButton.click();
+            mockStore.verify();
+        });
+
+        test('should react on `notFound` change and dispatch the custom event when the value is `true`.', function (done) {
+            const testState = {
+                bookDetails: {
+                    notFound: true
+                }
+            };
+            const stub = sinon.stub(ExlibrisApp.store, "getState");
+            stub.onFirstCall().returns({}).onSecondCall().returns(testState);
+
+            const element = fixture('BasicTestFixture');
+            element.addEventListener('exlibris-book-details-not-found', () => {
+                done();
+            });
+            element.set('route', TEST_BOOK_ROUTE);
+
+            stub.restore();
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/book/exlibris-book-details_test.html b/client-web/test/exlibris-app/book/exlibris-book-details_test.html
new file mode 100644
index 0000000..50e417e
--- /dev/null
+++ b/client-web/test/exlibris-app/book/exlibris-book-details_test.html
@@ -0,0 +1,109 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>exlibris-book-details test</title>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
+    <script src="../../../node_modules/redux/dist/redux.js"></script>
+    <script src="../test_variables.js"></script>
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-details.html">
+</head>
+<body>
+
+<test-fixture id="BasicTestFixture">
+    <template>
+        <exlibris-book-details></exlibris-book-details>
+    </template>
+</test-fixture>
+
+<script>
+    suite('exlibris-book-details', function () {
+        let element;
+        const TEST_BOOK = ExlibrisAppTest.BOOKS[0];
+        const BOOK_DETAILS_SELECTORS = {
+            LOADING_IN_PROGRESS_CONTENT: '#loading-spinner',
+            BOOK_DETAILS_CARD: '#book-card',
+            BOOK_COVER: '#book-cover',
+            BOOK_TITLE: '#title',
+            BOOK_AUTHOR: '#author',
+            BOOK_CODE_LINK: 'exlibris-book-details-redirect-link',
+            STATUS_MESSAGE: '#status-message',
+            BOOK_DESCRIPTION: '#description'
+        };
+
+        setup(() => {
+            element = fixture('BasicTestFixture');
+        });
+
+        test('should display the loading spinner when the book is not ready to display.', function () {
+            const loadingSpinner = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.LOADING_IN_PROGRESS_CONTENT);
+            const bookDetailsContent = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_DETAILS_CARD);
+
+            assert.isTrue(loadingSpinner.active, 'Expecting spinner to be active.');
+            assert.isTrue(bookDetailsContent.hidden, 'Expecting book details card to be hidden.');
+        });
+
+        test('should hide the loading spinner and show book details card when the responsible bool property changed', function () {
+            element.set('_isBookReadyToDisplay', true);
+
+            const loadingSpinner = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.LOADING_IN_PROGRESS_CONTENT);
+            const bookDetailsContent = element.shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_DETAILS_CARD);
+
+            assert.isFalse(loadingSpinner.active, 'Expecting spinner to be inactive.');
+            assert.isFalse(bookDetailsContent.hidden, 'Expecting book details card to be rendered.');
+        });
+
+        test('component content is correct.', function () {
+            element.set('_book', TEST_BOOK);
+            element.set('_isBookReadyToDisplay', true);
+            const shadowRoot = element.shadowRoot;
+
+            const bookCover = shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_COVER);
+            assert.equal(bookCover.src, TEST_BOOK.image, 'Expecting the correct image to be rendered.');
+
+            const bookTitle = shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_TITLE);
+            assert.equal(bookTitle.innerHTML.trim(), TEST_BOOK.title, 'Expecting the correct title to be rendered.');
+
+            const bookAuthor = shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_AUTHOR);
+            assert.equal(bookAuthor.innerHTML.trim(), TEST_BOOK.author, 'Expecting the correct author to be rendered.');
+
+            const bookCodeLink = shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_CODE_LINK);
+            assert.equal(bookCodeLink.bookCode, TEST_BOOK.isbn, 'Expecting the correct isbn to be set.');
+            assert.equal(bookCodeLink.bookTitle, TEST_BOOK.title, 'Expecting the correct title to be set.');
+
+            const bookStatusMessage = shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.STATUS_MESSAGE);
+            assert.equal(bookStatusMessage.innerHTML.trim(), '3 available.\nScan QR code to borrow.',
+                'Expecting the correct status message to be rendered.');
+
+            const bookDescription = shadowRoot.querySelector(BOOK_DETAILS_SELECTORS.BOOK_DESCRIPTION);
+            assert.equal(bookDescription.innerHTML.trim(), TEST_BOOK.description, 'Expecting the correct description to be rendered.');
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/client-web/test/exlibris-app/exlibris-book-tile_test.html b/client-web/test/exlibris-app/book/exlibris-book-tile_test.html
similarity index 56%
rename from client-web/test/exlibris-app/exlibris-book-tile_test.html
rename to client-web/test/exlibris-app/book/exlibris-book-tile_test.html
index 504552c..6f53db5 100644
--- a/client-web/test/exlibris-app/exlibris-book-tile_test.html
+++ b/client-web/test/exlibris-app/book/exlibris-book-tile_test.html
@@ -1,4 +1,24 @@
 <!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
 <html lang="en">
 <head>
     <meta charset="utf-8">
@@ -7,12 +27,12 @@
 
     <title>exlibris-book-tile test</title>
 
-    <link rel="import" href="../../src/exlibris-app/shell/exlibris-app-namespace.html">
-    <script src="./test_variables.js"></script>
-    <script src="./../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
-    <script src="./../../bower_components/web-component-tester/browser.js"></script>
+    <link rel="import" href="../../../src/exlibris-app/shell/exlibris-app-namespace.html">
+    <script src="../test_variables.js"></script>
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../../bower_components/web-component-tester/browser.js"></script>
 
-    <link rel="import" href="../../src/exlibris-app/exlibris-book-tile.html">
+    <link rel="import" href="../../../src/exlibris-app/book/exlibris-book-tile.html">
 </head>
 <body>
 
diff --git a/client-web/test/exlibris-app/test_variables.js b/client-web/test/exlibris-app/test_variables.js
index e161b40..7e252eb 100644
--- a/client-web/test/exlibris-app/test_variables.js
+++ b/client-web/test/exlibris-app/test_variables.js
@@ -27,10 +27,11 @@
         title: "Стив Джобс",
         image: "https://books.google.com/books/content/images/frontcover/xSWOMjMSzi8C?fife=w200-h300",
         author: "Уолтер Айзексон",
+        isbn: "0132350882",
         category: "Biography",
         description: "В основу этой биографии легли беседы с самим Стивом Джобсом, а также с его родственниками, друзьями, врагами, соперниками и коллегами. Джобс никак не контролировал автора. Он откровенно отвечал на все вопросы и ждал такой же честности от остальных. Это рассказ о жизни, полной падений и взлетов, о сильном человеке и талантливом бизнесмене, который одним из первых понял: чтобы добиться успеха в XXI веке, нужно соединить креативность и технологии.",
         status: "AVAILABLE",
-        statusMessage: "3 AVAILABLE",
+        statusMessage: "3 available",
         availableCount: 3
     }, {
         id: "123456790",