@extends('frontend.home')
@section('content')

    <style>
        /*
 * Developer: Alireza Eskandarpour Shoferi
 * Designer: Wouter de Bres (dribbble.com/wdeb)
 *
 * Distributed under the terms of the MIT license
 * https://opensource.org/licenses/MIT
 */
        /*.wrapper {*/
        /*position: absolute;*/
        /*top: 205%;*/
        /*left: 44%;*/
        /*margin: -190px 0 0 -468px;*/
        /*!*font-family: 'Open Sans', sans-serif;*!*/
        /*font-weight: 400;*/
        /*!*color: #9f9f9f;*!*/
        /*font-size: 15px;*/
        /*}*/

        .package {
            box-sizing: border-box;
            width: 263px;
            /*height: 380px;*/
            border: 2px solid #5780ca;
            border-radius: 40px;
            display: inline-block;
            padding: 40px;
            /*text-align: center;*/
            float: left;
            transition: margin-top 0.5s linear;
            position: relative;
            margin-right: 11px;
        }

        .package:hover {
            margin-top: -30px;
            transition: margin-top 0.3s linear;
        }

        .name {
            color: #565656;
            font-weight: 300;
            font-size: 3rem;
            margin-top: -5px;
        }

        .price {
            margin-top: 7px;
            font-weight: bold;
            font-size: 28px;
        }

        .price::after {
            content: " / yr";
            font-weight: bold;
        }

        hr {
            background-color: #dedede;
            border: none;
            height: 1px;
        }

        ul {
            list-style: none;
            padding: 0;
            text-align: left;
            margin-top: 29px;
        }

        li::before {
            /*content: "\f00c";*/
            font-size: 1.3rem;
            color: #33c4b6;
            margin-right: 3px;
        }
    </style>
    <div id="pricing" style="margin-top: 130px;background-color: whitesmoke;">
        <div class="container">
            <!-- Section Title Start -->
            <div class="section--title">
                <div class="row">
                    <div class="col-md-6">
                        <h2>Web<span> Hosting</span></h2>
                    </div>
                    <div class="col-md-6">
                        <p>
                            Nepal’s fastest, secure and flexible Web Hosting
                        </p>
                    </div>
                </div>
            </div>
            <!-- Section Title End -->
            <div class="row reset-gutter">
                <p>
                    At AccessWorld we offer fast, flexible and secure plans designed to help you get online and manage
                    your site with ease.

                </p>
                <p>
                    <br><br>

                    Fast

                <p><br>Our platform is designed for fast load speeds. We use the latest Hewlett Packard Enterprise
                    hardware, high availability storage, (3PAR) and intelligent load balancing technology to keep your
                    site loading fast - even during peak traffic.


                </p>   <br>Security

                <p><br>High specification firewalls act as a first line of defence from any external threats. For extra
                    peace of mind, we offer free SSL encryption and automated daily website backups with every plan, so
                    you'll never have to worry about data loss.


                </p><br> Best SLA in Nepal

                <p><br>We store your site in our privately owned state-of-the-art data centre, connected to our own
                    multi-tiered network and monitor performance around the clock - guaranteeing unrivalled uptime and
                    fast load speeds for your site.

                </p><br> Helping you grow

                <p><br>Hosted over multiple machines, our Cloud Web Hosting plans are infinitely scalable. Meaning your
                    site can grow without limitations and you can upgrade or downgrade your plan off the cuff without
                    any downtime.
                </p>
            </div>
        </div>
    </div>
    @if(Session::get('domain_name'))
        {{Session::get('domain_name')}}
    @endif
    <form action="" id="webHostForm" method="post" novalidate>
        <label>Domain Name</label>
        <input type="text" name="domain" id="domain" required>
        <input type="submit" name="domSub" id="webSub" value="Submit">
        <a href="#" id="add-to-cart" class="btn btn-primary">Add to Cart</a>
    </form>

@endsection

@section('script')
    <script>
        $(function () {

            var form    = $('#webHostForm');
            var cartBtn = $('#add-to-cart');
            var subBtn  = $('#webSub');
            var input   = $('#domain');

            form.validate();
            cartBtn.hide();

            form.submit(function (e) {
                e.preventDefault();
                var domain = input.val();
                $.ajax({
                    method: 'POST',
                    url: '{{ route('set.websession') }}',
                    data: {
                        '_token': '{{ csrf_token() }}',
                        domain_name: domain,

                    },
                    // dataType: "json",

                    success: function (response) {
                        subBtn.hide();
                        cartBtn.show();
                    },

                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log(errorThrown)
                    }
                });
            });
        });
    </script>
@endsection