@extends('layouts.medium')

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

@section('content')

<div class="rounded-more border p-4 text-center" style="background-color: #1d75bc;">
    <img src="images/proedus.png"  class="img-fluid mb-4"> 
    <h2 class="text-uppercase fw-bold text-white fs-3 mb-4">Program de orientare școlară<br>și în carieră pentru elevii din <br>Municipiul București</h2>   
    
    <div class="bg-light border rounded-more p-5 mb-4">
        <div class="row justify-content-center" >
            

            <div class="col-md-4 ">
                @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 '
                    ))
                @endcomponent
            </div>

            <div class="col-md-4">
                @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'
                    ))
                @endcomponent
            </div>
        </div>
    </div>
    <div>
        <img src="../images/pemeserie_logo.png"  class="">              
    </div>
    
</div>

@endsection