<div class="default-theme flex flex-col min-h-screen">
<div class="grow flex flex-wrap flex-col md:flex-row">
<div class="w-full lg:w-1/4 bg-blue-700 py-6" style="background-color: #363636">
<div class="flex px-8 lg:px-0 lg:justify-center p-3 mb-10">
<a href="https://mail-jetable.fr/fr">
<img class="max-w-40" src="https://mail-jetable.fr/storage/images/Plan de travail 1@1x.png" alt="logo" />
</a>
</div>
<div wire:snapshot="{"data":{"in_app":false,"user":null,"domain":null,"domains":[["rvy.fr"],{"s":"arr"}],"email":null,"emails":[[],{"s":"arr"}],"captcha":null,"memberDomains":[[],{"s":"arr"}]},"memo":{"id":"GqagGtEVu9tdtBJZkyYT","name":"frontend.actions","path":"fr","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr"},"checksum":"aebc6f7650b7fa89fd52959336d45b84ca2f59865f91a54184c3f40cb7ee417a"}" wire:effects="{"listeners":["syncEmail","checkReCaptcha3"]}" wire:id="GqagGtEVu9tdtBJZkyYT" x-data="{ in_app: false }">
<div x-show.transition.in="in_app" class="app-action mt-4 px-8" style="display: none">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<form wire:submit.prevent="create" class="lg:max-w-72 lg:mx-auto" method="post">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<input class="block appearance-none w-full border-0 rounded-md py-4 px-5 bg-white text-white bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 focus:outline-none placeholder-white placeholder-opacity-50 dark:placeholder-gray-400" type="text" name="user" id="user" wire:model.defer="user" placeholder="Entrez votre nom" />
<div class="divider mt-5"></div>
<div class="relative">
<div class="relative" x-data="{ open: false }" @click.away="open = false" @close.stop="open = false">
<div @click="open = ! open">
<input x-ref="domain" type="text" class="block appearance-none w-full border-0 bg-white text-white py-4 px-5 pr-8 bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 rounded-md cursor-pointer focus:outline-none select-none placeholder-white placeholder-opacity-50 dark:placeholder-gray-400" placeholder="Sélectionner un domaine" name="domain" id="domain" wire:model="domain" readonly />
</div>
<div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-full rounded-md shadow-lg ltr:origin-top-right rtl:origin-top-left end-0 " style="display: none" @click="open = false">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white dark:bg-gray-700">
<!--[if BLOCK]><![endif]--> <a x-on:click="
$refs.domain.value = 'rvy.fr'
$wire.setDomain('rvy.fr')
" class="block px-4 py-2 text-sm leading-5 text-gray-700 dark:text-gray-300 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-700 transition duration-150 ease-in-out">rvy.fr</a>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-5 text-white dark:text-gray-300">
<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
</div>
</div>
<div class="divider mt-5"></div>
<input id="create" class="block appearance-none w-full rounded-md py-4 px-5 bg-teal-500 dark:bg-teal-600 text-white cursor-pointer focus:outline-none" style="background-color: #ffa424" type="submit" value="Créer" />
<div class="divider my-8 flex justify-center">
<div class="border-t-2 w-2/3 border-white border-opacity-25 dark:border-gray-700"></div>
</div>
</form>
<form wire:submit.prevent="random" class="lg:max-w-72 lg:mx-auto" method="post">
<input id="random" class="block appearance-none w-full rounded-md py-4 px-5 bg-yellow-500 dark:bg-yellow-600 text-white cursor-pointer focus:outline-none" style="background-color: #ffa424" type="submit" value="Aléatoire" />
</form>
<!--[if BLOCK]><![endif]--> <div class="lg:max-w-72 lg:mx-auto">
<button x-on:click="in_app = false" class="block appearance-none w-full rounded-md my-5 py-2 px-5 bg-white bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 text-white text-sm cursor-pointer focus:outline-none hover:bg-opacity-50">Annuler</button>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div x-show.transition.in="!in_app" class="in-app-actions mt-4 px-8" style="display: none">
<form class="lg:max-w-72 lg:mx-auto" action="#" method="post">
<div class="relative">
<div class="relative" x-data="{ open: false }" @click.away="open = false" @close.stop="open = false">
<div @click="open = ! open">
<div class="block appearance-none w-full bg-white text-white py-4 px-5 pr-8 bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 rounded-md cursor-pointer focus:outline-none select-none" id="email_id">
Generating Email...
</div>
</div>
<div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-full rounded-md shadow-lg origin-top " style="display: none" @click="open = false">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white dark:bg-gray-700">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-3 text-white dark:text-gray-300">
<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
</div>
</div>
</form>
<div class="divider mt-5"></div>
<div class="grid grid-cols-4 lg:grid-cols-2 gap-2 lg:gap-6 lg:max-w-72 lg:mx-auto">
<div class="btn_copy bg-white bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 text-white rounded-md py-5 lg:py-10 text-center hover:bg-opacity-25 hover:dark:bg-opacity-50 dark:hover:bg-gray-700 cursor-pointer">
<div class="text-xl lg:text-3xl mx-auto">
<i class="far fa-copy"></i>
</div>
<div class="text-xs lg:text-base pt-5">Copier</div>
</div>
<div onclick="document.getElementById('refresh').classList.remove('pause-spinner')" wire:click="$dispatch('fetchMessages')" class="bg-white bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 text-white rounded-md py-5 lg:py-10 text-center hover:bg-opacity-25 hover:dark:bg-opacity-50 dark:hover:bg-gray-700 cursor-pointer">
<div class="text-xl lg:text-3xl mx-auto">
<i id="refresh" class="fas fa-sync-alt fa-spin"></i>
</div>
<div class="text-xs lg:text-base pt-5">Actualiser</div>
</div>
<div x-on:click="in_app = true" class="bg-white bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 text-white rounded-md py-5 lg:py-10 text-center hover:bg-opacity-25 hover:dark:bg-opacity-50 dark:hover:bg-gray-700 cursor-pointer">
<div class="text-xl lg:text-3xl mx-auto">
<i class="far fa-plus-square"></i>
</div>
<div class="text-xs lg:text-base pt-5">Nouveau</div>
</div>
<div wire:click="deleteEmail" class="bg-white bg-opacity-10 dark:bg-opacity-20 dark:bg-gray-800 text-white rounded-md py-5 lg:py-10 text-center hover:bg-opacity-25 hover:dark:bg-opacity-50 dark:hover:bg-gray-700 cursor-pointer">
<div class="text-xl lg:text-3xl mx-auto">
<i class="far fa-trash-alt"></i>
</div>
<div class="text-xs lg:text-base pt-5">Supprimer</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div class="grow w-full flex flex-col lg:w-3/4">
<nav wire:snapshot="{"data":{"menus":[null,{"keys":[1],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Menu","s":"elcln"}],"current_route":null},"memo":{"id":"bYxpJwsTGqfyogx7GZXL","name":"frontend.nav","path":"fr","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr"},"checksum":"5725f6a010fcb3631efcc4cf33a4b94cf9bd6f1a6eeca032401c9d442f805715"}" wire:effects="[]" wire:id="bYxpJwsTGqfyogx7GZXL">
<div class="bg-gray-100 dark:bg-gray-800 px-5 hidden lg:flex sticky top-0 z-40 h-24">
<div class="w-full my-auto">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<div class="flex items-baseline space-x-4">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://mail-jetable.blog" class="px-3 py-2 text-sm font-semibold text-left bg-transparent text-gray-700 dark:text-gray-300 rounded-lg md:w-auto md:inline hover:text-gray-900 dark:hover:text-white focus:text-gray-900 dark:focus:text-white hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 focus:outline-none" target="_self">Blog</a>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <a href="https://mail-jetable.fr/login" class="px-3 py-2 text-sm font-semibold rounded-lg md:w-auto md:inline bg-secondary text-white">Login</a>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div class="flex items-center gap-3">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="flex items-center">
<div class="relative">
<form action="https://mail-jetable.fr/locale" id="locale-form" method="post">
<input type="hidden" name="_token" value="WEjMCkFlBqkTRISMi8TRDnow6h8onLhMDx69NIr6" autocomplete="off"> <select class="border-gray-300 dark:border-gray-600 block appearance-none cursor-pointer py-1 rounded-md focus:outline-none bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300" name="locale" id="locale" x-on:change="$el.form.submit()">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="ar">Arabic</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="de">German</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="en">English</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option selected value="fr">French</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="hi">Hindi</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="pl">Polish</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="ru">Russian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="es">Spanish</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="vi">Vietnamese</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="tr">Turkish</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="no">Norwegian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="id">Indonesian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="it">Italian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="hu">Hungarian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="pt">Portuguese</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</select>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div x-data="{ open: false }">
<div class="flex items-center gap-3 lg:hidden absolute top-12 right-6">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div @click="open = true" class="w-8 text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
</svg>
</div>
</div>
<div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="transform opacity-0" x-transition:enter-end="transform opacity-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100" x-transition:leave-end="transform opacity-0" @click.away="open = false" class="flex-col lg:hidden fixed top-0 left-0 min-h-screen w-full bg-black bg-opacity-75 backdrop-blur-sm">
<div @click="open = false" class="absolute top-12 right-6 w-8 text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</div>
<div class="w-full mx-auto mt-20">
<div class="flex flex-col items-center justify-between">
<div class="flex flex-col items-center space-y-2">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a href="https://mail-jetable.blog" class="px-3 py-2 text-sm font-semibold text-left bg-transparent text-white rounded-lg md:w-auto md:inline focus:text-gray-900 focus:bg-gray-200 focus:outline-none" target="_self">Blog</a>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div class="flex flex-col items-center space-y-2 mt-10">
<div class="text-white space-x-2">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div class="flex items-center mt-4">
<div class="relative">
<form action="https://mail-jetable.fr/locale" id="locale-form-mobile" method="post">
<input type="hidden" name="_token" value="WEjMCkFlBqkTRISMi8TRDnow6h8onLhMDx69NIr6" autocomplete="off"> <select class="block appearance-none cursor-pointer py-1 rounded-md focus:outline-none" name="locale" id="locale-mobile" x-on:change="$el.form.submit()">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="ar">Arabic</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="de">German</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="en">English</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option selected value="fr">French</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="hi">Hindi</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="pl">Polish</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="ru">Russian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="es">Spanish</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="vi">Vietnamese</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="tr">Turkish</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="no">Norwegian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="id">Indonesian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="it">Italian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="hu">Hungarian</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <option value="pt">Portuguese</option>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</select>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="grow flex flex-col">
<main wire:snapshot="{"data":{"messages":[[],{"s":"arr"}],"deleted":[[],{"s":"arr"}],"error":"","email":null,"initial":false,"overflow":false},"memo":{"id":"ESnqjxOOryl3PrqwIgGj","name":"frontend.app","path":"fr","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr"},"checksum":"e6c32fd0fabd17b73f07591f97d0c4f87981b129aa552cb8ebaeaa5d7e59f917"}" wire:effects="{"listeners":["syncEmail","fetchMessages"]}" wire:id="ESnqjxOOryl3PrqwIgGj" x-data="{ id: 0 }" class="flex-1 lg:flex">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="w-full lg:w-1/3 bg-white dark:bg-gray-900 flex flex-col">
<!--[if BLOCK]><![endif]--> <div class="grow flex justify-center items-center h-40 text-gray-400 dark:text-gray-500 text-2xl">
Récupération...
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="message-content w-full lg:w-2/3 bg-white dark:bg-gray-900 border-1 border-l border-gray-200 dark:border-gray-800 flex flex-col">
<div x-show="id === 0" class="flex-1 hidden lg:flex">
<div class="w-2/3 m-auto">
<img class="m-auto max-w-full" src="https://mail-jetable.fr/images/inbox.png" alt="mails" />
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</main>
</div>
<footer class="bg-gray-800 px-6 py-4 text-white text-sm">
<div class="flex items-center justify-center lg:hidden mb-5">
</div>
<div class="flex flex-col lg:flex-row gap-5 justify-between items-center">
<div class="flex space-x-3">
</div>
<div class="opacity-75">Copyright © 2026 Mail-jetable. All rights reserved.</div>
<div class="hidden lg:block">
</div>
</div>
</footer>
</div>
</div>
</div>
Erreur
Le succès
ID d'e-mail copié dans le presse-papiers