@extends('layouts.app')

@section('content')


<div id="main-wrapper" class="work-login-register">
    <div class="container-fluid px-0">


        <div class="row no-gutters min-vh-100">
            <!-- Login Form
            ========================= -->
            <div class="col-md-6 d-flex flex-column order-2 order-md-1">
                <div class="container my-auto py-5">

                    <auth-component :route="{ 
                            login: '{{ route('login') }}',
                            home: '{{ route('home') }}',
                            register: '{{ route('register') }}',
                            get_currencies: '{{ route('get-currencies') }}',
                            firebase_validate: '{{ route('firebase-validate') }}',
                        }">
                    </auth-component>
                </div>
            </div>
            <!-- Login Form End -->

            <!-- Welcome Text
            ========================= -->
            <div class="col-md-6 order-1 order-md-2">
                <div class="hero-wrap d-flex align-items-center h-100">
                    <div class="hero-bg hero-bg-scroll"></div>
                    <div class="hero-content mx-auto w-100 h-100 d-flex flex-column">
                        <div class="row no-gutters my-auto py-5">
                            <div class="col-10 col-lg-9 mx-auto">
                                <p class="text-4 text-white">We are glad to see you again!</p>
                                <h1 class="text-10 text-white mb-4">Join our next negotiation group in few minutes!</h1>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Welcome Text End -->
            </div>
        </div>
    </div>
</div>


@endsection
@push('footer-scripts')
@endpush