@extends('adminlte::master')

@php( $dashboard_url = View::getSection('dashboard_url') ?? config('adminlte.dashboard_url', 'home') )

@if (config('adminlte.use_route_url', false))
    @php( $dashboard_url = $dashboard_url ? route($dashboard_url) : '' )
@else
    @php( $dashboard_url = $dashboard_url ? url($dashboard_url) : '' )
@endif

@section('adminlte_css')
    @stack('css')
    @yield('css')
@stop


@section('body')
    <div class="d-flex flex-row flex-row-reverse half">
        <div class="bg d-none d-md-block" style="background-image: url('{{ asset('images/nairobi.jpg') }}')"></div>
        <div class="contents" style="background-color: #f5f5f5">
            <div class="container-fluid">
                <div class="row align-items-center justify-content-center">
                    <div style="min-width: 74%; max-width: 80%; background-color: #f5f5f5 !important">

                        {{-- Logo --}}
                        <div class="{{ $auth_type ?? 'login' }}-logo mt-5">
                            <a href="{{ $dashboard_url }}">

                                {{-- Logo Image --}}
                                @if (config('adminlte.auth_logo.enabled', false))
                                    <img src="{{ asset(config('adminlte.auth_logo.img.path')) }}"
                                        alt="{{ config('adminlte.auth_logo.img.alt') }}"
                                        @if (config('adminlte.auth_logo.img.class', null))
                                            class="{{ config('adminlte.auth_logo.img.class') }}"
                                        @endif
                                        @if (config('adminlte.auth_logo.img.width', null))
                                            width="{{ config('adminlte.auth_logo.img.width') }}"
                                        @endif
                                        @if (config('adminlte.auth_logo.img.height', null))
                                            height="{{ config('adminlte.auth_logo.img.height') }}"
                                        @endif>
                                @else
                                    <img src="{{ asset(config('adminlte.logo_img')) }}"
                                        alt="{{ config('adminlte.logo_img_alt') }}" height="70">
                                @endif

                                {{-- Logo Label --}}
                                <span class="text-nowrap te"><span class="d-none d-md-inline">|</span>{!! config('adminlte.logo', '<b>IPRS</b>') !!} Portal</span>

                            </a>
                        </div>

                        {{-- Card Box --}}
                        <div class="card {{ config('adminlte.classes_auth_card', 'card-outline card-primary') }} mt-5" style="background-color: #f5f5f5; border-top: unset; box-shadow: unset;">

                            {{-- Card Header --}}
                            @hasSection('auth_header')
                                <div class="card-header {{ config('adminlte.classes_auth_header', '') }}">
                                    <h3 class="card-title float-none text-center">
                                        @yield('auth_header')
                                    </h3>
                                </div>
                            @endif

                            {{-- Card Body --}}
                            <div class="mt-5 pt-md-5">
                                <div class="pt-5">
                                    @yield('auth_body')
                                </div>
                            </div>

                            {{-- Card Footer --}}
                            @hasSection('auth_footer')
                                <div class="card-footer {{ config('adminlte.classes_auth_footer', '') }}" style="border-top: unset !important;">
                                    @yield('auth_footer')
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('adminlte_js')
    @stack('js')
    @yield('js')
@stop

