diff --git a/src/App.vue b/src/App.vue
index 4589848..96a8ba1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -61,6 +61,8 @@
                               required/>
             </div>
           </div>
+          <button class="button is-primary mt-5">Submit</button>
+          <button class="button is-primary mt-5 ml-3" @click="showModal = true">Potwierdź</button>
         </div>
       </div>
       <div v-for="(kategoria, index) in wares" :key="kategoria.Kod">
@@ -110,7 +112,6 @@
         <div class="mb-3" v-if="!(index == wares.length - 1)"></div>
       </div>
       <button class="button is-primary mt-3 is-large is-fullwidth">Submit</button>
-      <button class="button is-primary mt-3 is-large is-fullwidth" @click="parseOrderJSON">Submit</button>
     </form>
   </div>
   <div class="box is-shadowless" v-else-if="isOrders">
@@ -194,20 +195,23 @@
         </div>
     </div>
   </div>
+  <ConfirmationModal v-show="showModal" @close="showModal = false" :order-uuid="uuid"></ConfirmationModal>
 </template>
 
 <script lang="ts">
-import './assets/style.scss'
+import './assets/style.scss';
 import { ref } from 'vue';
+import ConfirmationModal from '@/components/ConfirmationModal.vue';
 
 export default {
+  components: { ConfirmationModal },
   data() {
     return {
       contractors: [],
       contractor: {},
       wares: [],
       orders: ref(new Array<Object>),
-      order: {},
+      order: ref(),
       deliveryDate: ref(),
       searchOrderDate: ref(null),
       isInBufor: ref(false),
@@ -215,7 +219,8 @@ export default {
       uuid: ref(),
       activator: ref(false),
       isForm: ref(true),
-      isOrders: ref(false)
+      isOrders: ref(false),
+      showModal: ref(false)
     }
   },
   watch: {
diff --git a/src/components/confirmationModal.vue b/src/components/ConfirmationModal.vue
similarity index 100%
rename from src/components/confirmationModal.vue
rename to src/components/ConfirmationModal.vue