@props(['team' => null, 'estate' => null, 'settings' => null])
<x-admin-layout>
    <x-slot name="pagetitle">{{ $team->name }}</x-slot>

    <x-slot name="breadcrumb">
        {{ __('admin_project_details') }}: {{ $team->name }}
    </x-slot>

    <div class="bg-{{ !$team->getCurrentSubscriptionOrLatest()->isActive ? 'red-700' : 'greendack-500' }} -mx-4">
        <div class="max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between flex-wrap">
                <div class="w-0 flex-1 flex items-center min-w-0">
                    <span class="flex p-2 rounded-lg bg-{{ $team->getCurrentSubscriptionOrLatest()->ends_at < now() ? 'red-600' : 'greendack-400' }}">
                        @if (!$team->getCurrentSubscriptionOrLatest()->isActive)
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-5 w-5 bi bi-cart-x-fill text-white" viewBox="0 0 16 16">
                                <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7.354 5.646 8.5 6.793l1.146-1.147a.5.5 0 0 1 .708.708L9.207 7.5l1.147 1.146a.5.5 0 0 1-.708.708L8.5 8.207 7.354 9.354a.5.5 0 1 1-.708-.708L7.793 7.5 6.646 6.354a.5.5 0 1 1 .708-.708z"/>
                            </svg>
                        @else
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-5 w-5 bi bi-cart-check-fill text-white" viewBox="0 0 16 16">
                                <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1.646-7.646-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708z"/>
                            </svg>
                        @endif
                    </span>
                    <div class="ml-3 font-medium text-sm text-white truncate">
                        <span class="block">
                            {{ __('saas_your_current_plan_is') }} <b>{{ $team->getCurrentSubscriptionOrLatest()->plan->name }}</b>
                        </span>
                        <span class="block text-xs">
                            @if (!$team->getCurrentSubscriptionOrLatest()->isActive)
                                {{ __('admin_subscriptions_expire') }}
                            @else
                                {{ __('admin_subscriptions_no_expire') }}
                            @endif
                            <b class="capitalize">
                                {{ format_day_month_date($team->getCurrentSubscriptionOrLatest()->ends_at) }} {{ __('at') }} {{ format_hour_min_sec($team->getCurrentSubscriptionOrLatest()->ends_at) }}
                            </b>
                        </span>
                    </div>
                </div>
                <div class="flex-shrink-0 sm:ml-3">
                    <div class="ml-3 font-medium text-sm text-white truncate">
                        <b>{{ $team->houses->count() }}</b> / {{ $team->getCurrentSubscriptionOrLatest()->house_seat->max_seat }} {{ __('houses_used') }}.
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-6 gap-4 mt-4">
        <div class="col-span-6 lg:col-span-3 bg-white p-3 shadow-sm rounded-sm ">
            <div class="space-x-2 font-semibold text-gray-900 text-lg leading-8">
                <i class="fad fa-cog text-yellow-600"></i> {{__('saas_settings_general') }}
            </div>
            <hr class="border-b border-grey-light mb-2">

            <div class="grid grid-cols-2 gap-2 mb-4 text-sm">
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-cubes text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_project_type') }}: </span> {{ $team->type->description }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-flag-alt text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_country') }}: </span> {{ $team->country ? $team->country->name : '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-at text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_email') }}: </span> {{ $team->email ?? '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-mailbox text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_post_office') }}: </span> {{ $estate->post_office ?? '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-phone text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_phone') }}: </span> {{ $team->phone ? $team->full_phone : '___'}}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-phone text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_other_phone') }}: </span> {{ $team->other_phone ? $team->full_other_phone : '___'}}
                </div>
            </div>
        </div>

        <div class="col-span-6 lg:col-span-3 bg-white p-3 shadow-sm rounded-sm">
            <div class="space-x-2 font-semibold text-gray-900 text-lg leading-8">
                <i class="fad fa-credit-card text-yellow-600"></i> {{ __('saas_settings_invoicing') }}
            </div>
            <hr class="border-b border-grey-light mb-2">
            <div class="grid grid-cols-2 gap-2 mt-4 text-sm">
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-coins text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_currency') }}:</span>
                    {{ $team->currency ? $team->currency->name.' | '.$team->currency->symbol : '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-sort-numeric-up text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_invoice_prefix') }}:</span>
                    {{ $settings->number_prefix }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-calendar-check text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_number_day') }}:</span>
                    {{ $settings->generate_every }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-calendar text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_month') }}:</span>
                    {{ __($settings->generate_for) }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-money-check-edit-alt text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_tva') }}:</span>
                    {{ $settings->tva ?? '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-money-check-edit-alt text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('chechbox_property_tax') }}:</span>
                    {{ $settings->property_tax ?? '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-money-check-edit-alt text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('chechbox_real_estate_fee_rate') }}:</span>
                    {{ $settings->real_estate_fee_rate ?? '___' }}
                </div>
                <div class="sm:col-span-1 col-span-2">
                    <i class="fad fa-user-tie text-yellow-600 sm:hidden"></i>
                    <span class="font-semibold">{{ __('label_invoice_manager') }}:</span>
                    {{ $settings->manager_name ?? '___' }}
                </div>
            </div>
        </div>
    </div>

    <div class="flex flex-row mt-4">
        <div class="flex flex-col w-56 bg-white rounded-l-3xl overflow-hidden">
            <ul class="flex flex-col py-3">

                @can('show_projects')
                    <li>
                        <a href="{{ route('admin.teams.show', $team) }}" class="{{ link_active_team_menu('admin.teams.show', $team) }}">
                            <span class="inline-flex items-center justify-center h-12 w-12 text-lg text-yellow-600">
                                <i class="fad fa-chart-pie"></i>
                            </span>
                            <span class="text-sm font-medium">{{ __('saas_dashboard') }}</span>
                        </a>
                    </li>
                @endcan

                @can('houses_projects')
                    <li>
                        <a href="{{ route('admin.teams.houses', $team) }}" class="{{ link_active_team_menu('admin.teams.houses', $team) }}">
                            <span class="inline-flex items-center justify-center h-12 w-12 text-lg text-yellow-600">
                                <i class="fad fa-house"></i>
                            </span>
                            <span class="text-sm font-medium">{{ __('saas_dashboard_houses') }}</span>
                        </a>
                    </li>
                @endcan

                @can('invoices_projects')
                    <li>
                        <a href="{{ route('admin.teams.invoices', $team) }}" class="{{ link_active_team_menu('admin.teams.invoices', $team) }}">
                            <span class="inline-flex items-center justify-center h-12 w-12 text-lg text-yellow-600">
                                <i class="fad fa-file-invoice"></i>
                            </span>
                            <span class="text-sm font-medium">{{ __('saas_dashboard_invoices') }}</span>
                        </a>
                    </li>
                @endif

                @can('actors_projects')
                    <li>
                        <a href="{{ route('admin.teams.actors', $team) }}" class="{{ link_active_team_menu('admin.teams.actors', $team) }}">
                            <span class="inline-flex items-center justify-center h-12 w-12 text-lg text-yellow-600">
                                <i class="fad fa-users"></i>
                            </span>
                            <span class="text-sm font-medium">{{ __('saas_dashboard_actors') }}</span>
                        </a>
                    </li>
                @endcan

                @can('expenses_projects')
                    <li>
                        <a href="{{ route('admin.teams.expenses', $team) }}" class="{{ link_active_team_menu('admin.teams.expenses', $team) }}">
                            <span class="inline-flex items-center justify-center h-12 w-12 text-lg text-yellow-600">
                                <i class="fad fa-credit-card-front"></i>
                            </span>
                            <span class="text-sm font-medium">{{ __('admin_dashboard_expenses') }}</span>
                        </a>
                    </li>
                 @endcan

                 @can('subscriptions_projects')
                    <li>
                        <a href="{{ route('admin.teams.subscriptions', $team) }}" class="{{ link_active_team_menu('admin.teams.subscriptions', $team) }}">
                            <span class="inline-flex items-center justify-center h-12 w-12 text-lg text-yellow-600">
                                <i class="fad fa-money-check-alt"></i>
                            </span>
                            <span class="text-sm font-medium">{{ __('saas_dashboard_subscription_section') }}</span>
                        </a>
                    </li>
                @endcan
            </ul>
        </div>

        <div class="w-full ml-4">
            {{ $slot }}
        </div>
    </div>
</x-admin-layout>