<template>
  <base-route-card :route="route">
    <template v-slot:main>
      <publish-complete-main :route="route" />
    </template>
    <template v-slot:footer>
      <route-card-footer-info class="mb-10" :route="route" />

      <div class="text-primary mb-5 whitespace-nowrap text-[1.5rem] font-bold">
        Sur votre trajet:
      </div>

      <base-route-card :route="route.reservation">
        <template #main>
          <price :pricing="route.reservation.pricing" />
        </template>
        <template #footer>
          <route-card-requester-footer-info
            :requester="route.reservation.requester"
          />
        </template>
      </base-route-card>
    </template>
  </base-route-card>
</template>
<script setup>
const props = defineProps({
  route: {
    type: Object,
    required: true,
    default: () => ({}),
  },
  showReservation: {
    type: Boolean,
    default: false,
  },
});
</script>
