add: asign driver to vehicle

src/components/CardVehicle.vue

@@ -1,4 +1,5 @@
 <script setup>
+    import { getDateMonthDayEs } from '../helpers/date_formats';
 
     const props = defineProps({
         vehicle: {
@@ -24,13 +25,14 @@
                         <span v-if="vehicle?.driver">{{ vehicle?.driver?.first_name }} {{ vehicle?.driver?.last_name }} </span> 
                         <span v-else>No asignado </span> 
                         <i 
-                            class="fa-solid fa-pen-to-square icon-btn" 
-                            data-toggle="modal"
-                            data-target="#editDriverVehicle"
-                            @click="$emit('set-vehicle', {vehicle: vehicle, modal: 'driver'})">
+                        class="fa-solid fa-pen-to-square icon-btn" 
+                        data-toggle="modal"
+                        data-target="#editDriverVehicle"
+                        @click="$emit('set-vehicle', {vehicle: vehicle, modal: 'driver'})">
                         </i>
-                     </span>
+                    </span>
                 </p>
+                <p v-if="vehicle.is_available">Disponible en: <span>{{ vehicle.destino }}</span></p>
             </div>
             <div class="col-lg-6">
                 <p>Placas Tracto Camión: <span>{{ vehicle.circulation_serial_number }}</span></p>
@@ -47,6 +49,7 @@
                         </i>
                     </span>
                 </p>
+                <p v-if="vehicle.is_available">Fecha Disponible: <span>{{ getDateMonthDayEs(vehicle.available_date, false) }}</span></p>
             </div>
         </div>
         <p v-if="vehicle.notes">Información Adicional del Transporte:</p>