@extends('partials.main')

@section('css')
    <!-- color scheme -->
    <link id="colors" href="assets/css/colors/scheme-01.css" rel="stylesheet" type="text/css" >
    @endsection

@section('content')
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            
            <section class="v-center jarallax">
                <div class="de-gradient-edge-top"></div>
                <div class="de-gradient-edge-bottom"></div>
                <img src="assets/images/background/5.webp" class="jarallax-img" alt="">
                <div class="container z-1000">
                        <div class="row align-items-center">
                            <div class="col-lg-8 offset-lg-2">
                                <div class="p-5 rounded-10 shadow-soft bg-dark-1">
                                    <form name="contactForm" id='contact_form' class="form-border" method="post" action='#'>
                                        <h4>Don't have an account? Register now.</h4>
                                        <p>Welcome to Plahost. We're excited to have you on board. By creating an account with us, you'll gain access to a range of benefits and convenient features that will enhance your car rental experience.</p>
                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="field-set">
                                                    <label>Name:</label>
                                                    <input type='text' name='name' id='name' class="form-control">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="field-set">
                                                    <label>Email Address:</label>
                                                    <input type='text' name='email' id='email' class="form-control">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="field-set">
                                                    <label>Choose a Username:</label>
                                                    <input type='text' name='username' id='username' class="form-control">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="field-set">
                                                    <label>Phone:</label>
                                                    <input type='text' name='phone' id='phone' class="form-control">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="field-set">
                                                    <label>Password:</label>
                                                    <input type='text' name='password' id='password' class="form-control">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="field-set">
                                                    <label>Re-enter Password:</label>
                                                    <input type='text' name='re-password' id='re-password' class="form-control">
                                                </div>
                                            </div>

                                            <div class="col-lg-6 offset-lg-3 text-center">
                                                <div id='submit'>
                                                    <input type='submit' id='send_message' value='Register Now' class="btn-main color-2">
                                                </div>
                                            </div>


                                            <div class="col-md-12">

                                                <div id='mail_success' class='success'>Your message has been sent successfully.</div>
                                                <div id='mail_fail' class='error'>Sorry, error occured this time sending your message.</div>
                                                <div class="clearfix"></div>

                                            </div>

                                            <div class="col-lg-6 offset-lg-3">
                                                <div class="title-line">Or&nbsp;sign&nbsp;up&nbsp;with</div>
                                                <div class="row g-2">
                                                    <div class="col-lg-6">
                                                        <a class="btn-sc btn-fullwidth mb10" href="#"><img src="assets/images/svg/google_icon.svg" alt="">Google</a>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <a class="btn-sc btn-fullwidth mb10" href="#"><img src="assets/images/svg/facebook_icon.svg" alt="">Facebook</a>
                                                    </div>
                                                </div>
                                            </div>

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

        </div>
        <!-- content close -->
        <!-- footer begin -->
        <footer>
            <div class="container">
                <div class="row gx-5">
                    <div class="col-lg-4">
                        <img src="assets/images/logo.png" alt="" >
                        <div class="spacer-20"></div>
                        <p>Lorem ipsum culpa tempor tempor eu laboris adipisicing sunt excepteur enim laborum officia eiusmod laborum sint do aliqua incididunt est aute deserunt in elit non sed ut velit ullamco aliquip. Nulla cupidatat elit amet sed labore ut et consequat nostrud laboris aliqua ex est fugiat quis aliqua duis quis esse dolor laboris non duis sunt.</p>
                    </div>
                    <div class="col-lg-4">
                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="widget">
                                    <h5>Game Server</h5>
                                    <ul>
                                        <li><a href="#">Thunder and City</a></li>
                                        <li><a href="#">Mystic Racing Z</a></li>
                                        <li><a href="#">Silent Wrath</a></li>
                                        <li><a href="#">Funk Dungeon</a></li>
                                        <li><a href="#">Galactic Oddsey</a></li>
                                        <li><a href="#">Warfare Legend</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-6">
                                <div class="widget">
                                    <h5>Pages</h5>
                                    <ul>
                                        <li><a href="#">Game Server</a></li>
                                        <li><a href="#">Knowledgebase</a></li>
                                        <li><a href="#">About Us</a></li>
                                        <li><a href="#">Affliates</a></li>
                                        <li><a href="#">Locations</a></li>
                                        <li><a href="#">News</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="widget">
                            <h5>Newsletter</h5>
                            <form action="blank.php" class="row form-dark" id="form_subscribe" method="post" name="form_subscribe">
                                <div class="col text-center">
                                    <input class="form-control" id="txt_subscribe" name="txt_subscribe" placeholder="enter your email" type="text" > <a href="#" id="btn-subscribe"><i class="arrow_right bg-color-secondary"></i></a>
                                    <div class="clearfix"></div>
                                </div>
                            </form>
                            <div class="spacer-10"></div>
                            <small>Your email is safe with us. We don't spam.</small>
                            <div class="spacer-30"></div>
                            <div class="widget">
                                <h5>Follow Us on</h5>
                                <div class="social-icons">
                                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-discord"></i></a>
                                    <a href="#"><i class="fa-brands fa-tiktok"></i></a>
                                    <a href="#"><i class="fa-brands fa-youtube"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="de-flex">
                                <div class="de-flex-col">
                                    <a href="index">
                                        Copyright 2024 - Playhost by Designesia
                                    </a>
                                </div>
                                <ul class="menu-simple">
                                    <li><a href="#">Terms &amp; Conditions</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer close -->
    </div>

@endsection
    <!-- Javascript Files
    ================================================== -->
    @section('js')
    {{-- <script src="assets/js/plugins.js"></script>
    <script src="assets/js/designesia.js"></script> --}}
    <script src="assets/js/custom-marquee.js"></script>
    @endsection