@extends('layouts.app')

@section('content')
    <div class="custom-cursor">

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->





        <div class="page-wrapper">



            @include('layouts.header')


            <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>
            <!-- /.stricky-header -->


              <!--Page Header Start-->
            @include('layouts.components.page-header', [
                'page_title' => 'Account',
            ])

            <!--Page Header End-->

            <!--Account Start-->
            <section class="account">
                <div class="container">
                    <div class="account__main-tab-box tabs-box">
                        <ul class="tab-buttons clearfix list-unstyled">
                            <li data-tab="#login" class="tab-btn"><span>Login</span></li>
                            <li data-tab="#register" class="tab-btn active-btn"><span>Register</span></li>
                        </ul>
                        <div class="tabs-content">
                            <!--tab-->
                            <div class="tab" id="login">
                                <div class="account__main-tab-inner">
                                    <form class="account__form">
                                        <div class="account__form-input-box">
                                            <input type="text" placeholder="Username">
                                        </div>
                                        <div class="account__form-input-box">
                                            <input type="password" placeholder="Password">
                                        </div>
                                        <div class="account__form-btn-box">
                                            <button type="submit" class="thm-btn account__form-btn"> <span></span>Login
                                                now</button>
                                            <div class="checked-box">
                                                <input type="checkbox" name="skipper2" id="skipper2" checked="">
                                                <label for="skipper2"><span></span>Remember me?</label>
                                            </div>
                                        </div>
                                        <div class="account__form-forgot-password">
                                            <a href="#">Forgot your password?</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!--tab-->
                            <div class="tab active-tab" id="register">
                                <div class="account__main-tab-inner">
                                    <form class="account__form">
                                        <div class="account__form-input-box">
                                            <input type="text" placeholder="Username">
                                        </div>
                                        <div class="account__form-input-box">
                                            <input type="password" placeholder="Password">
                                        </div>
                                        <div class="account__form-btn-box">
                                            <button type="submit" class="thm-btn account__form-btn">Register<span><i
                                                        class="icon-arrow-right"></i></span></button>
                                            <div class="checked-box">
                                                <input type="checkbox" name="skipper3" id="skipper3" checked="">
                                                <label for="skipper3"><span></span>Remember me?</label>
                                            </div>
                                        </div>
                                        <div class="account__form-forgot-password">
                                            <a href="#">Forgot your password?</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!--tab-->
                        </div>
                    </div>
                </div>
            </section>
            <!--Account End-->


            <!--Site Footer Start-->
            @include('layouts.footer')
            <!--Site Footer End-->

        </div>
        <!-- /.page-wrapper -->


    </div>
@endsection