### Narnoo Widget URL
https://narnoo-widget.herokuapp.com/narnoo-widget.min.js

### Narnoo Booking Button Widget URL
https://narnoo-widget.herokuapp.com/booking-button-widget.min.js

### Narnoo Cart Button Widget URL
https://narnoo-widget.herokuapp.com/button-widget.min.js
<br></br><br></br>

## Narnoo Widget Guide

### Add this element on inside the **body**
`    <div id="narnoo-js-widget"></div>`

<br>
### Insert this javascript to load the widget
`    <script>
        function (w, d, s, o, f, js, fjs) {
            w['JS-Widget'] = o;
            w[o] = w[o] || function () {
                (w[o].q = w[o].q || []).push(arguments)
            };
            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
            js.id = o;
            js.src = f;
            js.async = 1;
            fjs.parentNode.insertBefore(js, fjs);
        }(window, document, 'script', 'narnoo', '<REPLACE WITH WIGDGET CDN URL>'));
        narnoo('init', {
            element: "narnoo-js-widget",
            access_key: "15028355139658",
            operator_id: "88",
            product_id: "568485963"
        });
    </script>`

<br>
### Widget Configuration
**init**

- element **required**

> This the element ID where the widget will be rendered. Example `<div id="narnoo-js-widget"></div>`

- access_key **required**

> This the access_key that points  the gives authorization on the API side for further request

- operator_id **required**

- product_id **required**

- gallery (optional)  **boolean**  default: **false**
- social (optional)  **boolean**  default: **false**
- calendar (optional)  **boolean** default: **false**
- datepicker (optional)  **boolean** default: **false**
- biography (optional)  **boolean** default: **false**
> Biography option can be an object. Example
`biography:{
language: "english"
}`
Language supported are **english**, **chinese**, **japanese**, **korean**, **german**

## Narnoo Cart Button Widget Guide


## Narnoo Booking Button Widget Guide

<br></br><br></br><br></br>
### Sample Demo
<b>Product ID: 495 Code View</b> https://codepen.io/jbagaresgaray-17/pen/VoQxOa
<br>
<b>Product ID: 495 Full View:</b> https://codepen.io/jbagaresgaray-17/full/VoQxOa

<b>Product ID: 496 Code View</b> https://codepen.io/jbagaresgaray-17/pen/LYPQJpN
<br>
<b>Product ID: 496 Full View:</b>https://codepen.io/jbagaresgaray-17/full/LYPQJpN