@props(['team', 'reason', 'needed' => ''])





@php

$message = '';
$perm_needed = '';
switch($reason)
{

case'not-joined':
$message .= 'You are not in this team';
$perm_needed .= $needed;
break;
case'not-owner':
$message .= 'Only the owner can view this';
break;

case'not-creator':
$message .= 'Only the creator can view this';
break;

case'perm-access':
$message .= 'You are missing the permission needed to access this';
$perm_needed .= $needed;
break;

default: return;

}

/* !$reason ? 'Access Denied' : $reason; */

@endphp

<div class="flex flex-col w-full py-12">



    <div
        class="flex items-center justify-between bg-gray-300 border-t-2 border-red-600 rounded-t-lg dark:border-red-600 dark:bg-gray-900">

        <div class="px-4 py-3 text-gray-800 bg-gray-300 rounded-t-lg dark:text-gray-300 dark:bg-gray-900 ">

            {{__('#'.$team->id.' '.$team->name)}}

        </div>

        <div class="px-4 py-3 text-gray-800 bg-gray-300 rounded-t-lg dark:text-gray-300 dark:bg-gray-900 ">
            {{__('wallet')}}
        </div>

    </div>

    <div class="text-gray-800 bg-gray-300 dark:text-gray-300 dark:bg-red-600">
        <div class="p-4 bg-gray-300 dark:bg-gray-800">
            <div class="text-lg font-semibold text-center text-gray-800 uppercase dark:text-red-600 ">

                {{__($message)}}
                <br />
                {{__($perm_needed)}}
            </div>
        </div>
    </div>
    <div
        class="px-4 py-3 text-gray-800 bg-gray-300 border-b-2 border-red-600 rounded-b-lg dark:border-red-600 dark:text-gray-300 dark:bg-gray-900 ">
        {{__('foot')}}
    </div>
</div>


{{-- <div
    class="flex flex-col w-full mx-auto bg-gray-300 border-b-2 border-red-600 rounded-b-lg dark:border-red-600 dark:bg-gray-800">

    <div class="py-6 bg-gray-400 dark:bg-gray-900">
        {{ __($team->owner->name) }}
    </div>

    <div class="py-2">
        {{ __($message) }}
        {{ __($perm_needed) }}
    </div>

    <div class="py-6 bg-gray-400 dark:bg-gray-900">
        Foot
    </div>

</div> --}}