@extends("layout.header_main")
<!--==========================
  Header
============================-->
@section("layout_main")
    <!--==========================
  Header
============================-->
    <header id="header">
        <div class="container">
            <div id="logo" class="pull-left">
                <h1>
                    <a href="{{route('home')}}" class="scrollto">{{config('app.project_name')}}</a>
                </h1>
            </div>
            <nav id="nav-menu-container">
                <ul class="nav-menu">
                    <li class="menu-active"><a href="{{route('home')}}">صفحه نخست</a></li>
                    <li><a href="{{route('rules')}}">قوانین و مقررات </a></li>
                </ul>
            </nav>
            <!-- #nav-menu-container -->
        </div>
    </header>
    <!-- #header -->

    <!--==========================
      Intro Section
    ============================-->
    <section id="intro_c">
        <div class="intro-section " id="home-section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12">
                        <div class="row align-items-center">
                            <div class="col-sm-12 col-lg-6  mb-4">
                                <h1 data-aos="fade-up" data-aos-delay="100"> به {{config('app.project_name')}} خوش آمدید </h1>
                                <p style="color: white; " class="mb-4" data-aos="fade-up" data-aos-delay="200"> جهت همکاری با {{config('app.project_name')}} ثبت نام
                                    نمایید
                                </p>
                            </div>
                            <livewire:barbari.barbariregister/>

                        </div>
                    </div>

                </div>
            </div>

        </div>

    </section>
    <script>
        window.addEventListener('swal', function (e) {
            Swal.fire({
                title: e.detail.title,
                icon: e.detail.icon,
                iconColor: e.detail.iconColor,
                timer: 3000,
                toast: true,
                position: 'top-right',
                toast: true,
                showConfirmButton: false,
            });
        });
    </script>
@endsection