mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
125 lines
6.1 KiB
PHP
125 lines
6.1 KiB
PHP
<div class="flex flex-col">
|
|
<section class="">
|
|
<div class="px-10 pt-6 mx-auto max-w-7xl">
|
|
<div class="w-full mx-auto text-left md:text-center">
|
|
<h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-900 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
|
|
<span
|
|
class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-500 lg:inline">{{ __('Meetup') }}</span>
|
|
<br class="lg:block hidden"> {{ __('choice') }}
|
|
</h1>
|
|
<p class="px-0 mb-6 text-lg text-gray-200 md:text-xl lg:px-24">
|
|
{{ __('Select one or more meetup groups so that you can get access to these groups in the backend.') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section x-data="{ open: @entangle('hasMeetups') }"
|
|
x-show="open"
|
|
x-transition:enter="transition ease-out duration-300"
|
|
x-transition:enter-start="opacity-0 scale-90"
|
|
x-transition:enter-end="opacity-100 scale-100"
|
|
x-transition:leave="transition ease-in duration-300"
|
|
x-transition:leave-start="opacity-100 scale-100"
|
|
x-transition:leave-end="opacity-0 scale-90"
|
|
>
|
|
<div class="px-10 pt-6 mx-auto max-w-7xl">
|
|
<div class="w-full mx-auto text-left md:text-center">
|
|
<p class="px-0 mb-6 text-lg text-gray-200 md:text-xl lg:px-24">
|
|
<x-button wire:click="next" primary lg>
|
|
{{ __('Thanks, continue here') }}
|
|
</x-button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2">
|
|
|
|
<div class="p-4 w-full">
|
|
<p class="px-0 mb-6 text-lg text-gray-200 md:text-xl">
|
|
{{ __('Your current Meetup groups') }}
|
|
</p>
|
|
<div class="grid grid-cols-1 gap-2">
|
|
@foreach($myMeetupNames as $id => $myMeetupName)
|
|
<x-badge class="whitespace-nowrap" lg outline white
|
|
label="{{ $myMeetupName }}"/>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="px-10 pt-6 mx-auto max-w-7xl">
|
|
<div class="bg-21gray p-6 rounded">
|
|
|
|
<div>
|
|
<x-input wire:model="search" placeholder="{{ __('Search') }}"
|
|
hint="{{ __('please limit your search here') }}">
|
|
<x-slot name="append">
|
|
<div class="absolute inset-y-0 right-0 flex items-center p-0.5">
|
|
<x-button
|
|
wire:click="$set('search', '')"
|
|
class="h-full rounded-r-md"
|
|
black
|
|
flat
|
|
squared
|
|
>
|
|
<i class="fa-thin fa-xmark"></i>
|
|
</x-button>
|
|
</div>
|
|
</x-slot>
|
|
</x-input>
|
|
</div>
|
|
|
|
<div class="mt-6 flow-root">
|
|
|
|
<ul role="list" class="-my-5 divide-y divide-gray-200">
|
|
|
|
@foreach($meetups as $meetup)
|
|
|
|
@php
|
|
$activeClass = in_array($meetup->id, $myMeetups, true) ? 'font-bold text-amber-500' : 'text-gray-200';
|
|
@endphp
|
|
|
|
<li class="py-4" wire:key="meetup_id_{{ $meetup->id }}">
|
|
<div class="flex items-center space-x-4">
|
|
<div class="flex-shrink-0">
|
|
<img class="h-12 w-12 rounded object-cover"
|
|
src="{{ $meetup->getFirstMediaUrl('logo') }}"
|
|
alt="{{ $meetup->name }}">
|
|
</div>
|
|
<div class="min-w-0 flex-1">
|
|
<p class="truncate text-sm font-medium {{ $activeClass }}">{{ $meetup->name }}</p>
|
|
<p class="truncate text-sm {{ $activeClass }}">{{ $meetup->city->name }}</p>
|
|
</div>
|
|
<div>
|
|
@if(in_array($meetup->id, $myMeetups, true))
|
|
<x-button
|
|
primary
|
|
wire:click="signUpForMeetup({{ $meetup->id }})"
|
|
>
|
|
<i class="fa-thin fa-xmark"></i>
|
|
{{ __('Deselect') }}
|
|
</x-button>
|
|
@else
|
|
<x-button
|
|
black
|
|
wire:click="signUpForMeetup({{ $meetup->id }})"
|
|
>
|
|
<i class="fa-thin fa-check"></i>
|
|
{{ __('Select') }}
|
|
</x-button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|