diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 742134ecd..afef477af 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -1032,7 +1032,7 @@ export default {
             extraCommunity: 'Extra community',
             travelCreate: 'New travel',
             basicData: 'Basic data',
-            history: 'History',
+            history: 'Log',
             thermographs: 'Termographs',
         },
         summary: {
@@ -1057,6 +1057,16 @@ export default {
             continent: 'Continent out',
             totalEntries: 'Total entries',
         },
+        basicData: {
+            reference: 'Reference',
+            agency: 'Agency',
+            shipped: 'Shipped',
+            landed: 'Landed',
+            warehouseOut: 'Warehouse Out',
+            warehouseIn: 'Warehouse In',
+            delivered: 'Delivered',
+            received: 'Received',
+        },
     },
     components: {
         topbar: {},
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index ed6633bd9..523b7e2d5 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -1057,6 +1057,16 @@ export default {
             continent: 'Cont. Salida',
             totalEntries: 'Ent. totales',
         },
+        basicData: {
+            reference: 'Referencia',
+            agency: 'Agencia',
+            shipped: 'F. Envío',
+            landed: 'F. entrega',
+            warehouseOut: 'Alm. salida',
+            warehouseIn: 'Alm. entrada',
+            delivered: 'Enviada',
+            received: 'Recibida',
+        },
     },
     components: {
         topbar: {},
diff --git a/src/pages/Travel/Card/TravelBasicData.vue b/src/pages/Travel/Card/TravelBasicData.vue
new file mode 100644
index 000000000..2edaac853
--- /dev/null
+++ b/src/pages/Travel/Card/TravelBasicData.vue
@@ -0,0 +1,104 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInputDate from 'components/common/VnInputDate.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const agenciesOptions = ref([]);
+</script>
+<template>
+    <FetchData
+        url="AgencyModes"
+        @on-fetch="(data) => (agenciesOptions = data)"
+        auto-load
+    />
+    <FormModel
+        :url="`Travels/${route.params.id}`"
+        :url-update="`Travels/${route.params.id}`"
+        model="travel"
+        auto-load
+    >
+        <template #form="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnInput
+                        v-model="data.ref"
+                        :label="t('travel.basicData.reference')"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('travel.basicData.agency')"
+                        v-model="data.agencyModeFk"
+                        :options="agenciesOptions"
+                        option-value="id"
+                        option-label="name"
+                        map-options
+                        hide-selected
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnInputDate
+                        v-model="data.shipped"
+                        :label="t('travel.basicData.shipped')"
+                    />
+                </div>
+                <div class="col">
+                    <VnInputDate
+                        v-model="data.landed"
+                        :label="t('travel.basicData.landed')"
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('travel.basicData.warehouseOut')"
+                        v-model="data.warehouseOutFk"
+                        :options="agenciesOptions"
+                        option-value="id"
+                        option-label="name"
+                        map-options
+                        hide-selected
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('travel.basicData.warehouseIn')"
+                        v-model="data.warehouseInFk"
+                        :options="agenciesOptions"
+                        option-value="id"
+                        option-label="name"
+                        map-options
+                        hide-selected
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <QCheckbox
+                        :label="t('travel.basicData.delivered')"
+                        v-model="data.isDelivered"
+                    />
+                </div>
+                <div class="col">
+                    <QCheckbox
+                        :label="t('travel.basicData.received')"
+                        v-model="data.isReceived"
+                    />
+                </div>
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/Travel/Card/TravelLog.vue b/src/pages/Travel/Card/TravelLog.vue
new file mode 100644
index 000000000..1a2667ff7
--- /dev/null
+++ b/src/pages/Travel/Card/TravelLog.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnLog from 'src/components/common/VnLog.vue';
+</script>
+<template>
+    <VnLog model="Entry" url="/TravelLogs"></VnLog>
+</template>
diff --git a/src/pages/Travel/Card/TravelTermographs.vue b/src/pages/Travel/Card/TravelTermographs.vue
new file mode 100644
index 000000000..c86c49242
--- /dev/null
+++ b/src/pages/Travel/Card/TravelTermographs.vue
@@ -0,0 +1 @@
+<template>Travel termographs</template>
diff --git a/src/router/modules/travel.js b/src/router/modules/travel.js
index 43c444ae2..f9b2153da 100644
--- a/src/router/modules/travel.js
+++ b/src/router/modules/travel.js
@@ -69,9 +69,8 @@ export default {
                     meta: {
                         title: 'basicData',
                         icon: 'vn:settings',
-                        // roles: [],
                     },
-                    // component: () => import(),
+                    component: () => import('src/pages/Travel/Card/TravelBasicData.vue'),
                 },
                 {
                     name: 'TravelHistory',
@@ -79,9 +78,8 @@ export default {
                     meta: {
                         title: 'history',
                         icon: 'history',
-                        // roles: [],
                     },
-                    // component: () => import(),
+                    component: () => import('src/pages/Travel/Card/TravelLog.vue'),
                 },
                 {
                     name: 'TravelThermographs',
@@ -89,9 +87,9 @@ export default {
                     meta: {
                         title: 'thermographs',
                         icon: 'vn:thermometer',
-                        // roles: [],
                     },
-                    // component: () => import(),
+                    component: () =>
+                        import('src/pages/Travel/Card/TravelTermographs.vue'),
                 },
             ],
         },