@props([
    'projectCategoryId' => null,
    'showAllFields' => true,
])

<div class="row">
    <div class="col-sm-4 mb-2">
        <x-ui.input label="Nombre d'enfants à charge" model="simulation.infant_count" icon="users" mask="integer"/>
    </div>
    <div class="col-sm-4 mb-2">
        <x-ui.input label="Montant des revenus" model="simulation.total_income" icon="sign-euro" mask="decimal-comma"/>
    </div>
    <div class="col-sm-4 mb-2">
        <x-ui.input label="Montant des charges" model="simulation.total_claims" icon="sign-euro" mask="decimal-comma"/>
    </div>
@switch($projectCategoryId)
    @case(ProjectCategoriesId::REGROUP_CREDITS())
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Nombre crédits conso" model="simulationMeta.debts_conso_count" mask="integer"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Montant des encours conso avec IRA" model="simulationMeta.debts_conso_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Mensualités crédits conso" model="simulationMeta.monthly_conso_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Nombre crédits immo" model="simulationMeta.debts_immo_count" mask="integer"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Montant des encours immo avec IRA" model="simulationMeta.debts_immo_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Mensualités crédits immo" model="simulationMeta.monthly_immo_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Mensualités conso non rachetées" model="simulationMeta.monthly_conso_unrecovered_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Mensualités immo non rachetées" model="simulationMeta.monthly_immo_unrecovered_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Autre (dette, découverts …)" model="simulationMeta.others_debts_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        @if($showAllFields)
            <div class="col-sm-4 mb-2">
                <x-ui.select label="Durée (mois)" :options="range(36, 420, 12)" model="simulation.duration" :select2search="true"/>
            </div>
            <div class="col-sm-4 mb-2">
                <x-ui.input label="Trésorerie" model="simulation.cashflow_amount" icon="sign-euro" mask="decimal-comma"/>
            </div>
            <div class="col-sm-4 mb-2">
                <x-ui.input label="Mandat" model="simulation.mandate_amount" icon="sign-euro" mask="decimal-comma"/>
            </div>
        @endif
        <div class="col-sm-4 mb-2" x-data="{isLandlord: null}" x-init="isLandlord = {{ $this->is_landlord? '1' : '0' }}">
            <div class="d-flex mt-2 gx-2">
                <x-ui.custom-switch type="radio" size="xs" name="landlordStatus" 
                    model="landlordStatus" x-on:click="isLandlord = 0" label="Locataire" value="1" :no-control="true"/>
                <x-ui.custom-switch type="radio" size="xs" name="landlordStatus" 
                    model="landlordStatus" x-on:click="isLandlord = 1" label="Propriétaire" value="2" :no-control="true"/>
            </div>
            <div class="mt-2" x-show="isLandlord > 0" x-cloak>
                <x-ui.input model="simulation.total_property_value" placeholder="Valeur du bien" icon="sign-euro" mask="decimal-comma"/>
                <x-ui.input model="simulationMeta.property_zipcode" :placeholder="__('Zipcode of property')" icon="location"/>
            </div>
        </div>
        @break

    @case(ProjectCategoriesId::CREDIT_IMMO())
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Prix d'acquisition hors frais" model="simulation.real_estate_value_purchase" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Biens meubles" model="simulation.real_estate_furniture_value" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Frais de négociation ou d'agence" model="simulation.real_estate_agency_fees" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Droits de mutation (frais de notaire)" model="simulation.real_estate_notary_fees" icon="sign-euro" mask="decimal-comma"/>
        </div>
        @if($showAllFields)
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Trésorerie" model="simulation.cashflow_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.select label="Durée (mois)" :options="range(36, 420, 12)" model="simulation.duration" :select2search="true"/>
        </div>
        @endif
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Futurs revenus fonciers non pondérés (DPE A, B, C,D et E)" model="simulation.real_estate_property_income" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Apport" model="simulation.real_estate_investment_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        @break

    @case(ProjectCategoriesId::CREDIT_CONSO())
        @if($showAllFields)
        <div class="col-sm-4 mb-2">
            <x-ui.input label="Trésorerie" model="simulation.cashflow_amount" icon="sign-euro" mask="decimal-comma"/>
        </div>
        <div class="col-sm-4 mb-2">
            <x-ui.select label="Durée (mois)" :options="range(36, 420, 12)" model="simulation.duration" :select2search="true"/>
        </div>
        @endif
        @break

    @case(ProjectCategoriesId::SCPI_EPARGNE())
        <hr class="my-2"/>
        <div x-data="{showScpiForm: false}">
            <div class="row">
                <div class="col-sm-3"><x-ui.select :label="__('SCPI')" :select2search="true" :options="$this->scpis" model="scpiShare.scpi_id"/></div>
                <div class="col-sm-2"><x-ui.input :label="__('Share count')" wire:model.debounce.650ms="scpiShare.share_count" mask="integer" icon="report-profit"/></div>
                <div class="col-sm-2"><x-ui.input :label="__('Share price')" wire:model.debounce.650ms="scpiShare.share_price" debounce="650" mask="decimal-comma" icon="sign-euro"/></div>
                <div class="col-sm-2 d-flex align-items-center">
                    @if($this->scpi_share_total)
                    <div>
                        <x-ui.button
                            click="addScpiShare"
                            icon="plus"
                            class="align-self-end btn-sm mt-3">
                            Ajouter (@cf($this->scpi_share_total))
                        </x-ui.button>
                    </div>
                    @endif
                </div>
                @if($this->scpiShares)
                <div class="col-sm-12 mt-2">
                    <table class="table table-bordered table-responsive">
                        <thead>
                            <tr>
                                <th scope="col">@lang('Management company')</th>
                                <th scope="col">@lang('SCPI')</th>
                                <th scope="col">@lang('Share count')</th>
                                <th scope="col">@lang('Share price')</th>
                                <th scope="col">@lang('Total amount')</th>
                                <th scope="col">@lang('CFCAL')</th>
                                <th scope="col">@lang('CACF')</th>
                                <th scope="col">@lang('Actions')</th>
                            </tr>
                        </thead>
                        <tbody class="bg-white">
                            @foreach($this->scpiShares as $id => $share)
                                <tr>
                                    <td>{{ data_get($share, 'scpi.management_company.name') }}</td>
                                    <td>{{ data_get($share, 'scpi.name') }}</td>
                                    <td>{{ data_get($share, 'share_count') }}</td>
                                    <td>@cf(data_get($share, 'share_price'))</td>
                                    <td>@cf(data_get($share, 'share_count') *  data_get($share, 'share_price'))</td>
                                    <td>{{ data_get($share, 'scpi.is_cfcal') ? 'Oui' : 'Non' }}</td>
                                    <td>{{ data_get($share, 'scpi.is_cacf') ? 'Oui' : 'Non' }}</td>
                                    <td>
                                        <x-ui.button
                                            click="removeScpiShare({{ $id }})"
                                            icon="trash"
                                            class="btn-sm">
                                        </x-ui.button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
                <hr class="mt-2"/>
                <div class="col-sm-4 mb-2">
                    <x-ui.input :label="__('Deposit')" model="simulation.scpi_deposit_percent" mask="decimal-comma" icon="percent"/>
                </div>
                @if($showAllFields)
                    <div class="col-sm-4 mb-2">
                        <x-ui.input :label="__('Mandate')" model="simulation.mandate_amount" mask="decimal-comma" icon="sign-euro"/>
                    </div>
                    <div class="col-sm-4 mb-2">
                        <x-ui.select label="Durée (mois)" :options="range(36, 420, 12)" model="simulation.duration" :select2search="true"/>
                    </div>
                @endif
                {{-- {{ json_encode($this->scpiShares) }} --}}
            </div>
        </div>
        @break

    @default
@endswitch

    <div x-data="{showExtraFields: false}">
        <div class="d-flex justify-content-between w-50">
            <x-ui.button label="Afficher plus de champs" icon="plus" x-on:click="showExtraFields = !showExtraFields" color="white" class="mt-2" size="sm"/>
        </div>
        <div class="mt-2" x-show="showExtraFields" x-cloak @transition>
            <hr/>
            <x-exclusion-rule.exclusion-rules-checkboxes :exclusion-rules="$this->project_exclusion_rules" />
        </div>   
    </div>   
</div>