<nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 shadow-lg"> <!-- Primary Navigation Menu --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 "> <div class="flex justify-between h-24"> <div class="flex"> <!-- Logo --> <div class="shrink-0 flex items-center"> <a href="https://bilete.upb.ro"> <img src="https://bilete.upb.ro/img/logo.svg" width="80x" height="80px"> </a> </div> <!-- Navigation Links --> <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro"> Acas膬 </a> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro/evenimente-incheiate"> Evenimente 卯ncheiate </a> </div> </div> <!-- Connecting --> <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro/login"> Conectare </a> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro/register"> 脦nregistrare </a> </div> <!-- Hamburger --> <div class="-mr-2 flex items-center sm:hidden"> <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out"> <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div> <!-- Responsive Navigation Menu --> <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden"> <div class="pt-2 pb-3 space-y-1"> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro"> Acas膬 </a> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro/evenimente-incheiate"> Evenimente 卯ncheiate </a> <!-- Connecting --> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro/login"> Conectare </a> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro/register"> 脦nregistrare </a> </div> </div> </nav> <!DOCTYPE html> <html lang="ro" class="dark"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="3mpUaSH1q3sBHeX7DrnHoblaEbDS51ZaTmFHh7dX"> <title>Bilete UPB</title> <!-- Fonts --> <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" /> <!-- Scripts --> <link rel="preload" as="style" href="https://bilete.upb.ro/build/assets/app-b2901446.css" /><link rel="modulepreload" href="https://bilete.upb.ro/build/assets/app-6e0eadfb.js" /><link rel="stylesheet" href="https://bilete.upb.ro/build/assets/app-b2901446.css" /><script type="module" src="https://bilete.upb.ro/build/assets/app-6e0eadfb.js"></script></head> <body class="font-sans text-gray-900 antialiased bg-gray-900 h-screen w-screen"> <div class="flex flex-col justify-center items-center md:pt-10"> <div class="bg-gray-800 min-h-screen w-full md:w-[70%] lg:w-[40%] lg:h-[50%] mx-auto md:rounded-xl px-8 py-8 md:mb-[3rem]"> <div class="mt-8 lg:mt-0"> <form method="POST" action="https://bilete.upb.ro/register"> <input type="hidden" name="_token" value="3mpUaSH1q3sBHeX7DrnHoblaEbDS51ZaTmFHh7dX"> <!-- Nume --> <div> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="first_name"> Nume </label> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-full py-[13px] px-[15px] focus:outline-none" id="first_name" type="text" name="first_name" required="required" autofocus="autofocus" autocomplete="first_name"> </div> <!-- Prenume --> <div class="mt-4"> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="last_name"> Prenume </label> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-full py-[13px] px-[15px] focus:outline-none" id="last_name" type="text" name="last_name" required="required" autofocus="autofocus" autocomplete="last_name"> </div> <!-- Email --> <div class="mt-4"> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="email"> Adres膬 de email </label> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-full py-[13px] px-[15px] focus:outline-none" id="email" type="email" name="email" required="required" autocomplete="email"> </div> <!-- Telefon --> <div class="mt-4"> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="phone"> Num膬r de telefon </label> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-full py-[13px] px-[15px] focus:outline-none" id="phone" type="text" name="phone" required="required" autocomplete="phone"> </div> <!-- Tip --> <div class="mt-4 align-middle "> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="user_type"> Tip de utilizator </label> <div class="mt-1 flex flex-col" for="user_type"> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Elev" > <span class="pl-2 text-center text-gray-300 "> Elev </span> </input> </div> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Student" > <span class="pl-2 text-center text-gray-300"> Student </span> </input> </div> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Absolvent UNSTPB" > <span class="pl-2 text-center text-gray-300"> Absolvent POLITEHNICA</span> </input> </div> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Reprezentant companie" > <span class="pl-2 text-center text-gray-300"> Reprezentant companie </span> <span class="pl-2 text-center text-gray-300"> Absolvent POLITEHNICA</span> </input> </div> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Reprezentant companie" > <span class="pl-2 text-center text-gray-300"> Reprezentant companie </span> </input> </div> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Parinte" > <span class="pl-2 text-center text-gray-300"> P膬rinte </span> </input> </div> <div class="align-middle flex flex-row w-full items-center"> <input type="radio" class="rounded-full" name="user_type" value="Vizitator" > <span class="pl-2 text-center text-gray-300"> Altul (doar vizitator) </span> </input> </div> </div> <x-input-error :messages="$errors->get('user_type')" class="mt-2" 聽 /> </div> <!-- Varsta --> <div class="mt-4 "> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="age"> V芒rst膬 </label> <div class="flex align-middle items-center" > <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-[90%] py-[13px] px-[15px] focus:outline-none" id="age" type="text" name="age" required="required" autocomplete="age"> <span class="text-gray-300 ml-2" >ani</span> </div> </div> <!-- Judete--> <div class="mt-4"> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="county"> Jude葲 </label> <select name="county" id="county" class="rounded-md mt-1 text-sl bg-gray-900 text-gray-400"> <option value="" class="py-[13px] px-[15px]">Selecteaz膬 jude葲ul</option> <option value="AB" >Alba</option> <option value="AR" >Arad</option> <option value="AG" >Arge艧</option> <option value="BC" >Bac膬u</option> <option value="BH" >Bihor</option> <option value="BN" >Bistri牛a-N膬s膬ud</option> <option value="BT" >Boto艧ani</option> <option value="BR" >Br膬ila</option> <option value="BV" >Bra艧ov</option> <option value="B" >Bucure艧ti</option> <option value="BZ" >Buz膬u</option> <option value="CL" >C膬l膬ra艧i</option> <option value="CS" >Cara艧-Severin</option> <option value="CJ" >Cluj</option> <option value="CT" >Constan牛a</option> <option value="CV" >Covasna</option> <option value="DB" >D芒mbovi牛a</option> <option value="DJ" >Dolj</option> <option value="GL" >Gala牛i</option> <option value="GR" >Giurgiu</option> <option value="GJ" >Gorj</option> <option value="HR" >Harghita</option> <option value="HD" >Hunedoara</option> <option value="IL" >Ialomi牛a</option> <option value="IS" >Ia艧i</option> <option value="IF" >Ilfov</option> <option value="MM" >Maramure艧</option> <option value="MH" >Mehedin牛i</option> <option value="MS" >Mure艧</option> <option value="NT" >Neam牛</option> <option value="OT" >Olt</option> <option value="PH" >Prahova</option> <option value="SJ" >S膬laj</option> <option value="SM" >Satu Mare</option> <option value="SB" >Sibiu</option> <option value="SV" >Suceava</option> <option value="TR" >Teleorman</option> <option value="TM" >Timi艧</option> <option value="TL" >Tulcea</option> <option value="VL" >V芒lcea</option> <option value="VS" >Vaslui</option> <option value="VN" >Vrancea</option> 聽聽聽聽聽聽聽 </select> </div> <!-- Parola --> <div class="mt-4"> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="password"> Parol膬 </label> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-full py-[13px] px-[15px]" id="password" type="password" name="password" required="required" autocomplete="new-password"> </div> <!-- Confirma Parola --> <div class="mt-4"> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300" for="password_confirmation"> Confirm膬 Parola </label> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-gray-500 dark:focus:border-gray-600 focus:ring-gray-500 dark:focus:ring-gray-600 rounded-md shadow-sm block mt-1 w-full py-[13px] px-[15px] focus:outline-none" id="password_confirmation" type="password" name="password_confirmation" required="required" autocomplete="new-password"> </div> <!-- Abonament la Markketing --> <div class="mt-4 text-white "> <span class="font-semibold text-sm text-gray-700 dark:text-gray-300 mt-2">Abonare la comunic膬rile de marketing</span> <p class="text-xs text-sm text-gray-700 dark:text-gray-300"> Dac膬 dore葯ti s膬 prime葯ti informa葲ii despre evenimentele 葯i activit膬葲ile organizate de POLITEHNICA Bucure葯ti, te po葲i abona la comunic膬rile noastre periodice. Datele tale personale vor fi utilizate exclusiv 卯n scopul inform膬rii, respect芒nd Regulamentul General privind Protec葲ia Datelor (GDPR). </p> <div class="flex mt-2"> <input type="checkbox" id="marketing" name="marketing" class="mr-2"> <label for="marketing" class="text-sm text-gray-700 dark:text-gray-300">Sunt de acord s膬 primesc comunic膬ri de marketing prin e-mail de la POLITEHNICA Bucure葯ti</label> </div> </div> <!-- Termeni si Conditii --> <div class="mt-4 flex"> <input type="checkbox" id="GDPR" name="GDPR" class="mr-2" required> <label for="GDPR" class="text-sm text-gray-700 dark:text-gray-300"> Sunt de acord cu <a href="https://upb.ro/prelucrarea-datelor-cu-caracter-personal-in-cadrul-universitatii-politehnica-din-bucuresti/" target="_blank" class="underline"> Termenii 葯i Condi葲iile </a>. </label> </div> <div class="flex items-center justify-end mt-4"> <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none" href="https://bilete.upb.ro/login"> E葯ti deja 卯nregristrat? </a> <button type="submit" class="inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150 ml-4"> 脦nregistreaz膬-te </button> </div> </form> </div> </div> </div> </body> </html>