@extends('layouts.blank')

@section('content')

    <main class="auth {{ $authClass ?? '' }}">
        <div class="auth-wrapper">

            <div class="pic">
                @php
                    $customerEnv = request()->customerEnv;
                    $customer = $customerEnv ? $customerEnv->customer : null;
                    
                    if ($customerEnv) {
                        print "
                            <style>
                                .auth-container {
                                    background-color: {$customerEnv->login_background_color} !important;
                                }
                            </style>
                        ";
                    }
                @endphp

                <img src="{{ $customerEnv && $customerEnv->background_login_one_url ? url('customers/whitelabel/' . $customerEnv->customer_id . '/background?type=one') : asset('assets/img/bkg-login1.jpg') }}" class="show">
                <img src="{{ $customerEnv && $customerEnv->background_login_two_url ? url('customers/whitelabel/' . $customerEnv->customer_id . '/background?type=two') : asset('assets/img/bkg-login2.jpg') }}">
                <img src="{{ $customerEnv && $customerEnv->background_login_three_url ? url('customers/whitelabel/' . $customerEnv->customer_id . '/background?type=three') : asset('assets/img/bkg-login3.jpg') }}">
                <img src="{{ $customerEnv && $customerEnv->background_login_four_url ? url('customers/whitelabel/' . $customerEnv->customer_id . '/background?type=four') : asset('assets/img/bkg-login4.jpg') }}">
                <img src="{{ $customerEnv && $customerEnv->background_login_five_url ? url('customers/whitelabel/' . $customerEnv->customer_id . '/background?type=five') : asset('assets/img/bkg-login5.jpg') }}">
                <img src="{{ $customerEnv && $customerEnv->background_login_six_url ? url('customers/whitelabel/' . $customerEnv->customer_id . '/background?type=six') : asset('assets/img/bkg-login6.jpg') }}">

                {{-- <img src="{{ asset('assets/img/bkg-login3.jpg') }}">
                <img src="{{ asset('assets/img/bkg-login4.jpg') }}">
                <img src="{{ asset('assets/img/bkg-login5.jpg') }}">
                <img src="{{ asset('assets/img/bkg-login6.jpg') }}"> --}}

                <div class="text">
                    <h1>{{ __('messages.company_desc') }}</h1>
                    <div>{{ $customer && $customer->customer_name ? $customer->customer_name : __('messages.company_name') }} {{ date('Y') . __('messages.copyright') }}</div>
                </div>
            </div>

            <div class="auth-container">

                @include('partials._alert', [ 'oneError' => true, 'animation' => 'fadeInUp' ])

                @include('partials._switcher-container', [])

                <div class="auth-inner">

                    <div class="logo">
                        @if (request()->customerEnv && request()->customerEnv->primary_logo_url)
                            <a href="{{ url('/') }}"><img src="{{ url('customers/whitelabel/' . request()->customerEnv->customer_id . '/logo?type=primary') }}"></a>
                        @else
                            <a href="{{ url('/') }}"><img src="{{ asset('assets/img/logo.png') }}" class="logo" data-src="{{ asset('assets/img/logo.png') }}"></a>
                        @endif
                    </div>    
                    @yield('auth-content')
                </div>
            </div>
        </div>
    </main>
@endsection