@extends('web.layouts.layout')

@section('container_content')
    <main>
        <!-- -------------- login-splash ----------------- -->
        <section class="login-splash">
            <div class="row no-gutters">
                <div class="col-md-6">
                    <div class="img">
                        <div class="content">
                            <h2>{{__('merchants.home_banner_title')}}</h2>
                            <h6>{{__('merchants.home_banner_desc')}}</h6>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="login-splash-content text-center">
                        <div class="logo">
                            <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">
                                <img src="{{asset('assets/web/images/logo.png')}}" alt="">
                            </a>
                        </div>
                        <div class="mt-4">
                            <a href="{{route('merchant.register')}}" class="butn color"><span>{{__('merchants.sign_up')}}</span></a>
                        </div>
                        <div class="mt-4">
                            <a href="{{route('merchant.login')}}" class="butn"><span>{{__('merchants.sign_in')}}</span></a>
                        </div>
                        <div class="lang text-uppercase">
                            @if (getCurrentLocale() == 'ar')
                                <a href="{{LaravelLocalization::getLocalizedURL('en', null, [], true)}}"><i class="fa fa-globe"></i> {{__('merchants.english')}}</a>
                            @else
                                <a href="{{LaravelLocalization::getLocalizedURL('ar', null, [], true)}}" ><i class="fa fa-globe"></i> {{__('merchants.arabic')}}</a>
                            @endif
                            {{--                            <a href="#">عربي</a>--}}
                            {{--                            <div class="togl"><span></span></div>--}}
                            {{--                            <a href="#">English</a>--}}
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- -------------- banner1 ----------------- -->

    </main>
@endsection