| Current File : /home/itiffy/public_html/resources/views/frontend/hosting.blade.php |
@extends('frontend.layouts.master')
@section('content')
<!-- BREADCRUMB SECTION -->
<div class="breadcrumb-box">
<ol class="breadcrumb container">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="breadcrumb-item active">Hosting Plans</li>
</ol>
</div>
<!-- /BREADCRUMB SECTION -->
<!-- CONTENT SECTION -->
<div class="content-section">
<!-- Section01 -->
<div class="hosting-plans-section-01 text-center"><img src="{{ url('public/images') }}/hosting-plans-img-01.jpg" alt=""></div>
<!-- /Section01 -->
<!-- Section02 -->
<div class="hosting-plans-section-02">
<div class="container">
<h2>HIGH PERFORMANCE. <span>GURANTEED.</span></h2>
<p>We only use the best resources and equiptments to provide high performing App and web servers.</p>
<div class="row">
<div class="col-sm-3">
<div class="plan-box clearfix">
<div class="black-heading">Standard Plan</div>
<div class="plan-pricing"><span> $ </span>149<sup>99</sup><i class="fa fa-square"></i><span>Yearly</span></div>
<hr>
<p>Single Domain</p>
<p>Unmetered bandwidth (FUP applicable)</p>
<p> 1 GB storage</p>
<p> Free Business Email - Up to 10</p>
<p> Server Security</p>
<p> Amazing uptime</p>
<p> Power of dedicated server - 2x processing power and memory</p>
<hr>
<div class="btn btn-primary"><a href="javascript:void(0)" class="hosting-payment" id="Standard Plan" price="149.99" hires_hour_or_month="3">Buy Now</a></div>
</div>
</div>
<div class="col-sm-3">
<div class="plan-box">
<div class="black-heading">Premium Plan</div>
<div class="plan-pricing"><span> $ </span>299<sup>99</sup><i class="fa fa-square"></i><span>Yearly</span></div>
<hr>
<p>Single Domain</p>
<p>Unmetered bandwidth (FUP applicable)</p>
<p>5 GB storage</p>
<p>Free Business Email - Up to 25</p>
<p>Enhanced Security</p>
<p>Weekly Backups</p>
<p>Email Hosting</p>
<p>Outstanding Speed</p>
<p>Amazing uptime</p>
<p>Free Essential Server SSL Certificates (1st year)</p>
<p>Power of dedicated server - 2x processing power and memory</p>
<hr>
<div class="btn btn-primary"><a href="javascript:void(0)" class="hosting-payment" id="Premium Plan" price="299.99" hires_hour_or_month="3">Buy Now</a></div>
</div>
</div>
<div class="col-sm-3">
<div class="plan-box">
<div class="blue-heading"><i class="fa fa-star"></i> Cloud Hosting <i class="fa fa-star"></i></div>
<div class="plan-pricing"><span> $ </span>149<sup>99</sup><i class="fa fa-square"></i><span>Monthly</span></div>
<hr>
<p>Single Domain</p>
<p>Ultra-Fast Platform</p>
<p>Quick Scalable Resources - 4X More Scalable</p>
<p>Fully Managed Servers</p>
<p>2X faster load times due to low-density servers</p>
<p>Cloud hosting turbocharges your website!</p>
<p>Daily Backups</p>
<p>VIP Support</p>
<hr>
<div class="btn btn-primary"><a href="javascript:void(0)" class="hosting-payment" id="Cloud Hosting" price="149.99" hires_hour_or_month="2">Buy Now</a></div>
</div>
</div>
<div class="col-sm-3">
<div class="plan-box">
<div class="black-heading">Dedicated Hosting</div>
<div class="plan-pricing"><span> $ </span>299<sup>99</sup><i class="fa fa-square"></i><span>Monthly</span></div>
<hr>
<p>Unlimited domain hosting</p>
<p>Starting from 100 GB Storage</p>
<p>Includes 100 GB Server backup space</p>
<p>Daily Backups</p>
<p>Fully Managed cPanel access</p>
<p>Hot-Swappable Drive Chassis</p>
<p>75Mbps (~25TB) Bandwidth</p>
<p>1,000Mbps Burstable GigE Uplink</p>
<p>KernelCare Rebootless Updates</p>
<p>Email Hosting</p>
<p>Outstanding Speed</p>
<p>Amazing uptime</p>
<hr>
<div class="btn btn-primary"><a href="javascript:void(0)" class="hosting-payment" id="Dedicated Hosting" price="299.99" hires_hour_or_month="2">Buy Now</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- /Section02 -->
<!-- Section04 -->
<div class="hosting-plans-section-04">
<div class="container">
<div class="row">
<div class="col-sm-7 text-center"><img src="{{ url('public/images') }}/move-host.png" alt=""></div>
<div class="col-sm-5">
<h2>Changing Your Website Hosting Couldn't be Simpler</h2>
<p>Our hosting team at ITIFFY ensure that moving your website to ITIFFY is an absolutely smooth and simple process. Our engineers are always available to move your sites to ITIFFY Servers with the least downtime possible.</p>
<p>You just need to order any of our hosting plans and provide our team with the login details of your existing hosting provider. Our Experts will analyze your setup, provide you with an estimated time required to complete the migration and once approved, we wil start moving them over in no time.</p>
<p>We provide all this, absolutely free with all our hosting plans.</p>
<div class="btn btn-primary"><a href="{{ route('home') }}/contact-us">Contact Us</a></div>
</div>
</div>
</div>
</div>
<!-- /Section04 -->
<!-- Section03 -->
<div class="hosting-plans-section-03">
<div class="container">
<h2>High-performance hosting for all.</h2>
<h6>We have the highest quality infrastructure and dedicated support team to take care of you needs, from startup to enterprise level.</h6>
<p> </p>
<div class="row">
<div class="col-sm-4">
<p><img src="{{ url('public/images') }}/icon-hosting-01.png" alt=""></p>
<h6>High Performance</h6>
<p><strong>However you measure performance, we deliver.</strong> From lightning fast servers to high-availability and secure corporate clouds.</p>
<ul>
<li>Hosted dedicated and cloud servers</li>
<li>Low-latency networking and data centers</li>
<li>High-availability hosting solutions</li>
</ul>
</div>
<div class="col-sm-4">
<p><img src="{{ url('public/images') }}/icon-hosting-02.png" alt=""></p>
<h6>Custom Solutions</h6>
<p><strong>From simple to complex requirements,</strong> we’ll make sure you start with the right service and be there to help you grow.</p>
<ul>
<li>Online support and sales</li>
<li>Professional administration and support</li>
<li>Industry expertise and experience</li>
</ul>
</div>
<div class="col-sm-4">
<p><img src="{{ url('public/images') }}/icon-hosting-03.png" alt=""></p>
<h6>Scalable Infrastructure</h6>
<p><strong>Professional Infrastructure as a Service</strong> eliminates setup costs and delays, and lets you grow quickly and efficiently.</p>
<ul>
<li>Simple monthly pricing</li>
<li>Rapid server deployment</li>
<li>Self-service cloud hosting</li>
</ul>
</div>
</div>
<p> </p>
<h6><span><i class="fa fa-check" aria-hidden="true"></i> Guaranteed hardware <i class="fa fa-check" aria-hidden="true"></i> 100% network & power SLA <i class="fa fa-check" aria-hidden="true"></i> Rapid deployment <i class="fa fa-check" aria-hidden="true"></i> 30-day satisfaction guarantee</span></h6>
</div>
</div>
<!-- /Section03 -->
<!-- Section04 -->
<div class="testimonials-section">
<div class="q-mark"><img src="{{ url('public/images') }}/q-mark-top.png" alt=""></div>
<div class="container">
<div id="tcb-testimonial-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="author"><strong>Suzanne Davis</strong> , Vaxsmart</div>
<p><img src="{{ url('public/images') }}/tcb-left.png" alt=""> ITIFFY was quick to respond to my issues with my existing hosting provider. The team was very supportive and we managed to get our site up quickly. Can't thank the team at ITIFFY enough. <img src="{{ url('public/images') }}/tcb-right.png" alt=""></p>
</div>
<div class="item">
<div class="author"><strong>Anthony</strong> , Swagger Promo</div>
<p><img src="{{ url('public/images') }}/tcb-left.png" alt=""> The team at ITIFFY has been instrumental in setting up my new server. The responces have been fairly quick which is what I expect from a Hosting company. <img src="{{ url('public/images') }}/tcb-right.png" alt=""></p>
</div>
{{-- <div class="item">
<div class="author"><strong>Alexis Simpson</strong> - CEO & Developer</div>
<p><img src="{{ url('public/images') }}/tcb-left.png" alt=""> Lorem ipsum dolor sit amet, laudantium, totam rem. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo consequat magna, id molestie ipsum volutpat quis. <img src="{{ url('public/images') }}/tcb-right.png" alt=""></p>
</div> --}}
</div>
<!-- Controls -->
<a class="left carousel-control" href="#tcb-testimonial-carousel" data-slide="prev"><i class="fa fa-caret-left" aria-hidden="true"></i></a> <a class="right carousel-control" href="#tcb-testimonial-carousel" data-slide="next"><i class="fa fa-caret-right" aria-hidden="true"></i></a> </div>
</div>
</div>
<!-- /Section04 -->
<!-- Section05 -->
<div class="hosting-plans-section-05">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h3>SSL Certificates</h3>
<p><strong>Protect your site and gain visitor trust with our cost effective fully validated Comodo SSL Certificates</strong></p>
<p>SSL certificates are essential and required for e-commerce and secure transmission. We have three types of SSL certificates for secure communication with business, system, portals, mail and more. Our standard certificate, the Essential SSL Domain Validated covers both 'www' and without 'www', and includes a free Site Seal. Our Essential SSL Wildcard Certificates are ideal if you wish to have multiple subdomains covered (ex: corp.yourdomain.com, web.yourdomain.com, db.yourdomain.com).</p>
</div>
</div>
</div>
</div>
<!-- /Section05 -->
<!-- Section06 -->
<div class="hosting-plans-section-06">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="ssl-box clearfix">
<div class="blue-heading">Essential SSL</div>
<div class="blue-bubble"><span>$</span>199</div>
<div class="clearfix"></div>
<div class="table-box">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Domain Validated</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Unlimited Subdomains</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Quick Issuance check box</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>2048 bit SSL Certificate</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>30 Day Refund</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
{{-- <tr>
<td>Warranty</td>
<td>$10,000</td>
</tr> --}}
<tr>
<td>99.3% Browser Compatibility</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>128/256 bit Encryption</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Dynamic TrustLogo</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Full Business Validation</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Enables Green Bar</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div class="btn-blue-order"><a href="javascript:void(0)" class="hosting-payment" id="Essential SSL" price="199" hires_hour_or_month="3">Order Now!</a></div></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="ssl-box clearfix">
<div class="green-heading">Essential SSL <span>Wildcard</span></div>
<div class="green-bubble"><span>$</span>399</div>
<div class="clearfix"></div>
<div class="table-box">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Domain Validated</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Unlimited Subdomains</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Quick Issuance check box</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>2048 bit SSL Certificate</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>30 Day Refund</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
{{-- <tr>
<td>Warranty</td>
<td>$10,000</td>
</tr> --}}
<tr>
<td>99.3% Browser Compatibility</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>128/256 bit Encryption</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Dynamic TrustLogo</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Full Business Validation</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Enables Green Bar</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div class="btn-green-order"><a href="javascript:void(0)" class="hosting-payment" id="Essential SSL Wildcard" price="399" hires_hour_or_month="3">Order Now!</a></div></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="ssl-box clearfix">
<div class="orange-heading">Ev SSL</div>
<div class="orange-bubble"><span>$</span>599</div>
<div class="clearfix"></div>
<div class="table-box">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Domain Validated</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Unlimited Subdomains</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>Quick Issuance check box</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
<tr>
<td>2048 bit SSL Certificate</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>30 Day Refund</td>
<td><img src="{{ url('public/images') }}/cross-mark.png" alt=""></td>
</tr>
{{-- <tr>
<td>Warranty</td>
<td>$10,000</td>
</tr> --}}
<tr>
<td>99.3% Browser Compatibility</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>128/256 bit Encryption</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Dynamic TrustLogo</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Full Business Validation</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td>Enables Green Bar</td>
<td><img src="{{ url('public/images') }}/tick-mark.png" alt=""></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div class="btn-orange-order"><a href="javascript:void(0)" class="hosting-payment" id="Ev SSL" price="599" hires_hour_or_month="3">Order Now!</a></div></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Section06 -->
<!-- Section07 -->
<div class="hosting-plans-section-07">
<div class="container">
<div id="thumbnail-slider">
<div class="inner">
<ul>
<li> <a class="thumb" href="{{ url('public/images') }}/1.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/2.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/3.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/4.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/1.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/2.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/3.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/4.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/1.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/2.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/3.jpg"></a> </li>
<li> <a class="thumb" href="{{ url('public/images') }}/4.jpg"></a> </li>
</ul>
</div>
</div>
</div>
</div>
<!-- /Section07 -->
</div>
<!-- /CONTENT SECTION -->
<!--Payment modal-->
<!-- Modal -->
<div class="modal fade" role="dialog" id="host_payment">
<div class="mask_part"></div>
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="modal_title">Pay With Paypal</h4>
</div>
<form action="{{ route('payment-create') }}" method="post" id="pay_now_form" name="pay_now_form" onsubmit="return false">
<div class="modal-body">
<div class="form-group">
<label class="col-sm-4 control-label">Currency :</label>
<div class="col-sm-8">
<select name="currency_code" id="currency_code" class="selectpicker">
<!-- <option value="">Select Currency</option> -->
<option value="AUD">Australian Dollar</option>
<option value="BRL">Brazilian Real </option>
<option value="CAD">Canadian Dollar</option>
<option value="CZK">Czech Koruna</option>
<option value="DKK">Danish Krone</option>
<option value="EUR">Euro</option>
<option value="HKD">Hong Kong Dollar</option>
<option value="HUF">Hungarian Forint </option>
<option value="ILS">Israeli New Sheqel</option>
<option value="JPY">Japanese Yen</option>
<option value="MYR">Malaysian Ringgit</option>
<option value="MXN">Mexican Peso</option>
<option value="NOK">Norwegian Krone</option>
<option value="NZD">New Zealand Dollar</option>
<option value="PHP">Philippine Peso</option>
<option value="PLN">Polish Zloty</option>
<option value="GBP">Pound Sterling</option>
<option value="SGD">Singapore Dollar</option>
<option value="SEK">Swedish Krona</option>
<option value="CHF">Swiss Franc</option>
<option value="TWD">Taiwan New Dollar</option>
<option value="THB">Thai Baht</option>
<option value="TRY">Turkish Lira</option>
<option value="USD" SELECTED="YES">U.S. Dollar</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Card Number :</label>
<div class="col-sm-8">
<input name="ccNo" id="ccNo" type="text" placeholder="Enter card number" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Expiry Month :</label>
<div class="col-sm-8">
<select id="expMonth" name="expMonth" class="selectpicker">
<option value="">Select Month</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Expiry Year :</label>
<div class="col-sm-8">
<select id="expYear" name="expYear" class="selectpicker">
<option value="">Select Year</option>
@for($i=0;$i<21;$i++)
<option value="{{ date('Y')+$i }}">{{ date('Y')+$i }}</option>
@endfor
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">CVV :</label>
<div class="col-sm-8">
<input name="cvv" id="cvv" type="text" placeholder="Enter cvv" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Name :</label>
<div class="col-sm-8">
<input name="name" id="name" type="text" placeholder="Enter name" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Address :</label>
<div class="col-sm-8">
<input name="address" id="address" type="text" placeholder="Enter Address" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">City :</label>
<div class="col-sm-8">
<input name="city" id="city" type="text" placeholder="Enter City" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">State :</label>
<div class="col-sm-8">
<input name="state" id="state" type="text" placeholder="Enter state" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Country :</label>
<div class="col-sm-8">
<select class="selectpicker" id="country" name="country" autocomplete="on">
<option value="">Choose Country</option>
<option value="IND">India</option>
<option value="USA">United States</option>
<option value="GBR">United Kingdom</option>
<option value="CAN">Canada</option>
<option value="AUS">Australia</option>
<option disabled="">—</option>
<option value="ALA">Åland Islands</option>
<option value="AFG">Afghanistan</option>
<option value="ALB">Albania</option>
<option value="DZA">Algeria</option>
<option value="ASM">American Samoa</option>
<option value="AND">Andorra</option>
<option value="AGO">Angola</option>
<option value="AIA">Anguilla</option>
<option value="ATA">Antarctica</option>
<option value="ATG">Antigua and Barbuda</option>
<option value="ARG">Argentina</option>
<option value="ARM">Armenia</option>
<option value="ABW">Aruba</option>
<option value="AUS">Australia</option>
<option value="AUT">Austria</option>
<option value="AZE">Azerbaijan</option>
<option value="BHS">Bahamas</option>
<option value="BHR">Bahrain</option>
<option value="BGD">Bangladesh</option>
<option value="BRB">Barbados</option>
<option value="BLR">Belarus</option>
<option value="BEL">Belgium</option>
<option value="BLZ">Belize</option>
<option value="BEN">Benin</option>
<option value="BMU">Bermuda</option>
<option value="BTN">Bhutan</option>
<option value="BOL">Bolivia</option>
<option value="BES">Bonaire, Sint Eustatius and Saba</option>
<option value="BIH">Bosnia and Herzegovina</option>
<option value="BWA">Botswana</option>
<option value="BVT">Bouvet Island</option>
<option value="BRA">Brazil</option>
<option value="IOT">British Indian Ocean Territory</option>
<option value="BRN">Brunei Darussalam</option>
<option value="BGR">Bulgaria</option>
<option value="BFA">Burkina Faso</option>
<option value="BDI">Burundi</option>
<option value="KHM">Cambodia</option>
<option value="CMR">Cameroon</option>
<option value="CAN">Canada</option>
<option value="CPV">Cape Verde</option>
<option value="CYM">Cayman Islands</option>
<option value="CAF">Central African Republic</option>
<option value="TCD">Chad</option>
<option value="CHL">Chile</option>
<option value="CHN">China</option>
<option value="CXR">Christmas Island</option>
<option value="CCK">Cocos (Keeling) Islands</option>
<option value="COL">Colombia</option>
<option value="COM">Comoros</option>
<option value="COG">Congo</option>
<option value="COD">Congo, the Democratic Republic of the</option>
<option value="COK">Cook Islands</option>
<option value="CRI">Costa Rica</option>
<option value="CIV">Cote D'ivoire</option>
<option value="HRV">Croatia (Hrvatska)</option>
<option value="CYP">Cyprus</option>
<option value="CZE">Czech Republic</option>
<option value="DNK">Denmark</option>
<option value="DJI">Djibouti</option>
<option value="DMA">Dominica</option>
<option value="DOM">Dominican Republic</option>
<option value="ECU">Ecuador</option>
<option value="EGY">Egypt</option>
<option value="SLV">El Salvador</option>
<option value="GNQ">Equatorial Guinea</option>
<option value="ERI">Eritrea</option>
<option value="EST">Estonia</option>
<option value="ETH">Ethiopia</option>
<option value="FLK">Falkland Islands (Malvinas)</option>
<option value="FRO">Faroe Islands</option>
<option value="FJI">Fiji</option>
<option value="FIN">Finland</option>
<option value="FRA">France</option>
<option value="FXX">France, Metropolitan</option>
<option value="GUF">French Guiana</option>
<option value="PYF">French Polynesia</option>
<option value="ATF">French Southern Territories</option>
<option value="GAB">Gabon</option>
<option value="GMB">Gambia</option>
<option value="GEO">Georgia</option>
<option value="DEU">Germany</option>
<option value="GHA">Ghana</option>
<option value="GIB">Gibraltar</option>
<option value="GRC">Greece</option>
<option value="GRL">Greenland</option>
<option value="GRD">Grenada</option>
<option value="GLP">Guadeloupe</option>
<option value="GUM">Guam</option>
<option value="GTM">Guatemala</option>
<option value="GGY">Guernsey</option>
<option value="GIN">Guinea</option>
<option value="GNB">Guinea-Bissau</option>
<option value="GUY">Guyana</option>
<option value="HTI">Haiti</option>
<option value="HMD">Heard Island and Mcdonald Islands</option>
<option value="HND">Honduras</option>
<option value="HKG">Hong Kong</option>
<option value="HUN">Hungary</option>
<option value="ISL">Iceland</option>
<option value="IND">India</option>
<option value="IDN">Indonesia</option>
<option value="IRQ">Iraq</option>
<option value="IRL">Ireland</option>
<option value="IMN">Isle of Man</option>
<option value="ISR">Israel</option>
<option value="ITA">Italy</option>
<option value="JAM">Jamaica</option>
<option value="JPN">Japan</option>
<option value="JEY">Jersey</option>
<option value="JOR">Jordan</option>
<option value="KAZ">Kazakhstan</option>
<option value="KEN">Kenya</option>
<option value="KIR">Kiribati</option>
<option value="KOR">Korea, Republic of</option>
<option value="KWT">Kuwait</option>
<option value="KGZ">Kyrgyzstan</option>
<option value="LAO">Lao People's Democratic Republic</option>
<option value="LVA">Latvia</option>
<option value="LBN">Lebanon</option>
<option value="LSO">Lesotho</option>
<option value="LBR">Liberia</option>
<option value="LBY">Libyan Arab Jamahiriya</option>
<option value="LIE">Liechtenstein</option>
<option value="LTU">Lithuania</option>
<option value="LUX">Luxembourg</option>
<option value="MAC">Macao</option>
<option value="MKD">Macedonia</option>
<option value="MDG">Madagascar</option>
<option value="MWI">Malawi</option>
<option value="MYS">Malaysia</option>
<option value="MDV">Maldives</option>
<option value="MLI">Mali</option>
<option value="MLT">Malta</option>
<option value="MHL">Marshall Islands</option>
<option value="MTQ">Martinique</option>
<option value="MRT">Mauritania</option>
<option value="MUS">Mauritius</option>
<option value="MYT">Mayotte</option>
<option value="MEX">Mexico</option>
<option value="FSM">Micronesia, Federated States of</option>
<option value="MDA">Moldova, Republic of</option>
<option value="MCO">Monaco</option>
<option value="MNG">Mongolia</option>
<option value="MNE">Montenegro</option>
<option value="MSR">Montserrat</option>
<option value="MAR">Morocco</option>
<option value="MOZ">Mozambique</option>
<option value="MMR">Myanmar</option>
<option value="NAM">Namibia</option>
<option value="NRU">Nauru</option>
<option value="NPL">Nepal</option>
<option value="NLD">Netherlands</option>
<option value="ANT">Netherlands Antilles</option>
<option value="NCL">New Caledonia</option>
<option value="NZL">New Zealand</option>
<option value="NIC">Nicaragua</option>
<option value="NER">Niger</option>
<option value="NGA">Nigeria</option>
<option value="NIU">Niue</option>
<option value="NFK">Norfolk Island</option>
<option value="MNP">Northern Mariana Islands</option>
<option value="NOR">Norway</option>
<option value="OMN">Oman</option>
<option value="PAK">Pakistan</option>
<option value="PLW">Palau</option>
<option value="PSE">Palestinian Territory, Occupied</option>
<option value="PAN">Panama</option>
<option value="PNG">Papua New Guinea</option>
<option value="PRY">Paraguay</option>
<option value="PER">Peru</option>
<option value="PHL">Philippines</option>
<option value="PCN">Pitcairn</option>
<option value="POL">Poland</option>
<option value="PRT">Portugal</option>
<option value="PRI">Puerto Rico</option>
<option value="QAT">Qatar</option>
<option value="REU">Reunion</option>
<option value="ROU">Romania</option>
<option value="RUS">Russian Federation</option>
<option value="RWA">Rwanda</option>
<option value="SHN">Saint Helena</option>
<option value="KNA">Saint Kitts and Nevis</option>
<option value="LCA">Saint Lucia</option>
<option value="SPM">Saint Pierre and Miquelon</option>
<option value="VCT">Saint Vincent and the Grenadines</option>
<option value="WSM">Samoa</option>
<option value="SMR">San Marino</option>
<option value="STP">Sao Tome and Principe</option>
<option value="SAU">Saudi Arabia</option>
<option value="SEN">Senegal</option>
<option value="SRB">Serbia</option>
<option value="SCG">Serbia and Montenegro</option>
<option value="SYC">Seychelles</option>
<option value="SLE">Sierra Leone</option>
<option value="SGP">Singapore</option>
<option value="SVK">Slovakia</option>
<option value="SVN">Slovenia</option>
<option value="SLB">Solomon Islands</option>
<option value="SOM">Somalia</option>
<option value="ZAF">South Africa</option>
<option value="SGS">South Georgia and the South Sandwich Islands</option>
<option value="ESP">Spain</option>
<option value="LKA">Sri Lanka</option>
<option value="SUR">Suriname</option>
<option value="SJM">Svalbard and Jan Mayen Islands</option>
<option value="SWZ">Swaziland</option>
<option value="SWE">Sweden</option>
<option value="CHE">Switzerland</option>
<option value="TWN">Taiwan</option>
<option value="TJK">Tajikistan</option>
<option value="TZA">Tanzania, United Republic of</option>
<option value="THA">Thailand</option>
<option value="TLS">Timor-Leste</option>
<option value="TGO">Togo</option>
<option value="TKL">Tokelau</option>
<option value="TON">Tonga</option>
<option value="TTO">Trinidad and Tobago</option>
<option value="TUN">Tunisia</option>
<option value="TUR">Turkey</option>
<option value="TKM">Turkmenistan</option>
<option value="TCA">Turks and Caicos Islands</option>
<option value="TUV">Tuvalu</option>
<option value="UGA">Uganda</option>
<option value="UKR">Ukraine</option>
<option value="ARE">United Arab Emirates</option>
<option value="GBR">United Kingdom</option>
<option value="USA">United States</option>
<option value="UMI">United States Minor Outlying Islands</option>
<option value="URY">Uruguay</option>
<option value="UZB">Uzbekistan</option>
<option value="VUT">Vanuatu</option>
<option value="VAT">Vatican City State (Holy See)</option>
<option value="VEN">Venezuela</option>
<option value="VNM">Viet Nam</option>
<option value="VGB">Virgin Islands, British</option>
<option value="VIR">Virgin Islands, U.S.</option>
<option value="WLF">Wallis and Futuna Islands</option>
<option value="ESH">Western Sahara</option>
<option value="YEM">Yemen</option>
<option value="YUG">Yugoslavia</option>
<option value="ZAR">Zaire</option>
<option value="ZMB">Zambia</option>
<option value="ZWE">Zimbabwe</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Zip Code :</label>
<div class="col-sm-8">
<input name="zip_code" id="zip_code" type="text" placeholder="Enter Zipcode" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Phone Number :</label>
<div class="col-sm-8">
<input name="phone_number" id="phone_number" type="text" placeholder="Enter Phone Number" autocomplete="off">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Email :</label>
<div class="col-sm-8">
<input name="email" id="email" type="text" placeholder="Enter Email" autocomplete="off">
</div>
</div>
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input name="token" id="token" type="hidden" value="" />
<input name="price" id="price" type="hidden">
<input name="hires_hour_or_month" id="hires_hour_or_month" type="hidden">
<input name="how_many_hour_or_month" id="how_many_hour_or_month" type="hidden" value="1">
<input name="hires_for" id="hires_for" type="hidden">
<input name="usd_price" id="usd_price" type="hidden">
</div>
<div class="modal-footer">
<div class="loader"><img src="{{ url('public/images/') }}/loader2.png"></div>
<h2>Total : <span id="total_price">USD 499</span></h2>
<button type="submit" name="pay_now" id="pay_now" class="btn btn btn-success">Pay Now</button>
</div>
<span id="msg"></span>
</form>
</div>
</div>
</div>
<!--End -->
@endsection
@section('javascript')
<script type="text/javascript" src="https://www.2checkout.com/checkout/api/2co.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".hosting-payment").click(function() {
$("#modal_title").html($(this).attr('id'));
$("#price").val($(this).attr('price'));
$("#usd_price").val($(this).attr('price'));
$("#total_price").html('USD '+$(this).attr('price'));
$("#hires_hour_or_month").val($(this).attr('hires_hour_or_month'));
$("#hires_for").val($(this).attr('id')+'(Hosting)');
$('#host_payment').modal('show');
});
$("#currency_code").change(function(){
var currency_code=$(this).val();
var currency_input = $("#usd_price").val();
var currency_from = "USD"; // currency codes : http://en.wikipedia.org/wiki/ISO_4217
var currency_to = currency_code;
var new_price=CurrencyConvetor(currency_input,currency_from,currency_to);
if(new_price==''){
alert("Currently currency change is not avaiable.");
$(this).val("USD");
}else{
var price_by_currency=parseFloat(new_price).toFixed(2);
$("#price").val(price_by_currency);
$("#total_price").html(currency_code+" "+ price_by_currency);
}
});
function CurrencyConvetor(amount, from, to) {
var price = '';
convert_from_to=from+"_"+to;
var url = "https://free.currencyconverterapi.com/api/v3/convert?q="+convert_from_to;
$.ajaxSetup({async: false});
$.get(url,
function (data) {
if(data.results){
price=amount*data.results[convert_from_to]['val'];
}else{
alert("error in convert price");
}
});
return price;
}
//TCO.loadPubKey('production');
TCO.loadPubKey('{{ $gateway_credentials['mode'] }}');
$("#pay_now_form").validate({
onkeyup: function(element) { $(element).valid(); },
onfocusout: function(element) { $(element).valid(); },
rules: {
how_many_hour_or_month: "required",
ccNo:"required",
expMonth:"required",
expYear:"required",
cvv:"required",
name:"required",
address:"required",
city:"required",
state:"required",
country:"required",
zip_code:{
required: true,
number:true
},
email: {
required: true,
email:true
},
phone_number:{
required: true,
number:true
}
},
submitHandler: function(form) {
$(".loader").show();
$("#msg").html('');
tokenRequest();
}
});
// Called when token created successfully.
var successCallback = function(data) {
var myForm = document.getElementById('pay_now_form');
// Set the token as the value for the token input
myForm.token.value = data.response.token.token;
// IMPORTANT: Here we call `submit()` on the form element directly instead of using jQuery to prevent and infinite token request loop.
myForm.submit();
};
// Called when token creation fails.
var errorCallback = function(data) {
//console.log(data);
if (data.errorCode === 200) {
} else {
$("#msg").html('<div class="alert alert-danger" role="alert"><a href="#" class="close" data-dismiss="alert">×</a>Error <i class="glyphicon glyphicon-thumbs-up"></i>'+data.errorMsg+'</div>');
$(".loader").hide();
}
};
var tokenRequest = function() {
// Setup token request arguments
var args = {
sellerId: "{{ $gateway_credentials['sellerId'] }}",
publishableKey: "{{ $gateway_credentials['publishableKey'] }}",
ccNo: $("#ccNo").val(),
cvv: $("#cvv").val(),
expMonth: $("#expMonth").val(),
expYear: $("#expYear").val()
};
// Make the token request
TCO.requestToken(successCallback, errorCallback, args);
};
});
</script>
@stop