@extends('front.app')
@section('content')
    <section class="wrapper">
        <div class="container pt-6 pb-14 pb-md-0">
            <h1 class="display-5 mx-md-n5 mx-lg-0 mb-3 text-center">{{ trans('module.despre_noi_title_1') }}
            </h1>
            <p>{{ trans('module.despre_noi_text_1') }}</p>
            <p>{{ trans('module.despre_noi_text_2') }}</p>
            <h3 class=" mx-md-n5 mx-lg-0 mb-3 text-center mt-6">{{ trans('module.despre_noi_title_2') }}
            </h3>
            <p>{{ trans('module.despre_noi_text_2_1') }}</p>
            <table class="table mt-6 tableLeo mb-6 table-dark">
                <thead class="p-md-0">
                    <tr>
                        <th scope="col" class="text-uppercase">{{ trans('module.despre_noi_table_column_left') }}</th>
                        <th scope="col" class="text-uppercase">{{ trans('module.despre_noi_table_column_right') }}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="table-light">
                        <td scope="col">{{ trans('module.despre_noi_table_column_left_1') }}</td>
                        <td scope="col">{{ trans('module.despre_noi_table_column_right_1') }}
                        </td>
                    </tr>
                    <tr class="table-light">
                        <td scope="col">{{ trans('module.despre_noi_table_column_left_2') }}</td>
                        <td scope="col">{{ trans('module.despre_noi_table_column_right_2') }}
                        </td>
                    </tr>
                    <tr class="table-light">
                        <td scope="col">{{ trans('module.despre_noi_table_column_left_3') }}</td>
                        <td scope="col">{{ trans('module.despre_noi_table_column_right_3') }}
                        </td>
                    </tr>
                     <tr class="table-light">
                        <td scope="col">{{ trans('module.despre_noi_table_column_left_4') }}</td>
                        <td scope="col">{{ trans('module.despre_noi_table_column_right_4') }}
                        </td>
                    </tr>
                     <tr class="table-light">
                        <td scope="col">{{ trans('module.despre_noi_table_column_left_5') }}</td>
                        <td scope="col">{{ trans('module.despre_noi_table_column_right_5') }}
                        </td>
                    </tr>
                    
                    
                </tbody>
            </table>
            <p>{{ trans('module.despre_noi_text_2_2') }}</p>
            <p>{{ trans('module.despre_noi_text_2_3') }}</p>
            <p>{{ trans('module.despre_noi_text_2_4') }}</p>

            <h3 class=" mx-md-n5 mx-lg-0 mb-3 text-center mt-6">{{ trans('module.despre_noi_text_bottom') }}</h3>
            <div class="d-flex flex-wrap gap-3 justify-content-center consilieriCards mb-10">
                @foreach ($employees as $employee)
                    <div class="card justify-between cardConsilieri ">
                        @if ($employee->image_id)
                            <img class="card-img-top" src="{{ asset($employee->image->original) }}" alt="{{ asset('front/img/consilieri/no-poza.gif')}}">
                        @else
                            <img class="card-img-top" src="{{ asset('front/img/consilieri/no-poza.gif') }}">
                        @endif
            
                        <div class="card-body p-2">
                            <h5 class="card-title">{{ $employee->name }}</h5>
                            <p class="card-text text-center">{{ $employee->work_type }}</p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection