{{define "beneficiary_solidarity"}}
<div class="px-4 py-6 sm:px-6">
    <h3 class="text-lg">Transport solidaire</h3>
        {{ $bookingSolidarity := len .ViewState.bookingSolidarity }}
        {{if eq $bookingSolidarity 0}} 
        <p class="py-5 mt-1 max-w-2xl text-sm text-gray-500">Aucune course Silvermobi n'est prévue pour le moment.</p>
        <div>
            <form method="POST" @submit="submit">
            <button
                type="submit"
                class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ci-blue focus:ring-offset-2 sm:w-auto">
                Transport Solidaire
            </button>
            </form>
        </div>
        {{else}}
        <table class="min-w-full divide-y divide-gray-300">
            <tbody class="divide-y divide-gray-200 bg-white">
                <tr>
                    <th>Date</th>
                    <th>Conducteur</th>
                    <th>Passager</th>
                </tr>
           
            {{range .ViewState.bookingSolidarity}}
                <tr>     
                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">{{( .PassengerPickupDate)}}</td>
                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">{{.Driver.FirstName}} {{.Driver.LastName}}</td>
                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">{{.Passenger.FirstName}} {{.Passenger.LastName}} </td>
                </tr>
                {{end}}
            </tbody>
        </table>
        {{end}}
    </div>
{{end}}