@extends('layouts.master')
@section('content')


    <div class="col-12">
        <div class="card p-2 m-2">
            <div class="card-header bg-gradient-olive d-flex align-items-center">
                <h3 class="card-title flex-grow-1"><i class="fab fa-linkedin fa-3x p-2 m-2"></i>Offres de stage
                    selectionnées
                </h3>
            </div>
        </div>
    </div>

    <table class="table table-head-fixed card-body table-responsive p-0 table-striped">
        <thead>
            <tr>

                <th class="text-center" style="width:30%;">Titre</th>
                <th class="text-center" style="width:10%;">Entreprise</th>
                <th class="text-center" style="width:15%;">Lien</th>
                <th class="text-center" style="width:25%;">Lieu</th>
                <th class="text-center" style="width:10%;" class="text-center">Date de publication</th>
                <th class="text-center" style="width:10%;" class="text-center">Action</th>
            </tr>
        </thead>
        <tbody>
            @if (!empty($selectedValues))
                @foreach ($selectedValues as $stage)
                    <tr>
                        <td class="text-center">{{ $stage['titre'] }}</td>
                        <td class="text-center">{{ $stage['Compagnie'] }}</td>
                        <td class="text-center"><a href='{{ $stage[' lien'] }}' target="_blank"
                                rel="noopener noreferrer">cliquez
                                ici pour voir</a></td>
                        <td class="text-center">{{ $stage['lieu'] }}</td>
                        <td class="text-center"> {{ date_format(date_create($stage['publier']), 'd/m/Y') }}
                        </td>
                        <td class="text-center">

                            <i class="fas fa-plus"></i>

                        </td>
                    </tr>
                @endforeach
            @else
                <p>Aucune ligne sélectionnée.</p>
            @endif


        </tbody>
    </table>

@endsection