@if(! $isReady)
<div></div>
@else
<div class="p-4 tw-bg-blue-gray-50" x-data="{showTab: 'Commissions', loaded: []}">
    <div class="d-flex align-items-center mb-3">
        <x-ui.button :label="__('Project')" href="{{ route('projects.detail', $plan->project) }}" target="_blank" 
                class="btn-dim btn-sm me-2" icon="eye"
        />
        <x-ui.nicon name="bullet" class="me-2" /> 
        <x-ui.button :label="__('Commissions')" 
            class="btn-sm me-2" icon="coins"
            x-bind:class="{'active shadow': showTab == 'Commissions', 'btn-dim': showTab != 'Commissions'}" 
            x-on:click="showTab = 'Commissions'"    
        />
        <x-ui.button :label="__('Notes')" 
            class=" btn-sm me-2" icon="comments"
            x-bind:class="{'active shadow': showTab == 'Notes', 'btn-dim': showTab != 'Notes'}" 
            x-on:click=" 
                showTab = 'Notes';
                if(!loaded.includes(showTab)) {
                    Livewire.emitTo('notes.notes-viewer', 'readyToLoad')
                }
                loaded.push(showTab)"    
        />
        <x-ui.button :label="__('Follow ups')" 
            class="btn-sm me-2" icon="bell"
            x-bind:class="{'active shadow': showTab == 'Progress', 'btn-dim': showTab != 'Progress'}" 
            x-on:click="
                showTab = 'Progress';
                if(!loaded.includes(showTab)) {
                    Livewire.emitTo('activity.activity-table', 'readyToLoad')
                }
                loaded.push(showTab)"
        />
        @if($plan->project->status->project_status_id === ProjectStatusId::DEBLOCAGE_FONDS())
            <x-ui.nicon name="bullet" class="me-2" /> 
            <x-ui.button 
                :label="__('Set project commissioned')" 
                class="btn-sm btn-dim me-2" 
                icon="check-c"
                click="setProjectStatusToCommissioned"
                :confirm="__('change the project status')"
            />
        @endif
        <x-ui.button 
            :label="__('Regenerate commissions')" 
            class="btn-sm btn-dim me-2"
            style="margin-left: auto"
            icon="reload"
            click="regenTransactions"
            :confirm="__('regenerate commissions')"
        />
    </div>
    <hr/>
    <div class="row">
        <div class="col-md-3">
            <x-widgets.card>
                <ul class="card-details-info card-details-row p-0">
                    <li><span>Nom Affaire</span><span class="bold text-primary">{{ $plan->client?->name_and_surname }}</span></li>
                    <li><span>Banque</span><span class="bold text-primary">{{ $plan->bank?->name }}</span></li>
                    <li><span>Type</span><span class="bold text-primary">{{ $plan->project_type?->name }}</span></li>
                    @if($plan->invoiceable_user_id && $plan->final_invoiceable_user?->id != $plan->owner?->id)
                    <li><span>Bénéficiaire</span><span class="bold text-primary">{{ $plan->final_invoiceable_user?->company?->name }}</span></li>
                    <li><span>Conseiller bénéficiaire</span><span class="bold text-primary">{{ $plan->final_invoiceable_user?->name_and_surname }}</span></li>
                    @endif
                    <li><span>Société</span><span class="bold text-primary">{{ $plan->owner?->company?->name }}</span></li>
                    <li><span>Conseiller</span><span class="bold text-primary">{{ $plan->owner?->name_and_surname }}</span></li>
                    <li><span>Date de débloquage</span><span class="bold text-primary">{{ $plan->funded_at?->format('d/m/Y') }}</span></li> 
                    <li><span>Date de facturation</span><span class="bold text-primary">{{ $plan->completed_at?->format('d/m/Y') }}</span></li>
                    <li><span>Analyste</span><span class="bold text-primary">{{ $plan->analyst?->name_and_surname }}</span></li>
                    <li><span>Montant</span><span class="bold text-primary">@cf($plan->credit_amount)</span></li>
                    {{-- <li><span>Notaire</span><span class="bold text-primary">{{ $plan->notary?->name_and_surname }}</span></li> --}}
                </ul>
            </x-widgets.card>
        </div>
        <div class="col-md-9" x-show="showTab == 'Commissions'">
            <x-ui.collapse id="mandate-{{ $plan->id }}" title="Frais d'intermédiation" :title-icon="TransactionType::MANDATE->icon()" :show="false" class="card mb-3">
                <div style="position: absolute; left: 200px; top: 10px">
                    @include('partials.datatable.financial-plan.payment-slip-btn', ['plan' => $plan, 'type' => TransactionType::MANDATE])
                </div>
                <hr class="m-0"/>
                <div class="card-inner">
                    <div class="row">
                        @if($this->is_back_office)
                        <div class="col-sm-6">
                            @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::MANDATE, TransactionDirection::INCOME), key(uniqid()))
                        </div>
                        @endif
                        @if($plan->canCreateTransaction(TransactionDirection::EXPENSE, TransactionType::MANDATE))
                        <div @class(['col-sm-6' => $this->is_back_office, 'col-sm-12' => ! $this->is_back_office])>
                            @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::MANDATE, TransactionDirection::EXPENSE), key(uniqid()))
                        </div>
                        @endif
                    </div>
                </div>
            </x-ui.collapse>
            <x-ui.collapse id="comm-bank-{{ $plan->id }}" :title="__('Bank commission')" :title-icon="TransactionType::BONUS_BANK->icon()" :show="false" class="card mb-3">
                <div style="position: absolute; left: 200px; top: 10px">
                    @include('partials.datatable.financial-plan.payment-slip-btn', ['plan' => $plan, 'type' => TransactionType::BONUS_BANK])
                </div>
                <hr class="m-0"/>
                <div class="card-inner">
                    <div class="row">
                        @if($this->is_back_office)
                        <div class="col-sm-6">
                            @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_BANK, TransactionDirection::INCOME), key(uniqid()))
                        </div>
                        @endif
                        @if($plan->canCreateTransaction(TransactionDirection::EXPENSE, TransactionType::BONUS_BANK))
                        <div @class(['col-sm-6' => $this->is_back_office, 'col-sm-12' => ! $this->is_back_office])>
                            @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_BANK, TransactionDirection::EXPENSE), key(uniqid()))
                        </div>
                        @endif
                    </div>
                </div>
            </x-ui.collapse>
            @if($plan->canCreateTransaction(TransactionDirection::EXPENSE, TransactionType::BONUS_INSURANCE))
            <x-ui.collapse id="comm-insurance-{{ $plan->id }}" :title="__('Insurance commission')" :title-icon="TransactionType::BONUS_INSURANCE->icon()" :show="false" class="card mb-3">
                <div style="position: absolute; left: 200px; top: 10px">
                    @include('partials.datatable.financial-plan.payment-slip-btn', ['plan' => $plan, 'type' => TransactionType::BONUS_INSURANCE])
                </div>
                <hr class="m-0"/>
                <div class="card-inner">
                    <div class="row">
                        @if($this->is_back_office)
                        <div class="col-sm-6">
                            @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_INSURANCE, TransactionDirection::INCOME), key(uniqid()))
                        </div>
                        @endif
                        <div @class(['col-sm-6' => $this->is_back_office, 'col-sm-12' => ! $this->is_back_office])>
                            @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_INSURANCE, TransactionDirection::EXPENSE), key(uniqid()))
                        </div>
                    </div>
                </div>
            </x-ui.collapse>
            @endif
            @if($plan->canCreateTransaction(TransactionDirection::EXPENSE, TransactionType::INSURANCE_FEES))
                @foreach($plan->transactions->where('type', TransactionType::INSURANCE_FEES)->where('direction', TransactionDirection::INCOME)->sortBy('client_id') as $transaction)
                <x-ui.collapse id="comm-insurance-fees-{{ $transaction->client_id }}" :title="__('Insurance fees') . ' '. $transaction->client->fullname" :title-icon="TransactionType::INSURANCE_FEES->icon()" :show="false" class="card mb-3">
                    <div style="position: absolute; left: {{ min(400, 200+strlen($transaction->client->fullname)*7.5) }}px; top: 10px">
                        @include('partials.datatable.financial-plan.payment-slip-btn', ['plan' => $plan, 'type' => TransactionType::INSURANCE_FEES, 'clientId' => $transaction->client_id])
                    </div>
                    <hr class="m-0"/>
                    <div class="card-inner">
                        <div class="row">
                            @if($this->is_back_office)
                            <div class="col-sm-6">
                                @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::INSURANCE_FEES, TransactionDirection::INCOME, $transaction->client), key(uniqid()))
                            </div>
                            @endif
                            <div @class(['col-sm-6' => $this->is_back_office, 'col-sm-12' => ! $this->is_back_office])>
                                @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::INSURANCE_FEES, TransactionDirection::EXPENSE, $transaction->client), key(uniqid()))
                            </div>
                        </div>
                    </div>
                </x-ui.collapse>
                @endforeach
            @endif
            {{-- @if($plan->owner?->company?->has_bonus_volume)
            <x-ui.collapse id="bonus-volume-{{ $plan->id }}" :title="__('Bonus volume')" :title-icon="TransactionType::BONUS_VOLUME->icon()" class="card mb-3" :show="false">
                <hr class="m-0"/>
                <div class="card-inner row">
                    @if($this->is_back_office)
                    <div class="col-sm-6">
                        @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_VOLUME, TransactionDirection::INCOME), key("bonus-volume-income-$plan->id"))
                    </div>
                    @endif
                    <div @class(['col-sm-6' => $this->is_back_office, 'col-sm-12' => ! $this->is_back_office])>
                        @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_VOLUME, TransactionDirection::EXPENSE), key("bonus-volume-expense-$plan->id"))
                    </div>
                </div>
            </x-ui.collapse>
            @endif
            @if($plan->owner?->company?->has_bonus_quality)
            <x-ui.collapse id="bonus-quality-{{ $plan->id }}" :title="__('Bonus quality')" :title-icon="TransactionType::BONUS_QUALITY->icon()" class="card mb-3" :show="false">
                <hr class="m-0"/>
                <div class="card-inner row">
                    @if($this->is_back_office)
                    <div class="col-sm-6">
                        @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_QUALITY, TransactionDirection::INCOME), key("bonus-quality-income-$plan->id"))
                    </div>
                    @endif
                    <div @class(['col-sm-6' => $this->is_back_office, 'col-sm-12' => ! $this->is_back_office])>
                        @livewire('transactions.transaction-card', $plan->getTransactionCardData(TransactionType::BONUS_QUALITY, TransactionDirection::EXPENSE), key("bonus-quality-expense-$plan->id"))
                    </div>
                </div>
            </x-ui.collapse>
            @endif --}}
        </div>
        <div class="col-md-9" x-show="showTab == 'Notes'" x-cloak>
            @livewire('notes.notes-viewer', [
                'modelClass' => $plan->project->getMorphClass(), 
                'modelId' => $plan->project->id, 
                'deferLoad' => true
            ], key("notes-$plan->id"))
        </div>
        <div class="col-md-9" x-show="showTab == 'Progress'" x-cloak>
            @livewire('activity.activity-table', [
                'title' => '',
                'limit' => 10,
                'showPagination' => false,
                'restrict' => ['subject_id' => $plan->project->id, 'subject_type' => 'Project'],
                'loader' => false,
                'deferLoad' => true
            ], key("activity-$plan->id"))
        </div>
    </div>
</div>
@endif