{% include 'common/header.html.twig' with {'assets': assets } %}
<!-- begin::Body -->
<body style="background-image: url({{ assets }}media/demos/demo4/bg-image-parti-header.jpg); background-position: center top; background-size: 100% 338px;" class="kt-page--loading-enabled kt-page--loading kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header--minimize-menu kt-header-mobile--fixed kt-subheader--enabled kt-subheader--transparent kt-page--loading">

<!-- begin:: Page -->

<!-- begin:: Header Mobile -->
{% include 'common/header_mobile.html.twig' %}

<!-- end:: Header Mobile -->
<div class="kt-grid kt-grid--hor kt-grid--root">
    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

            <!-- begin:: Header -->
            {{ render(controller('App\\Controller\\Common\\Top::index')) }}
            <!-- end:: Header -->
            
            <div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch" id="kt_body">
                <div class="kt-content kt-content--fit-top  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

                    <!-- begin:: Subheader -->
                    {% include 'common/subheader.html.twig' %}

                    <!-- end:: Subheader -->

                    <!-- begin:: Content -->
                    <div class="kt-container  kt-grid__item kt-grid__item--fluid">

                        <!--Begin::Dashboard 3-->

                        <!--Begin::Row-->
                        <div class="row">

                            <!--Begin::Inbox-->
                            <div class="kt-grid kt-grid--desktop kt-grid--ver-desktop  kt-inbox" id="kt_inbox">



                                <!--Begin:: Inbox List-->
                                <div class="kt-grid__item kt-grid__item--fluid    kt-portlet    kt-inbox__list kt-inbox__list--shown" id="kt_inbox_list">
                                    <div class="kt-portlet__head">
                                        <div class="kt-inbox__toolbar kt-inbox__toolbar--extended">
                                            <h3 class="kt-portlet__head-title">
                                                Latest Requests
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body kt-portlet__body--fit-x">
                                        <div class="kt-inbox__items" data-type="inbox">
                                            <div class="kt-inbox__item kt-inbox__item--unread" data-id="1" data-type="inbox">
                                                <div class="kt-inbox__info">
                                                    <div class="kt-inbox__actions">
                                                        <label class="kt-checkbox kt-checkbox--single kt-checkbox--tick kt-checkbox--brand">
                                                            <input type="checkbox">
                                                            <span></span>
                                                        </label>
                                                        <span class="kt-inbox__icon kt-inbox__icon--on kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Star">
																<i class="flaticon-star"></i>
															</span>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Mark as important">
																<i class="flaticon-add-label-button"></i>
															</span>
                                                    </div>
                                                    <div class="kt-inbox__sender" data-toggle="view">
															<span class="kt-media kt-media--sm kt-media--danger" style="background-image: url('../../assets/media/users/100_13.jpg')">
																<span></span>
															</span>
                                                        <a href="#" class="kt-inbox__author">Sean Paul</a>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__details" data-toggle="view">
                                                    <div class="kt-inbox__message">
                                                        <span class="kt-inbox__subject">Digital PPV Customer Confirmation - </span>
                                                        <span class="kt-inbox__summary">Thank you for ordering UFC 240 Holloway vs Edgar Alternate camera angles...</span>
                                                    </div>
                                                    <div class="kt-inbox__labels">
                                                        <span class="kt-inbox__label kt-badge kt-badge--unified-brand kt-badge--bold kt-badge--inline">inbox</span>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__datetime" data-toggle="view">
                                                    8:30 PM
                                                </div>
                                            </div>
                                            <div class="kt-inbox__item kt-inbox__item--unread" data-id="2" data-type="inbox">
                                                <div class="kt-inbox__info">
                                                    <div class="kt-inbox__actions">
                                                        <label class="kt-checkbox kt-checkbox--single kt-checkbox--tick kt-checkbox--brand">
                                                            <input type="checkbox">
                                                            <span></span>
                                                        </label>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Star">
																<i class="flaticon-star"></i>
															</span>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Mark as important">
																<i class="flaticon-add-label-button"></i>
															</span>
                                                    </div>
                                                    <div class="kt-inbox__sender" data-toggle="view">
															<span class="kt-media kt-media--sm kt-media--danger">
																<span>OJ</span>
															</span>
                                                        <a href="#" class="kt-inbox__author">Oliver Jake</a>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__details" data-toggle="view">
                                                    <div class="kt-inbox__message">
                                                        <span class="kt-inbox__subject">Your iBuy.com grocery shopping confirmation - </span>
                                                        <span class="kt-inbox__summary">Please make sure that you have one of the following cards with you when we deliver your order...</span>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__datetime" data-toggle="view">
                                                    day ago
                                                </div>
                                            </div>
                                            <div class="kt-inbox__item" data-id="3" data-type="inbox">
                                                <div class="kt-inbox__info">
                                                    <div class="kt-inbox__actions">
                                                        <label class="kt-checkbox kt-checkbox--single kt-checkbox--tick kt-checkbox--brand">
                                                            <input type="checkbox">
                                                            <span></span>
                                                        </label>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Star">
																<i class="flaticon-star"></i>
															</span>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Mark as important">
																<i class="flaticon-add-label-button"></i>
															</span>
                                                    </div>
                                                    <div class="kt-inbox__sender" data-toggle="view">
															<span class="kt-media kt-media--sm kt-media--brand">
																<span>EF</span>
															</span>
                                                        <a href="#" class="kt-inbox__author">Enrico Fermi</a>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__details" data-toggle="view">
                                                    <div class="kt-inbox__message">
                                                        <span class="kt-inbox__subject">Your Order #224820998666029 has been Confirmed - </span>
                                                        <span class="kt-inbox__summary">Your Order #224820998666029 has been placed on Saturday, 29 June, 2019 10:02:41 via Online Banking...</span>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__datetime" data-toggle="view">
                                                    11:20PM
                                                </div>
                                            </div>
                                            <div class="kt-inbox__item" data-id="4" data-type="inbox">
                                                <div class="kt-inbox__info">
                                                    <div class="kt-inbox__actions">
                                                        <label class="kt-checkbox kt-checkbox--single kt-checkbox--tick kt-checkbox--brand">
                                                            <input type="checkbox">
                                                            <span></span>
                                                        </label>
                                                        <span class="kt-inbox__icon kt-inbox__icon--on kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Star">
																<i class="flaticon-star"></i>
															</span>
                                                        <span class="kt-inbox__icon kt-inbox__icon--on kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Mark as important">
																<i class="flaticon-add-label-button"></i>
															</span>
                                                    </div>
                                                    <div class="kt-inbox__sender" data-toggle="view">
															<span class="kt-media kt-media--sm kt-media--brand" style="background-image: url('../../assets/media/users/100_11.jpg')">
																<span></span>
															</span>
                                                        <a href="#" class="kt-inbox__author">Jane Goodall</a>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__details" data-toggle="view">
                                                    <div class="kt-inbox__message">
                                                        <span class="kt-inbox__subject">Payment Notification DLOP2329KD - </span>
                                                        <span class="kt-inbox__summary">Your payment of 4500USD to AirCar has been authorized and confirmed, thank you...</span>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__datetime" data-toggle="view">
                                                    2 days ago
                                                </div>
                                            </div>
                                            <div class="kt-inbox__item" data-id="5" data-type="inbox">
                                                <div class="kt-inbox__info">
                                                    <div class="kt-inbox__actions">
                                                        <label class="kt-checkbox kt-checkbox--single kt-checkbox--tick kt-checkbox--brand">
                                                            <input type="checkbox">
                                                            <span></span>
                                                        </label>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Star">
																<i class="flaticon-star"></i>
															</span>
                                                        <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="right" title="Mark as important">
																<i class="flaticon-add-label-button"></i>
															</span>
                                                    </div>
                                                    <div class="kt-inbox__sender" data-toggle="view">
															<span class="kt-media kt-media--sm kt-media--success">
																<span>MP</span>
															</span>
                                                        <a href="#" class="kt-inbox__author">Max O'Brien Planck</a>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__details" data-toggle="view">
                                                    <div class="kt-inbox__message">
                                                        <span class="kt-inbox__subject">Congratulations on your iRun Coach subscription - </span>
                                                        <span class="kt-inbox__summary">Congratulations on your iRun Coach subscription. You made no space for excuses and you decided on a healthier and happier life...</span>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__datetime" data-toggle="view">
                                                    Jul 25
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                                <!--End:: Inbox List-->

                                <!--Begin:: Inbox View-->
                                <div class="kt-grid__item kt-grid__item--fluid    kt-portlet    kt-inbox__view kt-inbox__view--shown-" id="kt_inbox_view">
                                    <div class="kt-portlet__head">
                                        <div class="kt-inbox__toolbar">
                                            <div class="kt-inbox__actions">
                                                <a href="#" class="kt-inbox__icon kt-inbox__icon--back">
                                                    <i class="flaticon2-left-arrow-1"></i>
                                                </a>
                                                <a href="#" class="kt-inbox__icon" data-toggle="kt-tooltip" title="Archive">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                            <rect x="0" y="0" width="24" height="24" />
                                                            <path d="M6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,12 C19,12.5522847 18.5522847,13 18,13 L6,13 C5.44771525,13 5,12.5522847 5,12 L5,3 C5,2.44771525 5.44771525,2 6,2 Z M7.5,5 C7.22385763,5 7,5.22385763 7,5.5 C7,5.77614237 7.22385763,6 7.5,6 L13.5,6 C13.7761424,6 14,5.77614237 14,5.5 C14,5.22385763 13.7761424,5 13.5,5 L7.5,5 Z M7.5,7 C7.22385763,7 7,7.22385763 7,7.5 C7,7.77614237 7.22385763,8 7.5,8 L10.5,8 C10.7761424,8 11,7.77614237 11,7.5 C11,7.22385763 10.7761424,7 10.5,7 L7.5,7 Z" fill="#000000" opacity="0.3" />
                                                            <path d="M3.79274528,6.57253826 L12,12.5 L20.2072547,6.57253826 C20.4311176,6.4108595 20.7436609,6.46126971 20.9053396,6.68513259 C20.9668779,6.77033951 21,6.87277228 21,6.97787787 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6.97787787 C3,6.70173549 3.22385763,6.47787787 3.5,6.47787787 C3.60510559,6.47787787 3.70753836,6.51099993 3.79274528,6.57253826 Z" fill="#000000" />
                                                        </g>
                                                    </svg> </a>
                                                <a href="#" class="kt-inbox__icon" data-toggle="kt-tooltip" title="Spam">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                            <rect x="0" y="0" width="24" height="24" />
                                                            <circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10" />
                                                            <rect fill="#000000" x="11" y="7" width="2" height="8" rx="1" />
                                                            <rect fill="#000000" x="11" y="16" width="2" height="2" rx="1" />
                                                        </g>
                                                    </svg> </a>
                                                <a href="#" class="kt-inbox__icon" data-toggle="kt-tooltip" title="Delete">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                            <rect x="0" y="0" width="24" height="24" />
                                                            <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z" fill="#000000" fill-rule="nonzero" />
                                                            <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z" fill="#000000" opacity="0.3" />
                                                        </g>
                                                    </svg> </a>
                                                <a href="#" class="kt-inbox__icon" data-toggle="kt-tooltip" title="Mark as read">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                            <rect x="0" y="0" width="24" height="24" />
                                                            <path d="M15.9956071,6 L9,6 C7.34314575,6 6,7.34314575 6,9 L6,15.9956071 C4.70185442,15.9316381 4,15.1706419 4,13.8181818 L4,6.18181818 C4,4.76751186 4.76751186,4 6.18181818,4 L13.8181818,4 C15.1706419,4 15.9316381,4.70185442 15.9956071,6 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
                                                            <path d="M10.1818182,8 L17.8181818,8 C19.2324881,8 20,8.76751186 20,10.1818182 L20,17.8181818 C20,19.2324881 19.2324881,20 17.8181818,20 L10.1818182,20 C8.76751186,20 8,19.2324881 8,17.8181818 L8,10.1818182 C8,8.76751186 8.76751186,8 10.1818182,8 Z" fill="#000000" />
                                                        </g>
                                                    </svg> </a>
                                                <a href="#" class="kt-inbox__icon" data-toggle="kt-tooltip" title="Move">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                            <rect x="0" y="0" width="24" height="24" />
                                                            <path d="M3.5,21 L20.5,21 C21.3284271,21 22,20.3284271 22,19.5 L22,8.5 C22,7.67157288 21.3284271,7 20.5,7 L10,7 L7.43933983,4.43933983 C7.15803526,4.15803526 6.77650439,4 6.37867966,4 L3.5,4 C2.67157288,4 2,4.67157288 2,5.5 L2,19.5 C2,20.3284271 2.67157288,21 3.5,21 Z" fill="#000000" opacity="0.3" />
                                                            <path d="M10.782158,17.5100514 L15.1856088,14.5000448 C15.4135806,14.3442132 15.4720618,14.0330791 15.3162302,13.8051073 C15.2814587,13.7542388 15.2375842,13.7102355 15.1868178,13.6753149 L10.783367,10.6463273 C10.5558531,10.489828 10.2445489,10.5473967 10.0880496,10.7749107 C10.0307022,10.8582806 10,10.9570884 10,11.0582777 L10,17.097272 C10,17.3734143 10.2238576,17.597272 10.5,17.597272 C10.6006894,17.597272 10.699033,17.566872 10.782158,17.5100514 Z" fill="#000000" />
                                                        </g>
                                                    </svg> </a>
                                            </div>
                                            <div class="kt-inbox__controls">
													<span class="kt-inbox__pages" data-toggle="kt-tooltip" title="Records per page">
														<span class="kt-inbox__perpage" data-toggle="dropdown">3 of 230 pages</span>
													</span>
                                                <button class="kt-inbox__icon" data-toggle="kt-tooltip" title="Previose message">
                                                    <i class="flaticon2-left-arrow"></i>
                                                </button>
                                                <button class="kt-inbox__icon" data-toggle="kt-tooltip" title="Next message">
                                                    <i class="flaticon2-right-arrow"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body kt-portlet__body--fit-x">
                                        <div class="kt-inbox__subject">
                                            <div class="kt-inbox__title">
                                                <h3 class="kt-inbox__text">Trip Reminder. Thank you for flying with us!</h3>
                                                <span class="kt-inbox__label kt-badge kt-badge--unified-brand kt-badge--bold kt-badge--inline">
														inbox
													</span>
                                                <span class="kt-inbox__label kt-badge kt-badge--unified-danger kt-badge--bold kt-badge--inline">
														important
													</span>
                                            </div>
                                            <div class="kt-inbox__actions">
                                                <a href="#" class="kt-inbox__icon">
                                                    <i class="flaticon2-sort"></i>
                                                </a>
                                                <a href="#" class="kt-inbox__icon">
                                                    <i class="flaticon2-fax"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="kt-inbox__messages">
                                            <div class="kt-inbox__message kt-inbox__message--expanded">
                                                <div class="kt-inbox__head">
														<span class="kt-media" data-toggle="expand" style="background-image: url('../../assets/media/users/100_13.jpg')">
															<span></span>
														</span>
                                                    <div class="kt-inbox__info">
                                                        <div class="kt-inbox__author" data-toggle="expand">
                                                            <a href="#" class="kt-inbox__name">Chris Muller</a>
                                                            <div class="kt-inbox__status">
                                                                <span class="kt-badge kt-badge--success kt-badge--dot"></span> 1 Day ago
                                                            </div>
                                                        </div>
                                                        <div class="kt-inbox__details">
                                                            <div class="kt-inbox__tome">
																	<span class="kt-inbox__label" data-toggle="dropdown">
																		to me <i class="flaticon2-down"></i>
																	</span>
                                                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-md dropdown-menu-left">
                                                                    <table class="kt-inbox__details">
                                                                        <tr>
                                                                            <td>from</td>
                                                                            <td>Mark Andre</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>date:</td>
                                                                            <td>Jul 30, 2019, 11:27 PM</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>from:</td>
                                                                            <td>Mark Andre</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>subject:</td>
                                                                            <td>Trip Reminder. Thank you for flying with us!</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>reply to:</td>
                                                                            <td>mark.andre@gmail.com</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="kt-inbox__desc" data-toggle="expand">
                                                                With resrpect, i must disagree with Mr.Zinsser. We all know the most part of important part....
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-inbox__actions">
                                                        <div class="kt-inbox__datetime" data-toggle="expand">
                                                            Jul 15, 2019, 11:19AM
                                                        </div>
                                                        <div class="kt-inbox__group">
																<span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Star">
																	<i class="flaticon-star"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Mark as important">
																	<i class="flaticon-add-label-button"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--reply kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Reply">
																	<i class="flaticon2-reply-1"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Settings">
																	<i class="flaticon-more"></i>
																</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__body">
                                                    <div class="kt-inbox__text">
                                                        <p>Hi Bob,</p>
                                                        <p class="kt-margin-t-25">
                                                            With resrpect, i must disagree with Mr.Zinsser. We all know the most part of important part of any article is the title.Without a compelleing title, your reader won't even get to the first sentence.After the title, however, the first few sentences of your article are certainly the most important part.
                                                        </p>
                                                        <p class="kt-margin-t-25">
                                                            Jornalists call this critical, introductory section the "Lede," and when bridge properly executed, it's the that carries your reader from an headine try at attention-grabbing to the body of your blog post, if you want to get it right on of these 10 clever ways to omen your next blog posr with a bang
                                                        </p>
                                                        <p class="kt-margin-t-25">
                                                            Best regards,
                                                        </p>
                                                        <p>
                                                            Jason Muller
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-inbox__message">
                                                <div class="kt-inbox__head">
														<span class="kt-media" data-toggle="expand" style="background-image: url('../../assets/media/users/100_10.jpg')">
															<span></span>
														</span>
                                                    <div class="kt-inbox__info">
                                                        <div class="kt-inbox__author" data-toggle="expand">
                                                            <a href="#" class="kt-inbox__name">Lina Nilson</a>
                                                            <div class="kt-inbox__status">
                                                                <span class="kt-badge kt-badge--success kt-badge--dot"></span> 2 Day ago
                                                            </div>
                                                        </div>
                                                        <div class="kt-inbox__details">
                                                            <div class="kt-inbox__tome">
																	<span class="kt-inbox__label" data-toggle="dropdown">
																		to me <i class="flaticon2-down"></i>
																	</span>
                                                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-md dropdown-menu-left">
                                                                    <table class="kt-inbox__details">
                                                                        <tr>
                                                                            <td>from</td>
                                                                            <td>Mark Andre</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>date:</td>
                                                                            <td>Jul 30, 2019, 11:27 PM</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>from:</td>
                                                                            <td>Mark Andre</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>subject:</td>
                                                                            <td>Trip Reminder. Thank you for flying with us!</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>reply to:</td>
                                                                            <td>mark.andre@gmail.com</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="kt-inbox__desc" data-toggle="expand">
                                                                Jornalists call this critical, introductory section the "Lede," and when bridge properly executed....
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-inbox__actions">
                                                        <div class="kt-inbox__datetime" data-toggle="expand">
                                                            Jul 20, 2019, 03:20PM
                                                        </div>
                                                        <div class="kt-inbox__group">
																<span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--on kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Star">
																	<i class="flaticon-star"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Mark as important">
																	<i class="flaticon-add-label-button"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Reply">
																	<i class="flaticon2-reply-1"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Settings">
																	<i class="flaticon-more"></i>
																</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__body">
                                                    <p>Hi,</p>
                                                    <p class="kt-margin-t-25">
                                                        The guide price is based on today's prices instore. However as we shop for your order on the day you want it delivered, some of the prices may have changed. Weighed products: the guide price on the website uses an estimate weight for weighed products such as grapes or cheese. But what you pay will be based on the exact weight of your product, so the price may vary slightly.
                                                    </p>
                                                    <p class="kt-margin-t-25">
                                                        Best regards,
                                                        <br> Jason Muller
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="kt-inbox__message">
                                                <div class="kt-inbox__head">
														<span class="kt-media" data-toggle="expand" style="background-image: url('../../assets/media/users/100_3.jpg')">
															<span></span>
														</span>
                                                    <div class="kt-inbox__info">
                                                        <div class="kt-inbox__author" data-toggle="expand">
                                                            <a href="#" class="kt-inbox__name">Sean Stone</a>
                                                            <div class="kt-inbox__status">
                                                                <span class="kt-badge kt-badge--success kt-badge--dot"></span> 1 Day ago
                                                            </div>
                                                        </div>
                                                        <div class="kt-inbox__details">
                                                            <div class="kt-inbox__tome">
																	<span class="kt-inbox__label" data-toggle="dropdown">
																		to me <i class="flaticon2-down"></i>
																	</span>
                                                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-md dropdown-menu-left">
                                                                    <table class="kt-inbox__details">
                                                                        <tr>
                                                                            <td>from</td>
                                                                            <td>Mark Andre</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>date:</td>
                                                                            <td>Jul 30, 2019, 11:27 PM</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>from:</td>
                                                                            <td>Mark Andre</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>subject:</td>
                                                                            <td>Trip Reminder. Thank you for flying with us!</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>reply to:</td>
                                                                            <td>mark.andre@gmail.com</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="kt-inbox__desc" data-toggle="expand">
                                                                Headine try at attention-grabbing to the body of your blog post....
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-inbox__actions">
                                                        <div class="kt-inbox__datetime">
                                                            Jul 15, 2019, 11:19AM
                                                        </div>
                                                        <div class="kt-inbox__group">
																<span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--label--on kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Star">
																	<i class="flaticon-star"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Mark as important">
																	<i class="flaticon-add-label-button"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Reply">
																	<i class="flaticon2-reply-1"></i>
																</span>
                                                            <span class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" data-placement="top" title="Settings">
																	<i class="flaticon-more"></i>
																</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__body">
                                                    <p>Hi Bob,</p>
                                                    <p class="kt-margin-t-25">
                                                        With resrpect, i must disagree with Mr.Zinsser. We all know the most part of important part of any article is the title.Without a compelleing title, your reader won't even get to the first sentence.After the title, however, the first few sentences of your article are certainly the most important part.
                                                    </p>
                                                    <p class="kt-margin-t-25">
                                                        Jornalists call this critical, introductory section the "Lede," and when bridge properly executed, it's the that carries your reader from an headine try at attention-grabbing to the body of your blog post, if you want to get it right on of these 10 clever ways to omen your next blog posr with a bang
                                                    </p>
                                                    <p class="kt-margin-t-25">
                                                        Best regards,
                                                    </p>
                                                    <p>
                                                        Jason Muller
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="kt-inbox__reply kt-inbox__reply--on">
                                            <div class="kt-inbox__actions">
                                                <button class="btn btn-secondary btn-bold">
                                                    <i class="flaticon2-reply-1 kt-font-brand"></i> Reply
                                                </button>
                                                <button class="btn btn-secondary btn-bold">
                                                    <i class="flaticon2-left-arrow-1 kt-font-brand"></i> Forward
                                                </button>
                                            </div>
                                            <div class="kt-inbox__form" id="kt_inbox_reply_form">
                                                <div class="kt-inbox__body">
                                                    <div class="kt-inbox__to">
                                                        <div class="kt-inbox__wrapper">
                                                            <div class="kt-inbox__field kt-inbox__field--to">
                                                                <div class="kt-inbox__label">
                                                                    To:
                                                                </div>
                                                                <div class="kt-inbox__input">
                                                                    <input type="text" name="compose_to" value="Chris Muller, Lina Nilson">
                                                                </div>
                                                                <div class="kt-inbox__tools">
                                                                    <span class="kt-inbox__tool kt-inbox__tool--cc">Cc</span>
                                                                    <span class="kt-inbox__tool kt-inbox__tool--bcc">Bcc</span>
                                                                </div>
                                                            </div>
                                                            <div class="kt-inbox__field kt-inbox__field--cc">
                                                                <div class="kt-inbox__label">
                                                                    Cc:
                                                                </div>
                                                                <div class="kt-inbox__input">
                                                                    <input type="text" name="compose_cc">
                                                                </div>
                                                                <div class="kt-inbox__tools">
                                                                    <button type="button" class="kt-inbox__icon kt-inbox__icon--delete kt-inbox__icon--sm kt-inbox__icon--light">
                                                                        <i class="flaticon2-cross"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="kt-inbox__field kt-inbox__field--bcc">
                                                                <div class="kt-inbox__label">
                                                                    Bcc:
                                                                </div>
                                                                <div class="kt-inbox__input">
                                                                    <input type="text" name="compose_bcc">
                                                                </div>
                                                                <div class="kt-inbox__tools">
                                                                    <button type="button" class="kt-inbox__icon kt-inbox__icon--delete kt-inbox__icon--sm kt-inbox__icon--light">
                                                                        <i class="flaticon2-cross"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-inbox__editor" id="kt_inbox_reply_editor" style="height: 200px;">
                                                    </div>
                                                    <div class="kt-inbox__attachments">
                                                        <div class="dropzone dropzone-multi" id="kt_inbox_reply_attachments">
                                                            <div class="dropzone-items">
                                                                <div class="dropzone-item" style="display:none">
                                                                    <div class="dropzone-file">
                                                                        <div class="dropzone-filename" title="some_image_file_name.jpg">
                                                                            <span data-dz-name>some_image_file_name.jpg</span> <strong>(<span  data-dz-size>340kb</span>)</strong>
                                                                        </div>
                                                                        <div class="dropzone-error" data-dz-errormessage></div>
                                                                    </div>
                                                                    <div class="dropzone-progress">
                                                                        <div class="progress">
                                                                            <div class="progress-bar kt-bg-brand" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dropzone-toolbar">
                                                                        <span class="dropzone-delete" data-dz-remove><i class="flaticon2-cross"></i></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__foot">
                                                    <div class="kt-inbox__primary">
                                                        <div class="btn-group">
                                                            <button type="button" class="btn btn-brand btn-bold">
                                                                Send
                                                            </button>
                                                            <button type="button" class="btn btn-brand btn-bold dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                                            </button>
                                                            <div class="dropdown-menu dropup dropdown-menu-fit dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link">
                                                                            <i class="kt-nav__link-icon flaticon2-writing"></i>
                                                                            <span class="kt-nav__link-text">Schedule Send</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link">
                                                                            <i class="kt-nav__link-icon flaticon2-medical-records"></i>
                                                                            <span class="kt-nav__link-text">Save & archive</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link">
                                                                            <i class="kt-nav__link-icon flaticon2-hourglass-1"></i>
                                                                            <span class="kt-nav__link-text">Cancel</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="kt-inbox__panel">
                                                            <button class="kt-inbox__icon kt-inbox__icon--light" id="kt_inbox_reply_attachments_select">
                                                                <i class="flaticon2-clip-symbol"></i>
                                                            </button>
                                                            <button class="kt-inbox__icon kt-inbox__icon--light">
                                                                <i class="flaticon2-pin"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="kt-inbox__secondary">
                                                        <button class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" title="More actions">
                                                            <i class="flaticon2-settings"></i>
                                                        </button>
                                                        <button class="kt-inbox__icon kt-inbox__icon--remove kt-inbox__icon--light" data-toggle="kt-tooltip" title="Dismiss reply">
                                                            <i class="flaticon2-rubbish-bin-delete-button"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--End:: Inbox View-->
                            </div>

                            <!--End::Inbox-->

                            <!--Begin:: Inbox Compose-->
                            <div class="modal modal-sticky-bottom-right modal-sticky-lg" id="kt_inbox_compose" role="dialog" data-backdrop="false">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content kt-inbox">
                                        <div class="kt-inbox__form" id="kt_inbox_compose_form">
                                            <div class="kt-inbox__head">
                                                <div class="kt-inbox__title">Compose</div>
                                                <div class="kt-inbox__actions">
                                                    <button type="button" class="kt-inbox__icon kt-inbox__icon--md kt-inbox__icon--light">
                                                        <i class="flaticon2-arrow-1"></i>
                                                    </button>
                                                    <button type="button" class="kt-inbox__icon kt-inbox__icon--md kt-inbox__icon--light" data-dismiss="modal">
                                                        <i class="flaticon2-cross"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="kt-inbox__body">
                                                <div class="kt-inbox__to">
                                                    <div class="kt-inbox__wrapper">
                                                        <div class="kt-inbox__field kt-inbox__field--to">
                                                            <div class="kt-inbox__label">
                                                                To:
                                                            </div>
                                                            <div class="kt-inbox__input">
                                                                <input type="text" name="compose_to" value="Chris Muller, Lina Nilson">
                                                            </div>
                                                            <div class="kt-inbox__tools">
                                                                <span class="kt-inbox__tool kt-inbox__tool--cc">Cc</span>
                                                                <span class="kt-inbox__tool kt-inbox__tool--bcc">Bcc</span>
                                                            </div>
                                                        </div>
                                                        <div class="kt-inbox__field kt-inbox__field--cc">
                                                            <div class="kt-inbox__label">
                                                                Cc:
                                                            </div>
                                                            <div class="kt-inbox__input">
                                                                <input type="text" name="compose_cc">
                                                            </div>
                                                            <div class="kt-inbox__tools">
                                                                <button type="button" class="kt-inbox__icon kt-inbox__icon--delete kt-inbox__icon--sm kt-inbox__icon--light">
                                                                    <i class="flaticon2-cross"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <div class="kt-inbox__field kt-inbox__field--bcc">
                                                            <div class="kt-inbox__label">
                                                                Bcc:
                                                            </div>
                                                            <div class="kt-inbox__input">
                                                                <input type="text" name="compose_bcc">
                                                            </div>
                                                            <div class="kt-inbox__tools">
                                                                <button type="button" class="kt-inbox__icon kt-inbox__icon--delete kt-inbox__icon--sm kt-inbox__icon--light">
                                                                    <i class="flaticon2-cross"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__subject">
                                                    <input class="form-control" name="compose_subject" placeholder="Subject">
                                                </div>
                                                <div class="kt-inbox__editor" id="kt_inbox_compose_editor" style="height: 300px">
                                                </div>
                                                <div class="kt-inbox__attachments">
                                                    <div class="dropzone dropzone-multi" id="kt_inbox_compose_attachments">
                                                        <div class="dropzone-items">
                                                            <div class="dropzone-item" style="display:none">
                                                                <div class="dropzone-file">
                                                                    <div class="dropzone-filename" title="some_image_file_name.jpg">
                                                                        <span data-dz-name>some_image_file_name.jpg</span> <strong>(<span  data-dz-size>340kb</span>)</strong>
                                                                    </div>
                                                                    <div class="dropzone-error" data-dz-errormessage></div>
                                                                </div>
                                                                <div class="dropzone-progress">
                                                                    <div class="progress">
                                                                        <div class="progress-bar kt-bg-brand" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress></div>
                                                                    </div>
                                                                </div>
                                                                <div class="dropzone-toolbar">
                                                                    <span class="dropzone-delete" data-dz-remove><i class="flaticon2-cross"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-inbox__foot">
                                                <div class="kt-inbox__primary">
                                                    <div class="btn-group">
                                                        <button type="button" class="btn btn-brand btn-bold">
                                                            Send
                                                        </button>
                                                        <button type="button" class="btn btn-brand btn-bold dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                                        </button>
                                                        <div class="dropdown-menu dropup dropdown-menu-fit dropdown-menu-right">
                                                            <ul class="kt-nav">
                                                                <li class="kt-nav__item">
                                                                    <a href="#" class="kt-nav__link">
                                                                        <i class="kt-nav__link-icon flaticon2-writing"></i>
                                                                        <span class="kt-nav__link-text">Schedule Send</span>
                                                                    </a>
                                                                </li>
                                                                <li class="kt-nav__item">
                                                                    <a href="#" class="kt-nav__link">
                                                                        <i class="kt-nav__link-icon flaticon2-medical-records"></i>
                                                                        <span class="kt-nav__link-text">Save & archive</span>
                                                                    </a>
                                                                </li>
                                                                <li class="kt-nav__item">
                                                                    <a href="#" class="kt-nav__link">
                                                                        <i class="kt-nav__link-icon flaticon2-hourglass-1"></i>
                                                                        <span class="kt-nav__link-text">Cancel</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="kt-inbox__panel">
                                                        <label class="kt-inbox__icon kt-inbox__icon--light" id="kt_inbox_compose_attachments_select">
                                                            <i class="flaticon2-clip-symbol"></i>
                                                        </label>
                                                        <label class="kt-inbox__icon kt-inbox__icon--light">
                                                            <i class="flaticon2-pin"></i>
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="kt-inbox__secondary">
                                                    <button class="kt-inbox__icon kt-inbox__icon--light" data-toggle="kt-tooltip" title="More actions">
                                                        <i class="flaticon2-settings"></i>
                                                    </button>
                                                    <button class="kt-inbox__icon kt-inbox__icon--remove kt-inbox__icon--light" data-toggle="kt-tooltip" title="Dismiss reply">
                                                        <i class="flaticon2-rubbish-bin-delete-button"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--End:: Inbox Compose-->





                            <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">

                                <!--begin:: Widgets/Trends-->
                                <div class="kt-portlet kt-portlet--head--noborder kt-portlet--height-fluid">
                                    <div class="kt-portlet__head kt-portlet__head--noborder">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Trends
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">
                                            <div class="dropdown dropdown-inline">
                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-lg" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="flaticon-more-1"></i>
                                                </button>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <ul class="kt-nav">
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-line-chart"></i>
                                                                <span class="kt-nav__link-text">Reports</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-send"></i>
                                                                <span class="kt-nav__link-text">Messages</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-pie-chart-1"></i>
                                                                <span class="kt-nav__link-text">Charts</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-avatar"></i>
                                                                <span class="kt-nav__link-text">Members</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-settings"></i>
                                                                <span class="kt-nav__link-text">Settings</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body kt-portlet__body--fluid kt-portlet__body--fit">
                                        <div class="kt-widget4 kt-widget4--sticky">
                                            <div class="kt-widget4__chart">
                                                <canvas id="kt_chart_trends_stats" style="height: 240px;"></canvas>
                                            </div>
                                            <div class="kt-widget4__items kt-widget4__items--bottom kt-portlet__space-x kt-margin-b-20">
                                                <div class="kt-widget4__item">
                                                    <div class="kt-widget4__img kt-widget4__img--logo">
                                                        <img src="../assets/media/client-logos/logo3.png" alt="">
                                                    </div>
                                                    <div class="kt-widget4__info">
                                                        <a href="#" class="kt-widget4__title">
                                                            Phyton
                                                        </a>
                                                        <span class="kt-widget4__sub">
																	A Programming Language
																</span>
                                                    </div>
                                                    <span class="kt-widget4__ext">
																<span class="kt-widget4__number kt-font-danger">+$17</span>
															</span>
                                                </div>
                                                <div class="kt-widget4__item">
                                                    <div class="kt-widget4__img kt-widget4__img--logo">
                                                        <img src="../assets/media/client-logos/logo1.png" alt="">
                                                    </div>
                                                    <div class="kt-widget4__info">
                                                        <a href="#" class="kt-widget4__title">
                                                            FlyThemes
                                                        </a>
                                                        <span class="kt-widget4__sub">
																	A Let's Fly Fast Again Language
																</span>
                                                    </div>
                                                    <span class="kt-widget4__ext">
																<span class="kt-widget4__number kt-font-danger">+$300</span>
															</span>
                                                </div>
                                                <div class="kt-widget4__item">
                                                    <div class="kt-widget4__img kt-widget4__img--logo">
                                                        <img src="../assets/media/client-logos/logo2.png" alt="">
                                                    </div>
                                                    <div class="kt-widget4__info">
                                                        <a href="#" class="kt-widget4__title">
                                                            AirApp
                                                        </a>
                                                        <span class="kt-widget4__sub">
																	Awesome App For Project Management
																</span>
                                                    </div>
                                                    <span class="kt-widget4__ext">
																<span class="kt-widget4__number kt-font-danger">+$6700</span>
															</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Trends-->
                            </div>
                            <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">

                                <!--begin:: Widgets/Last Updates-->
                                <div class="kt-portlet kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Latest Updates
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">
                                            <a href="#" class="btn btn-label-brand btn-bold btn-sm dropdown-toggle" data-toggle="dropdown">
                                                Today
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-fit dropdown-menu-md dropdown-menu-right">

                                                <!--begin::Nav-->
                                                <ul class="kt-nav">
                                                    <li class="kt-nav__head">
                                                        Export Options
                                                        <span data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">
																	<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon kt-svg-icon--brand kt-svg-icon--md1">
																		<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
																			<rect x="0" y="0" width="24" height="24" />
																			<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10" />
																			<rect fill="#000000" x="11" y="10" width="2" height="7" rx="1" />
																			<rect fill="#000000" x="11" y="7" width="2" height="2" rx="1" />
																		</g>
																	</svg> </span>
                                                    </li>
                                                    <li class="kt-nav__separator"></li>
                                                    <li class="kt-nav__item">
                                                        <a href="#" class="kt-nav__link">
                                                            <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                            <span class="kt-nav__link-text">Activity</span>
                                                        </a>
                                                    </li>
                                                    <li class="kt-nav__item">
                                                        <a href="#" class="kt-nav__link">
                                                            <i class="kt-nav__link-icon flaticon2-calendar-8"></i>
                                                            <span class="kt-nav__link-text">FAQ</span>
                                                        </a>
                                                    </li>
                                                    <li class="kt-nav__item">
                                                        <a href="#" class="kt-nav__link">
                                                            <i class="kt-nav__link-icon flaticon2-telegram-logo"></i>
                                                            <span class="kt-nav__link-text">Settings</span>
                                                        </a>
                                                    </li>
                                                    <li class="kt-nav__item">
                                                        <a href="#" class="kt-nav__link">
                                                            <i class="kt-nav__link-icon flaticon2-new-email"></i>
                                                            <span class="kt-nav__link-text">Support</span>
                                                            <span class="kt-nav__link-badge">
																		<span class="kt-badge kt-badge--success kt-badge--rounded">5</span>
																	</span>
                                                        </a>
                                                    </li>
                                                    <li class="kt-nav__separator"></li>
                                                    <li class="kt-nav__foot">
                                                        <a class="btn btn-label-danger btn-bold btn-sm" href="#">Upgrade plan</a>
                                                        <a class="btn btn-clean btn-bold btn-sm" href="#" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">Learn more</a>
                                                    </li>
                                                </ul>

                                                <!--end::Nav-->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body">

                                        <!--begin::widget 12-->
                                        <div class="kt-widget4">
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon-pie-chart-1 kt-font-info"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    Metronic v6 has been arrived!
                                                </a>
                                                <span class="kt-widget4__number kt-font-info">+500</span>
                                            </div>
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon-safe-shield-protection  kt-font-success"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    Metronic community meet-up 2019 in Rome.
                                                </a>
                                                <span class="kt-widget4__number kt-font-success">+1260</span>
                                            </div>
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon2-line-chart kt-font-danger"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    Metronic Angular 8 version will be landing soon...
                                                </a>
                                                <span class="kt-widget4__number kt-font-danger">+1080</span>
                                            </div>
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon2-pie-chart-1 kt-font-primary"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    ale! Purchase Metronic at 70% off for limited time
                                                </a>
                                                <span class="kt-widget4__number kt-font-primary">70% Off!</span>
                                            </div>
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon2-rocket kt-font-brand"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    Metronic VueJS version is in progress. Stay tuned!
                                                </a>
                                                <span class="kt-widget4__number kt-font-brand">+134</span>
                                            </div>
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon2-notification kt-font-warning"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    Black Friday! Purchase Metronic at ever lowest 90% off for limited time
                                                </a>
                                                <span class="kt-widget4__number kt-font-warning">70% Off!</span>
                                            </div>
                                            <div class="kt-widget4__item">
														<span class="kt-widget4__icon">
															<i class="flaticon2-file kt-font-success"></i>
														</span>
                                                <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                                    Metronic React version is in progress.
                                                </a>
                                                <span class="kt-widget4__number kt-font-success">+13%</span>
                                            </div>
                                        </div>

                                        <!--end::Widget 12-->
                                    </div>
                                </div>

                                <!--end:: Widgets/Last Updates-->
                            </div>

                            <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">

                                <!--begin:: Widgets/Top Locations-->
                                <div class="kt-portlet kt-portlet--head--noborder kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Top Locations
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">
                                            <div class="dropdown dropdown-inline">
                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-lg" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="flaticon-more-1"></i>
                                                </button>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <ul class="kt-nav">
                                                        <li class="kt-nav__section kt-nav__section--first">
                                                            <span class="kt-nav__section-text">Finance</span>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-graph-1"></i>
                                                                <span class="kt-nav__link-text">Statistics</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-calendar-4"></i>
                                                                <span class="kt-nav__link-text">Events</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-layers-1"></i>
                                                                <span class="kt-nav__link-text">Reports</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__section">
                                                            <span class="kt-nav__section-text">Customers</span>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-calendar-4"></i>
                                                                <span class="kt-nav__link-text">Notifications</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-file-1"></i>
                                                                <span class="kt-nav__link-text">Files</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body">
                                        <div class="kt-widget15">
                                            <div class="kt-widget15__map">
                                                <div id="kt_chart_latest_trends_map" style="height:320px;"></div>
                                            </div>
                                            <div class="kt-widget15__items kt-margin-t-30">
                                                <div class="row">
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		63%
																	</span>
                                                            <span class="kt-widget15__text">
																		London
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-danger" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>
                                                        </div>

                                                        <!--end::widget item-->
                                                    </div>
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		54%
																	</span>
                                                            <span class="kt-widget15__text">
																		Glasgow
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-warning" role="progressbar" style="width: 40%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>
                                                        </div>

                                                        <!--end::widget item-->
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		41%
																	</span>
                                                            <span class="kt-widget15__text">
																		Dublin
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-success" role="progressbar" style="width: 55%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>
                                                        </div>

                                                        <!--end::widget item-->
                                                    </div>
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		79%
																	</span>
                                                            <span class="kt-widget15__text">
																		Edinburgh
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-primary" role="progressbar" style="width: 60%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>

                                                            <!--end::widget item-->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Top Locations-->
                            </div>
                            <!--End::Row-->
                            <!-- end:: Content -->
                        </div>
                    </div>

                    <!-- begin:: Footer -->

                    <!--begin::Page Scripts(used by this page) -->
                    <script src="{{ assets }}js/pages/dashboard.js" type="text/javascript"></script>
                    <script src="{{ assets }}js/pages/custom/inbox/inbox.js" type="text/javascript"></script>
                    <!--end::Page Scripts -->

                    {{ render(controller('App\\Controller\\Common\\Footer::index')) }}
