su-secret-santa/resources/views/livewire/pages/profile.blade.php

<?php

use App\Models\Participant;
use App\Services\PostService;
use Illuminate\Support\Facades\Log;
use function Livewire\Volt\{state, mount, rules};

state(['token']);

state([
    'participant' => null,
    'userData' => null,
    'receiverPrompt' => null,
    'receiverUserData' => null,
    'prompt' => '',
    'submissionUrl' => '',
    'isEditingPrompt' => false,
    'isEditingSubmission' => false,
    'submissionData' => null
]);
#todo - check if the post is by them, if not - reject it
rules([
    'prompt' => 'required|string|min:3',
    'submissionUrl' => [
        'required',
        'regex:/^https:\/\/sketchersunited\.org\/posts\/\d+$/',
        'max:200',
    ],
]);

mount(function ($token) {
    $this->token = $token;
    if ($this->token) {
        $this->participant = Participant::findByToken($this->token);

        if ($this->participant) {
            $this->userData = $this->participant->getUserData();
            $this->prompt = $this->participant->prompt ?? '';
            $this->submissionUrl = $this->participant->submission_url ?? '';
            if ($this->participant->receiver) {
                $this->receiverPrompt = $this->participant->receiver->prompt;
                $this->receiverUserData = $this->participant->receiver->getUserData();
                if ($this->participant->submission_url) {
                    $this->submissionData = PostService::getPostData($this->participant->submission_url);
                    if (!$this->submissionData) {
                        $this->submissionData = null;
                    }
                }
            }
        }
    }
});

$saveEditingPrompt = function () {
    if ($this->participant) {
        $this->validate();

        $this->participant->prompt = $this->prompt;
        $this->participant->save();
        $this->isEditingPrompt = false;
    }
};

$cancelEditingPrompt = function () {
    $this->prompt = $this->participant->prompt ?? '';
    $this->isEditingPrompt = false;
};

$saveEditingSubmission = function () {
    if ($this->participant) {
        $this->validate();

        $this->participant->submission_url = $this->submissionUrl;
        $this->participant->save();
        $this->isEditingSubmission = false;
    }
};

$cancelEditingSubmission = function () {
    $this->submissionUrl = $this->participant->submission_url ?? '';
    $this->isEditingSubmission = false;
};

?>

<div>
    @if($participant)
        You are...
        {{ $participant->id }}
        @if($userData)
            <img src="{{ $userData['data']['profile_image_url'] ?? '' }}">
            <h1> {{ $userData['data']['username'] ?? 'Unknown' }}</h1>
        @endif
        <hr>

        @if($isEditingPrompt)
            <form wire:submit="saveEditingPrompt">
                <input type="text" id="prompt" wire:model="prompt">

                @error('prompt')
                <span class="error">{{ $message }}</span>
                @enderror

                <button type="submit">Save</button>

                <button type="button" wire:click="cancelEditingPrompt">Cancel</button>
            </form>
        @else
            <div class="prompt-display">
                <p>
                    Your prompt is: {{ $prompt ?: 'No prompt set yet.' }}
                </p>

                <button wire:click="$set('isEditingPrompt', true)">
                    {{ $prompt ? 'Edit Prompt' : 'Add Prompt' }}
                </button>
            </div>
        @endif

        <hr>

        @if($participant->giving_id)
            You are giving to <p>{{ $participant->giving_id }}</p>
            @if($receiverUserData)
                <img src="{{ $receiverUserData['data']['profile_image_url'] ?? '' }}">
                <h1> {{ $receiverUserData['data']['username'] ?? 'Unknown' }}</h1>
            @endif
            Their prompt is... {{$receiverPrompt}}

            <p> Are you done? Link to your post below </p>
            @if($isEditingSubmission)
                <form wire:submit="saveEditingSubmission">
                    <input type="text" id="submissionUrl" wire:model="submissionUrl">

                    @error('submissionUrl')
                    <span class="error">{{ $message }}</span>
                    @enderror

                    <button type="submit">Save</button>

                    <button type="button" wire:click="cancelEditingSubmission">Cancel</button>
                </form>
            @else
                <div class="submissionUrl-display">
                    <p>
                        Your submission URL is: <span
                            id="submissionUrl">{{ $submissionUrl ?: 'No submission sent yet.' }}</span>
                    </p>

                    <button wire:click="$set('isEditingSubmission', true)">
                        {{ $submissionUrl ? 'Edit Submission URL' : 'Add Submission URL' }}
                    </button>
                </div>
            @endif
            <hr>
            @if($submissionData)
                <h1>Your submission:</h1>
                <div id="postView">
                    <a href="{{$submissionUrl}}">
                        <h1>{{$submissionData['post']['title']}}</h1>
                        <img src="{{$submissionData['post']['resource_url']}}">
                    </a>
                </div>
            @endif
        @elseif($participant->desperate)
            <p>You're in a bind!</p>
        @else
            <p>You haven't been assigned anyone.</p>
        @endif

    @endif
</div>