<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Ravana Adventure Park</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- App favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('/favicon/apple-icon-57x57.png') }}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('/favicon/apple-icon-60x60.png') }}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('/favicon/apple-icon-72x72.png') }}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('/favicon/apple-icon-76x76.png') }}">
    <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('/favicon/apple-icon-114x114.png') }}">
    <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('/favicon/apple-icon-120x120.png') }}">
    <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('/favicon/apple-icon-144x144.png') }}">
    <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('/favicon/apple-icon-152x152.png') }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/favicon/apple-icon-180x180.png') }}">
    <link rel="icon" type="image/png" sizes="192x192"  href="{{ asset('/favicon/android-icon-192x192.png') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/favicon/favicon-32x32.png') }}">
    <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('/favicon/favicon-96x96.png') }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/favicon/favicon-16x16.png') }}">
    <link rel="manifest" href="{{ asset('/favicon/manifest.json') }}">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="{{ asset('/favicon/ms-icon-144x144.png') }}">
    <meta name="theme-color" content="#ffffff">

    <!-- jquery.vectormap css -->
    <link href="{{ asset("/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css") }}" rel="stylesheet" type="text/css" />

    <!-- Bootstrap Css -->
    <link href="{{ asset("/assets/css/bootstrap.min.css") }}"  type="text/css" id="bootstrap-style" rel="stylesheet" />
    <!-- Icons Css -->
    <link href="{{ asset("/assets/css/icons.min.css") }}" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    <link href="{{ asset("/assets/css/app.min.css") }}" id="app-style" rel="stylesheet" type="text/css" />

</head>

<body style="
    background-image: linear-gradient( rgba(0,0,0,0.7), rgba(0,0,0,0.7) ), url('https://ravanaadventurepark.com/wp-content/uploads/2022/07/slide2.jpg');
    background-size: cover;
    background-position: top;
    position: relative;">

<section class="home3 main-footer wf100" style="margin-top:10px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-7">
                <div class="Mayor-welcome p80 text-center">
                        </br>
                        <h4 style="color:#ffffff">SELECT YOUR PACKAGE & ACTIVITIES</h4>
                        </br>
                        <form action="/" method="POST">
                        <table id="datatable-buttons" class="table table-bordered dt-responsive nowrap text-left" style="background-color:#7a8c9a;border-collapse: collapse; border-spacing: 0; width: 100%;">
                           <tbody>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">Visitor Count</td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    {{$visitor_count}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">Date</td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    {{$selected_date}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">Camping Package</td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    {{$camping_package}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">Activities</td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    {{$activities}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">Total-Amount (USD)</td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    {{$total_amount}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">Phone-Number</td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    {{$phone_number}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color:#ffffff;text-align:left;">
                                    <button class="btn btn-dark btn-lg btn-block" onclick="location.href='https://bookings.ravanaadventurepark.com/foreign-activities'" type="button">
                                        Select Again
                                    </button>
                                </td>
                                <td colspan="2" style="color:#ffffff;text-align:center;">
                                    <input type="submit" class="btn btn-primary btn-lg btn-block" value="Confirm & Book"/>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        </form>

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


<div class="mt-5 text-center">
    <p>© 2022 Ravana Adventure Park</p>
</div>



<!-- JAVASCRIPT -->
<script src="{{ asset("/assets/libs/jquery/jquery.min.js") }}"></script>
<script src="{{ asset("/assets/libs/bootstrap/js/bootstrap.bundle.min.js") }}"></script>
<script src="{{ asset("/assets/libs/metismenu/metisMenu.min.js") }}"></script>
<script src="{{ asset("/assets/libs/simplebar/simplebar.min.js") }}"></script>
<script src="{{ asset("/assets/libs/node-waves/waves.min.js") }}"></script>

<!-- apexcharts -->
<script src="{{ asset("/assets/libs/apexcharts/apexcharts.min.js") }}"></script>

<!-- jquery.vectormap map -->
<script src="{{ asset("/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js") }}"></script>
<script src="{{ asset("/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js") }}"></script>

<!--form -->
<script src="{{ asset("/assets/libs/select2/js/select2.min.js") }}"></script>
<script src="{{ asset("/assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js") }}"></script>
<script src="{{ asset("/assets/libs/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js") }}"></script>
<script src="{{ asset("/assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js") }}"></script>
<script src="{{ asset("/assets/libs/bootstrap-maxlength/bootstrap-maxlength.min.js") }}"></script>

<!-- form advanced init -->
<script src="{{ asset("/assets/js/pages/form-advanced.init.js") }}"></script>

<!-- endform -->

<!-- Dashboard Data -->
<script src="{{ asset("/assets/js/pages/dashboard.init.js") }}"></script>

<script src="{{ asset("/assets/js/pages/dashboard-2.init.js") }}"></script>


<script src="{{ asset("/assets/js/app.js") }}"></script>



</body>

</html>
