@extends('layouts.medium')

@section('header')
    @include('inc.banner_top')
@endsection

@section('content')

<div class="rounded-more border p-4">
    <div class="row align-items-center">
        <div class="col-sm-12 text-center">
            <img src="images/lt-petre-pandrea-logo.png"  class="img-fluid">
        </div>
    </div>
    <hr>
    <p  class="text-secondary text-center">Tu decizi ordinea completării testelor – introdu codul de acces și dă click pe "Începe"!</p>

    <div class="bg-light border rounded p-4">
        <div class="row" >
            <div class="col-md-3">
                @component('components.test-form',
                    array(
                        'test'  => 'IST',
                        'motto' => 'CE POȚI SĂ FACI?',
                        'title' => 'Testul de inteligenta <br>(IST)',
                        'image' => '../images/pm1_small.png',
                        'wrapper_class' => 'border-bottom border-md-bottom-0',
                        'input_class' => 'col-sm-6 col-md-12',
                        'title_class' => 'text-blue mb-1',
                        'after_title' => '<p><span class="badge bg-secondary">liceu</span></p>'
                    ))
                @endcomponent
            </div>

            <div class="col-md-3">
                @component('components.test-form',
                    array(
                        'test'  => 'BFQ',
                        'motto' => 'CUM ÎȚI PLACE SĂ FACI?',
                        'title' => 'Testul de personalitate <br>(BFQ)',
                        'image' => '../images/pm2_small.png',
                        'wrapper_class' => 'border-bottom border-md-bottom-0',
                        'input_class' => 'col-sm-6 col-md-12 border-md-bottom-0',
                        'title_class' => 'text-blue mb-1',
                        'after_title' => '<p><span class="badge bg-secondary">liceu</span></p>'
                    ))
                @endcomponent
            </div>

            <div class="col-md-3">
                @component('components.test-form',
                    array(
                        'test'  => 'SDS',
                        'motto' => 'CE ÎȚI PLACE SĂ FACI?',
                        'title' => 'Testul de interese <br>(SDS)',
                        'image' => '../images/pm3_small.png',
                        'wrapper_class' => 'border-bottom border-md-bottom-0',
                        'input_class' => 'col-sm-6 col-md-12 ',
                        'title_class' => 'text-blue mb-1',
                        'after_title' => '<p><span class="badge bg-secondary">liceu</span></p>'
                    ))
                @endcomponent
            </div>

            <div class="col-md-3">
                @component('components.test-form',
                    array(
                        'test'  => 'LSI',
                        'motto' => 'CUM ÎȚI PLACE SĂ ÎNVEȚI?',
                        'title' => 'Learning Styles Inventory <br>(LSI)',
                        'image' => '../images/pm4_small.png',
                        'input_class' => 'col-sm-6 col-md-12',
                        'title_class' => 'text-blue mb-1',
                        'after_title' => '<p><span class="badge bg-secondary">elevi liceu și gimnaziu</span></p>'
                    ))
                @endcomponent
            </div>
        </div>
    </div>
</div>

@endsection