title = "Agent Account Report"
url = "/agent-account/reports"
layout = "agent-account"
is_hidden = 0

[viewBag]
localeUrl[gr] = "/agent-account"

[account]
redirect = "agent-account/dashboard"
paramCode = "code"
forceSecure = 1
==

<div class="current-books">
    <div class="report-card-margin">
        <div class="report-card-block">
            <ul class="mothly-report">
                <li class="lblue-box">
                    <div class="revenu-report">
                        <div class="row">
                            <div class="col-9 col-md-8 col-xl-9">
                                <h5> Gross Revenue This Month</h5>
                            </div>
                            <div class="col-3 col-md-4 col-xl-3">
                                <h5>+34%</h5>
                            </div>
                            <div class="col-12">
                                <h3>
                                    <i class="fas fa-pound-sign"></i>
                                    &nbsp;22798
                                </h3>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="pink-box">
                    <div class="revenu-report">
                        <div class="row">
                            <div class="col-9 col-md-8 col-xl-9">
                                <h5>Your commision This month</h5>
                            </div>
                            <div class="col-3 col-md-4 col-xl-3">
                                <h5>+7%</h5>
                            </div>
                            <div class="col-12">
                                <h3>
                                    <i class="fas fa-pound-sign"></i>
                                    &nbsp;2798
                                </h3>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="gray-box">
                    <div class="revenu-report">
                        <div class="row">
                            <div class="col-9 col-md-8 col-xl-9">
                                <h5>Booking made this month</h5>
                            </div>
                            <div class="col-3 col-md-4 col-xl-3">
                                <h5>+7%</h5>
                            </div>
                            <div class="col-12">
                                <h3>
                                    <i class="fas fa-pound-sign"></i>
                                    &nbsp;136
                                </h3>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="commision-report">
                <div class="commision-report-panel">
                    <div class="row">
                        <div class="col-md-6 col-lg-6 col-xl-3">
                            <h5>Commission Report</h5>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-2">
                            <div class="range-selecter">
                                <i class="fas fa-search"></i>
                                <input type="text" class="search-report">
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-12 col-xl-7">
                            <div class="box-2">
                                <ul class="from-to">
                                    <li>
                                        <label>From</label>
                                        <input type="text" class="datepucker flatpickr-input" readonly="readonly">
                                    </li>
                                    <li>
                                        <label>To</label>
                                        <input type="text" class="datepucker flatpickr-input" readonly="readonly">
                                    </li>
                                </ul>
                                <a href="#" class="download-full-report">
                                    <i class="fas fa-arrow-circle-down"></i>
                                    &nbsp;  Download Full Report
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="report-table table-responisve">
                    <table class="table">
                        <thead>
                        <tr>
                            <th scope="col">
                                Booking
                                Number
                            </th>
                            <th scope="col">
                                Transaction
                                Date
                            </th>
                            <th scope="col">
                                Itinerary
                                Code
                            </th>
                            <th scope="col">
                                Product
                                description
                            </th>
                            <th scope="col">Client Details</th>
                            <th scope="col">Travel Dates</th>
                            <th scope="col">
                                Gross
                                transaction
                            </th>
                            <th scope="col">
                                Commision
                                earned
                            </th>
                            <th scope="col">Status</th>
                            <th scope="col">Client Details</th>
                            <th scope="col">Travel Dates</th>
                            <th scope="col">
                                Gross
                                transaction
                            </th>
                            <th scope="col">
                                Commision
                                earned
                            </th>
                            <th scope="col">Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="red-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        <tr>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                            <td>12-15 Febuary 2020</td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                1250.00
                            </td>
                            <td>
                                <i class="fas fa-pound-sign"></i>
                                125.00
                            </td>
                            <td>
                                <span class="gren-st"></span>
                            </td>
                            <td class="lblue">A72501227</td>
                            <td>10 march 2020</td>
                            <td>A72501227</td>
                            <td>Package</td>
                            <td>Mr dawson</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
<!--            <div class="commision-report recent-booking ">-->
<!--                <h5>Recent Polular Booking</h5>-->
<!--                <div class="row mt-20">-->
<!--                    <div class="col-md-12 col-lg-6 col-xl-4">-->
<!--                        <div class="package-special">-->
<!--                            <div class="row ">-->
<!--                                -->
<!--                                <div class="col-md-5 col-5">-->
<!--                                    <div class="post-img">-->
<!--                                        <img src="images/myaccount/postthumb.png" class="img-fluid">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                -->
<!--                                <div class="col-md-7 col-7">-->
<!--                                    <div class="post-info">-->
<!--                                        <h3>Romantic Package</h3>-->
<!--                                        <p>Special Offer</p>-->
<!--                                        <a href="#" class="pink">11 Booking</a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    -->
<!--                    <div class="col-md-12 col-lg-6 col-xl-4">-->
<!--                        <div class="package-special">-->
<!--                            <div class="row ">-->
<!--                                -->
<!--                                <div class="col-md-5 col-5">-->
<!--                                    <div class="post-img">-->
<!--                                        <img src="images/myaccount/postthumb.png" class="img-fluid">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                -->
<!--                                <div class="col-md-7 col-7">-->
<!--                                    <div class="post-info">-->
<!--                                        <h3>Romantic Package</h3>-->
<!--                                        <p>Special Offer</p>-->
<!--                                        <a href="#" class="pink">11 Booking</a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    -->
<!--                    <div class="col-md-12 col-lg-6 col-xl-4">-->
<!--                        <div class="package-special no-border">-->
<!--                            <div class="row ">-->
<!--                                -->
<!--                                <div class="col-md-5 col-5">-->
<!--                                    <div class="post-img">-->
<!--                                        <img src="images/myaccount/postthumb.png" class="img-fluid">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                -->
<!--                                <div class="col-md-7 col-7">-->
<!--                                    <div class="post-info">-->
<!--                                        <h3>Romantic Package</h3>-->
<!--                                        <p>Special Offer</p>-->
<!--                                        <a href="#" class="pink">11 Booking</a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
</div>


<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vuex"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/jquery/jquery-3.5.1.js"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/popper.min.js"></script>
<script src="/themes/ketikidis-octobercms-success/assets/js/ext/flatpickr.js"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/bootstrap.min.js"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/slick.js"></script>
<script>
    $('.multi-images').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        prevArrow: $('.home-sale-prev'),
        nextArrow: $('.home-sale-next'),
        fade: true,
        asNavFor: '.slider-nav'
    });

    $('.slider-nav').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        asNavFor: '.multi-images',
        dots: false,
        centerMode: false,
        arrows:false,
        focusOnSelect: true,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 1,
                }
            }, {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1
                }
            }, {
                breakpoint: 480,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1
                }
            }
        ]
    });
</script>
<script>
    $(".datepucker").flatpickr({
        enableTime: false,
        dateFormat: "F, d Y "
    });
</script>