{"version":3,"file":"MyVehicleModal-ea1b62e6.js","sources":["../../../resources/js/Components/MyVehicleModal.vue"],"sourcesContent":["<script setup>\nimport DialogModal from \"../Components/DialogModal.vue\";\nimport { useForm } from \"@inertiajs/vue3\";\nimport { onMounted, onUnmounted, reactive } from \"vue\";\nimport eventBus from \"@/Helpers/eventBus\";\nimport Button from \"../Components/Button.vue\";\nimport FormInput from \"@/Components/FormInput.vue\";\n\nconst props = defineProps({\n    myvehicle: Object,\n});\n\nconst modal = reactive({\n    show: false,\n    type: \"create\",\n});\nconst form = useForm({\n    myvehicle_id: props.data?.id || null,\n    ccs_id: props.data?.ccs_id || null,\n    id: props.data?.id || null,\n    v_type: props.v_type || null,\n    year: props.year || null,\n    make: props.make || null,\n    model: props.model || null,\n    cylinders: props.cylinders || null,\n    cc: props.cc || null,\n    weight: props.weight || null,\n    reg_no: props.reg_no || null,\n});\n\nfunction showModal(type = \"create\", item = null, ccs = null) {\n    modal.show = true;\n    modal.type = type;\n\n    if (ccs) {\n        if (item === null) {\n            // from track leaderboard never exists\n            item = {};\n        }\n        item.ccs_id = ccs.id;\n        item.myvehicle_id = ccs.myvehicle_id;\n    }\n\n    if (item) {\n        Object.assign(form, item);\n    }\n}\n\nfunction closeModal() {\n    //console.log(arguments);\n    modal.show = false;\n    form.reset();\n    form.clearErrors();\n}\n\nonMounted(() => {\n    // console.log(\"onMounted CompetitorFormModal\");\n    eventBus.$on(\"showMyVehicleModal\", (argsObj) => {\n        showModal(argsObj.type, argsObj.vehicle, argsObj.ccs);\n    });\n});\n\nonUnmounted(() => {\n    // console.log(\"onUnmounted CompetitorFormModal\");\n    eventBus.$off(\"showMyVehicleModal\");\n});\n\nfunction createDocument() {\n    form.post(route(\"my-vehicles.createOrUpdate\"), {\n        preserveScroll: true,\n        onSuccess: () => closeModal(),\n    });\n}\n</script>\n\n<template>\n    <DialogModal\n        :show=\"modal.show\"\n        @close=\"closeModal()\"\n    >\n        <template #title>\n            {{ modal.type === \"create\" ? \"Create new Vehicle\" : \"\" }}\n            {{ modal.type === \"update\" ? \"Update Vehicle\" : \"\" }}\n            {{ modal.type === \"leaderboard\" ? \"Link your vehicle to this ride\" : \"\" }}\n        </template>\n\n        <template #content>\n            <form\n                class=\"space-y-4\"\n                @submit.prevent=\"createDocument()\"\n            >\n                <div\n                    v-if=\"modal.type === 'leaderboard'\"\n                    class=\"col-span-6 sm:col-span-4\"\n                >\n                    <FormInput\n                        v-model=\"form.myvehicle_id\"\n                        label=\"Select from My Vehicles\"\n                        type=\"select\"\n                        :options=\"$page.props.myvehicles\"\n                        empty-option=\"--> Create new vehicle\"\n                        :empty-selectable=\"true\"\n                    ></FormInput>\n                </div>\n                <template v-if=\"modal.type !== 'leaderboard' || form.myvehicle_id === '--> Create new vehicle'\">\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.v_type\"\n                            label=\"Type*\"\n                            type=\"select\"\n                            :options=\"$page.props.app.vehicle_types\"\n                            :error=\"form.errors.v_type\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.year\"\n                            label=\"Year\"\n                            type=\"number\"\n                            :error=\"form.errors.year\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.make\"\n                            label=\"Make*\"\n                            type=\"text\"\n                            :error=\"form.errors.make\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.model\"\n                            label=\"Model*\"\n                            type=\"text\"\n                            :error=\"form.errors.model\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.cylinders\"\n                            label=\"Cylinders\"\n                            type=\"number\"\n                            :error=\"form.errors.cylinders\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.cc\"\n                            label=\"Engine displacement (cc)\"\n                            type=\"number\"\n                            :error=\"form.errors.cc\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.weight\"\n                            label=\"Weight (kg)\"\n                            type=\"number\"\n                            :error=\"form.errors.weight\"\n                        ></FormInput>\n                    </div>\n\n                    <div class=\"col-span-6 sm:col-span-4\">\n                        <FormInput\n                            v-model=\"form.reg_no\"\n                            label=\"Registration number (used to autofill event reg. form)\"\n                            type=\"text\"\n                            :error=\"form.errors.reg_no\"\n                        ></FormInput>\n                    </div>\n                </template>\n            </form>\n        </template>\n\n        <template #footer>\n            <Button\n                color=\"white\"\n                @click=\"closeModal()\"\n            >\n                Cancel\n            </Button>\n\n            <Button\n                class=\"ml-3\"\n                :class=\"{ 'opacity-25': form.processing }\"\n                :disabled=\"form.processing\"\n                @click=\"createDocument()\"\n            >\n                <span v-if=\"modal.type === 'create'\"> Create Vehicle</span>\n                <span v-if=\"modal.type === 'update'\"> Update Vehicle</span>\n                <span v-if=\"modal.type === 'leaderboard'\">\n                    <template v-if=\"form.myvehicle_id !== '--> Create new vehicle'\"> Link My Vehicle</template>\n                    <template v-else> Create and link vehicle</template>\n                </span>\n            </Button>\n        </template>\n    </DialogModal>\n</template>\n"],"names":["props","__props","modal","reactive","form","useForm","_a","_b","_c","showModal","type","item","ccs","closeModal","onMounted","eventBus","argsObj","onUnmounted","createDocument"],"mappings":"+pCAQA,MAAMA,EAAQC,EAIRC,EAAQC,EAAS,CACnB,KAAM,GACN,KAAM,QACV,CAAC,EACKC,EAAOC,EAAQ,CACjB,eAAcC,EAAAN,EAAM,OAAN,YAAAM,EAAY,KAAM,KAChC,SAAQC,EAAAP,EAAM,OAAN,YAAAO,EAAY,SAAU,KAC9B,KAAIC,EAAAR,EAAM,OAAN,YAAAQ,EAAY,KAAM,KACtB,OAAQR,EAAM,QAAU,KACxB,KAAMA,EAAM,MAAQ,KACpB,KAAMA,EAAM,MAAQ,KACpB,MAAOA,EAAM,OAAS,KACtB,UAAWA,EAAM,WAAa,KAC9B,GAAIA,EAAM,IAAM,KAChB,OAAQA,EAAM,QAAU,KACxB,OAAQA,EAAM,QAAU,IAC5B,CAAC,EAED,SAASS,EAAUC,EAAO,SAAUC,EAAO,KAAMC,EAAM,KAAM,CACzDV,EAAM,KAAO,GACbA,EAAM,KAAOQ,EAETE,IACID,IAAS,OAETA,EAAO,CAAA,GAEXA,EAAK,OAASC,EAAI,GAClBD,EAAK,aAAeC,EAAI,cAGxBD,GACA,OAAO,OAAOP,EAAMO,CAAI,CAEhC,CAEA,SAASE,GAAa,CAElBX,EAAM,KAAO,GACbE,EAAK,MAAK,EACVA,EAAK,YAAW,CACpB,CAEAU,EAAU,IAAM,CAEZC,EAAS,IAAI,qBAAuBC,GAAY,CAC5CP,EAAUO,EAAQ,KAAMA,EAAQ,QAASA,EAAQ,GAAG,CAC5D,CAAK,CACL,CAAC,EAEDC,EAAY,IAAM,CAEdF,EAAS,KAAK,oBAAoB,CACtC,CAAC,EAED,SAASG,GAAiB,CACtBd,EAAK,KAAK,MAAM,4BAA4B,EAAG,CAC3C,eAAgB,GAChB,UAAW,IAAMS,EAAY,CACrC,CAAK,CACL"}