@extends('layouts.medium')

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

@section('content')

<div class="rounded-more border p-4">
    
    <img src="images/logos-top.jpg" alt="logo-top" class="img-fluid">
    <hr>

    <div class="bg-yellow-100 text-center rounded p-3 mb-4">
        <h5 class="fw-bold">Fă primul pas spre o carieră de succes.</h3>
        <p>Proiect cofinanțat din Fondul Național European prin Programul Operațional Capital Uman 2014-2020. <br>cod MySMIS POCU/90/6.13/6.14/109166</p>
    </div>

    <div class="bg-light border rounded p-4">
        <div class="row" >
            <div class="col-sm-6 border-sm-end">
                @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-sm-bottom-0',
                    ))
                @endcomponent
            </div>

            <div class="col-sm-6">
                @component('components.test-form',
                    array(
                        'test'  => 'SDS',
                        'motto' => 'CE ÎȚI PLACE SĂ FACI?',
                        'title' => 'Testul de interese <br>(SDS)',
                        'image' => '../images/pm3_small.png'
                    ))
                @endcomponent
            </div>
        </div>
    </div>

    <img src="images/logos-bot.jpg" class="img-fluid">
</div>

@endsection