@extends('layouts.app')

@section('title', 'Appel a candidature')

@section('content')
    <div class="container-fluid background-r">
        <div class="page-top"></div>
        <div class="container py-3">
            <div class="row">
                <div class="col-md-8">
                    @include('appel-a-projet.nav')
                    
                    <div class="row px-2 mt-3">
                        @forelse ($postulants as $postulant)
                            <div class="col-6 col-md-4 px-1 px-md-1" style="font-size:13px">
                                <div class="card border border-light mb-3" style="min-height:228px">
                                    <div class="card-body p-3 text-center">
                                        <div class="avatar mx-auto mt-3 mb-2" style="max-width: 150px;">
                                            <a href="{{ route('membre', $postulant) }}">
                                            <img style="width: 90px; height: 90px" src="{{ $postulant->getPhoto() }}" class="rounded-circle img-fluid" alt="{{ $postulant->prenom }} {{ $postulant->nom }}">
                                            </a>
                                        </div>
                                        <h5 class="mb-0">
                                            <a href="{{ route('membre', $postulant) }}" class="black-text">{{ $postulant->prenom }} {{ $postulant->nom }}</a>
                                        </h5>
                                        <div class="grey-text text-truncate">{{ $postulant->titre }}</div>
                                        <div class="">
                                            <a class="btn btn-2 rounded p-2" href="">
                                                <i class="fa fa-star" aria-hidden="true"></i> <span class="add-1">Suivre</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @empty
                            <p>Pas encore de membres !</p>
                        @endforelse
                        
                        @if($postulants)
                            <div class="col-lg-12 col-md-12 mb-4 ">
                                {{ $postulants->links() }}
                            </div>
                        @endif
                    </div>
                
                </div>
                <div class="col-md-4">
                            
                    <h4>Informations generales</h4>
                    @include('appel-a-projet.appelacandidature-info')

                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
@endsection