{"version":3,"file":"CompetitorFormModalGeneralTabContent-b6be7adb.js","sources":["../../../resources/js/Pages/EventPublic/Components/CompetitorFormModalComponents/CompetitorFormModalGeneralTabContent.vue"],"sourcesContent":["<script setup>\nimport JetLabel from \"@/Components/InputLabel.vue\";\nimport FormInput from \"@/Components/FormInput.vue\";\nimport JetCheckbox from \"@/Components/Checkbox.vue\";\nimport InputError from \"@/Components/InputError.vue\";\n\nimport { inject } from \"vue\";\n\nconst parentProps = inject(\"myProps\");\n\nconst statusOptions = [\n    { id: \"pending\", name: \"Pending\" },\n    { id: \"tester\", name: \"Tester\" },\n    { id: \"accepted\", name: \"Accepted\" },\n    { id: \"rejected\", name: \"Rejected\" },\n];\n</script>\n\n<template>\n    <div class=\"mt-4 w-full sm:w-3/4\">\n        <div class=\"mb-8 border-b text-lg\"><strong>General info</strong></div>\n\n        <div v-if=\"!(parentProps.can.view_sensitive_event && parentProps.modal.type !== 'create')\">\n            Entrant account name: <strong>{{ $page.props.user.name }}</strong> <br />\n            <div class=\"flex items-center\">Email: {{ $page.props.user.email }}</div>\n        </div>\n\n        <div\n            v-else\n            class=\"mt-4 w-full rounded-lg border border-orange-200 bg-orange-50 p-4 text-gray-700 shadow\"\n        >\n            <div class=\"\">\n                Entrant account name: <strong>{{ parentProps.form.user.name }}</strong>\n            </div>\n\n            <div v-if=\"parentProps.can.view_sensitive_event && parentProps.modal.type !== 'create'\">\n                <div class=\"flex items-center\">Email: {{ parentProps.form.user.email }}</div>\n                <div v-if=\"parentProps.form.user.gender\">Gender: {{ parentProps.form.user.gender }}</div>\n            </div>\n\n            <div\n                v-if=\"parentProps.can.view_sensitive_event && parentProps.modal.type !== 'create'\"\n                class=\"\"\n            >\n                <JetLabel\n                    for=\"is_entry_fee_paid\"\n                    class=\"p-5 pl-0\"\n                >\n                    <div class=\"flex items-center\">\n                        <JetCheckbox\n                            id=\"is_entry_fee_paid\"\n                            v-model:checked=\"parentProps.form.is_entry_fee_paid\"\n                            name=\"is_entry_fee_paid\"\n                        />\n                        <div class=\"ml-2\">Is entry fee paid?</div>\n                    </div>\n                </JetLabel>\n            </div>\n\n            <div v-if=\"parentProps.can.view_sensitive_event && parentProps.modal.type !== 'create'\">\n                <div class=\"\">\n                    <FormInput\n                        v-model=\"parentProps.form.status\"\n                        type=\"select\"\n                        :options=\"statusOptions\"\n                        :error=\"\n                            Object.hasOwn(parentProps.form.errors, 'status')\n                                ? parentProps.form.errors['status']\n                                : null\n                        \"\n                        label=\"Status\"\n                        tooltip=\"What do competitor statuses mean?\"\n                        tooltip-href=\"/faq/what-do-competitor-statuses-mean-23\"\n                    ></FormInput>\n                </div>\n\n                <div class=\"mt-4 w-full sm:w-3/4\">\n                    <FormInput\n                        v-model=\"parentProps.form.competitor_number\"\n                        type=\"text\"\n                        :error=\"\n                            Object.hasOwn(parentProps.form.errors, 'competitor_number')\n                                ? parentProps.form.errors['competitor_number']\n                                : null\n                        \"\n                        label=\"Competitor number\"\n                    ></FormInput>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"mt-8\">\n            <FormInput\n                v-model=\"parentProps.form.event_class_id\"\n                type=\"select\"\n                :options=\"parentProps.event.classes\"\n                :error=\"\n                    Object.hasOwn(parentProps.form.errors, 'event_class_id')\n                        ? parentProps.form.errors['event_class_id']\n                        : null\n                \"\n                label=\"Select event class *\"\n            ></FormInput>\n        </div>\n\n        <div class=\"mt-4\">\n            <FormInput\n                v-model=\"parentProps.form.general.team_name\"\n                type=\"text\"\n                :error=\"\n                    Object.hasOwn(parentProps.form.errors, 'general.team_name')\n                        ? parentProps.form.errors['general.team_name']\n                        : null\n                \"\n                label=\"Team name (optional)\"\n            ></FormInput>\n        </div>\n\n        <div\n            v-if=\"parentProps.event.hashid === 'K9V62' || parentProps.event.hashid === 'RK8VK'\"\n            class=\"mt-4 w-full rounded-lg border border-gray-200 bg-gray-100 p-4 pt-0 shadow\"\n        >\n            <!--                    <div class=\"mt-4\">\n                <JetLabel\n                    for=\"meal\"\n                    class=\"p-0\"\n                    value=\"Do you want a meal? (Dinner €12, breakfast €6)\"\n                ></JetLabel>\n                <div class=\"flex items-center\">\n                    <JetCheckbox\n                        id=\"meal\"\n                        v-model:checked=\"parentProps.form.meal_1\"\n                    />\n                    <div class=\"ml-2\">No thanks</div>\n                </div>\n                <div class=\"flex items-center\">\n                    <JetCheckbox\n                        id=\"meal\"\n                        v-model:checked=\"parentProps.form.meal_2\"\n                    />\n                    <div class=\"ml-2\">Saturday morning</div>\n                </div>\n                <div class=\"flex items-center\">\n                    <JetCheckbox\n                        id=\"meal\"\n                        v-model:checked=\"parentProps.form.meal_3\"\n                    />\n                    <div class=\"ml-2\">Saturday night</div>\n                </div>\n                <div class=\"flex items-center\">\n                    <JetCheckbox\n                        id=\"meal\"\n                        v-model:checked=\"parentProps.form.meal_4\"\n                    />\n                    <div class=\"ml-2\">Sunday morning</div>\n                </div>\n            </div>-->\n\n            <!--                <div class=\"mt-4\">\n            <jet-label\n                for=\"room\"\n                html-value=\"Choose room (+35 EUR) if needed and available (<a href='https://docs.google.com/spreadsheets/d/1UCiyDDtP0wVFqcMCITfQbfn9oLQBF2_jG9yHG0qjnas/edit#gid=0' target='_blank' class='cursor-pointer'>check availability here</a>)\"\n            />\n            <select\n                id=\"room\"\n                ref=\"room\"\n                v-model=\"parentProps.form.room\"\n                name=\"room\"\n                class=\"mt-1 block w-3/4 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n            >\n                <option value=\"-\">-</option>\n                <option value=\"1\">room number 1</option>\n                <option value=\"2\">room number 2</option>\n                <option value=\"3\">room number 3</option>\n                <option value=\"4\">room number 4</option>\n                <option value=\"5\">room number 5</option>\n                <option value=\"6\">room number 6</option>\n                <option value=\"7\">room number 7</option>\n                <option value=\"8\">room number 8</option>\n            </select>\n        </div>-->\n\n            <div class=\"mt-4\">\n                <jet-label\n                    for=\"t_shirt\"\n                    value=\"Choose a DRIVER t-shirt\"\n                />\n                <!--                    <a\n                href=\"/img/alakonnu2023/shirt.jpg\"\n                target=\"_blank\"\n                class=\"mt-1 block w-2/4 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n            >\n                <img src=\"/img/alakonnu2023/shirt.jpg\" />\n            </a>\n            <a\n                href=\"/img/alakonnu2023/info.jpg\"\n                target=\"_blank\"\n                class=\"mt-1 block w-2/4 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n            >\n                <img src=\"/img/alakonnu2023/info.jpg\" />\n            </a>-->\n                <select\n                    id=\"t_shirt_driver\"\n                    ref=\"t_shirt_driver\"\n                    v-model=\"parentProps.form.custom.t_shirt_driver\"\n                    name=\"t_shirt_driver\"\n                    class=\"mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n                >\n                    <option value=\"-\">-</option>\n                    <option value=\"M\">M</option>\n                    <option value=\"L\">L</option>\n                    <option value=\"XL\">XL</option>\n                    <option value=\"XXL\">XXL</option>\n\n                    <!--                        <option value=\"Male XS\">Male XS</option>\n                <option value=\"Female XS\">Female XS</option>\n                <option value=\"Male M\">Male M</option>\n                <option value=\"Female M\">Female M</option>\n                <option value=\"Male L\">Male L</option>\n                <option value=\"Female L\">Female L</option>\n                <option value=\"Male XL\">Male XL</option>\n                <option value=\"Female XL\">Female XL</option>\n                <option value=\"Male 2XL\">Male 2XL</option>\n                <option value=\"Female 2XL\">Female 2XL</option>\n                <option value=\"Male 3XL\">Male 3XL</option>\n                <option value=\"Female 3XL\">Female 3XL</option>\n                <option value=\"Male 4XL\">Male 4XL</option>\n                <option value=\"Male 5XL\">Male 5XL</option>-->\n                </select>\n            </div>\n\n            <div class=\"mt-4\">\n                <jet-label\n                    for=\"t_shirt_co_driver\"\n                    value=\"Choose a CO-DRIVER t-shirt\"\n                />\n                <!--                    <a\n                href=\"/img/alakonnu2023/shirt.jpg\"\n                target=\"_blank\"\n                class=\"mt-1 block w-2/4 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n            >\n                <img src=\"/img/alakonnu2023/shirt.jpg\" />\n            </a>\n            <a\n                href=\"/img/alakonnu2023/info.jpg\"\n                target=\"_blank\"\n                class=\"mt-1 block w-2/4 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n            >\n                <img src=\"/img/alakonnu2023/info.jpg\" />\n            </a>-->\n                <select\n                    id=\"t_shirt_co_driver\"\n                    ref=\"t_shirt_co_driver\"\n                    v-model=\"parentProps.form.custom.t_shirt_co_driver\"\n                    name=\"t_shirt_co_driver\"\n                    class=\"mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n                >\n                    <option value=\"-\">-</option>\n                    <option value=\"M\">M</option>\n                    <option value=\"L\">L</option>\n                    <option value=\"XL\">XL</option>\n                    <option value=\"XXL\">XXL</option>\n\n                    <!--                        <option value=\"Male XS\">Male XS</option>\n                <option value=\"Female XS\">Female XS</option>\n                <option value=\"Male M\">Male M</option>\n                <option value=\"Female M\">Female M</option>\n                <option value=\"Male L\">Male L</option>\n                <option value=\"Female L\">Female L</option>\n                <option value=\"Male XL\">Male XL</option>\n                <option value=\"Female XL\">Female XL</option>\n                <option value=\"Male 2XL\">Male 2XL</option>\n                <option value=\"Female 2XL\">Female 2XL</option>\n                <option value=\"Male 3XL\">Male 3XL</option>\n                <option value=\"Female 3XL\">Female 3XL</option>\n                <option value=\"Male 4XL\">Male 4XL</option>\n                <option value=\"Male 5XL\">Male 5XL</option>-->\n                </select>\n            </div>\n\n            <!--                <div\n            v-if=\"parentProps.form.t_shirt !== '-'\"\n            class=\"ml-8 mt-4\"\n        >\n            <jet-label\n                for=\"t_shirt_name\"\n                value=\"Name to print on the t-shirt\"\n            />\n            <jet-input\n                id=\"t_shirt_name\"\n                v-model=\"parentProps.form.t_shirt_name\"\n                type=\"text\"\n                class=\"mt-1 block w-3/4\"\n                placeholder=\"\"\n            />\n        </div>\n\n        <div\n            v-if=\"parentProps.form.t_shirt !== '-'\"\n            class=\"ml-8 mt-4\"\n        >\n            <jet-label\n                for=\"t_shirt_nr\"\n                value=\"Number to print on the t-shirt\"\n            />\n            <jet-input\n                id=\"t_shirt_nr\"\n                v-model=\"parentProps.form.t_shirt_nr\"\n                type=\"text\"\n                class=\"mt-1 block w-3/4\"\n                placeholder=\"\"\n            />\n        </div>-->\n\n            <!--                <div class=\"mt-4\">\n            <jet-label\n                for=\"pullover\"\n                value=\"Choose pullover (+65 EUR)\"\n            />\n            <select\n                id=\"pullover\"\n                ref=\"pullover\"\n                v-model=\"parentProps.form.pullover\"\n                name=\"pullover\"\n                class=\"mt-1 block w-3/4 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50\"\n            >\n                <option value=\"-\">-</option>\n                <option value=\"Male XS\">Male XS</option>\n                <option value=\"Female XS\">Female XS</option>\n                <option value=\"Male Size\">Male Size</option>\n                <option value=\"Female Size\">Female Size</option>\n                <option value=\"Male M\">Male M</option>\n                <option value=\"Female M\">Female M</option>\n                <option value=\"Male L\">Male L</option>\n                <option value=\"Female L\">Female L</option>\n                <option value=\"Male XL\">Male XL</option>\n                <option value=\"Female XL\">Female XL</option>\n                <option value=\"Male 2XL\">Male 2XL</option>\n                <option value=\"Female 2XL\">Female 2XL</option>\n                <option value=\"Male 3XL\">Male 3XL</option>\n                <option value=\"Female 3XL\">Female 3XL</option>\n                <option value=\"Male 4XL\">Male 4XL</option>\n                <option value=\"Male 5XL\">Male 5XL</option>\n            </select>\n        </div>-->\n        </div>\n\n        <div class=\"mt-4\">\n            <FormInput\n                v-model=\"parentProps.form.general.comment_to_organizer\"\n                type=\"textarea\"\n                label=\"Questions, suggestions, comments or invoice details to the organizer\"\n                rows=\"3\"\n                :error=\"\n                    Object.hasOwn(parentProps.form.errors, 'general.comment_to_organizer')\n                        ? parentProps.form.errors['general.comment_to_organizer']\n                        : null\n                \"\n            />\n        </div>\n    </div>\n</template>\n"],"names":["parentProps","inject","statusOptions"],"mappings":"s6CAQA,MAAMA,EAAcC,EAAO,SAAS,EAE9BC,EAAgB,CAClB,CAAE,GAAI,UAAW,KAAM,SAAW,EAClC,CAAE,GAAI,SAAU,KAAM,QAAU,EAChC,CAAE,GAAI,WAAY,KAAM,UAAY,EACpC,CAAE,GAAI,WAAY,KAAM,UAAY,CACxC"}