@if(! $projectData)
<div></div>
@else
<div class="project-data-form">
    <style>
        .project-data-form table {
            width: 100%;
            border-collapse: collapse;
        }
        .project-data-form .no-border td, .project-data-form .no-border th {
            border: none;
            text-align: left;
        }
        /* .bordered th, .bordered td {
            border: 1px solid #c2c2c2;
        } */
        .project-data-form th, .project-data-form td {
            padding: 8px;
            text-align: center;
        }
        .project-data-form .striped tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        .project-data-form .font-smaller td:nth-child(odd) {
            font-size: 11px;
        }
        .project-data-form td {
            padding: 4px!important;
        }
        .project-data-form tr {
            padding: 4px!important;
        }
    </style>
    
    @if(request()->routeIs('projects.data_form'))
    <h4 class="mb-2">GRILLE D'ETUDE: {{ $client_names }} - {{ $ref }}</h4>
    @endif

    <div class="card card-body">
        <table class="table no-border font-smaller">
            <tr>
                <td class="overline-title">AGE EMPRUNTEUR:</td>
                <td colspan="2">
                    <div x-data="calcAge('{{ $clients[0]['birthdate'] ?? '' }}')" class="d-flex align-items-baseline">
                        <div>
                            <x-ui.input
                                x-ref="birthdate"
                                x-on:keyup="calcAgeFromBirthdate()"
                                model="projectData.clients.0.birthdate"
                                mask="date"
                                placeholder="__/__/____"
                            />
                        </div>
                        <x-ui.badge
                            x-text="'Age ' + age"
                            x-show="age != null"
                            outline="primary"
                            dim="true"
                            class="ms-2"
                            x-cloak
                        />
                    </div>
                </td>
                <td class="overline-title">SITUATION FAM:</td>
                <td colspan="4">
                    <x-ui.select :select2search="true" model="projectData.clients.0.matrimonial_status_id" :options="$this->matrimonial_statuses" :select2allowclear="true" />
                </td>
            </tr>
            @if(isset($clients[1]))
            <tr>
                <td class="overline-title">AGE CO-EMPRUNTEUR:</td>
                <td colspan="2"><div x-data="calcAge('{{ $clients[1]['birthdate'] ?? '' }}')" class="d-flex align-items-baseline">
                    <div>
                        <x-ui.input
                            x-ref="birthdate"
                            x-on:keyup="calcAgeFromBirthdate()"
                            model="projectData.clients.1.birthdate"
                            mask="date"
                            placeholder="__/__/____"
                        />
                    </div>
                    <x-ui.badge
                        x-text="'Age ' + age"
                        x-show="age != null"
                        outline="primary"
                        dim="true"
                        class="ms-2"
                        x-cloak
                    />
                </div></td>
            </tr>
            @endif
            <tr>
                <td class="overline-title">ENFANTS À CHARGE:</td>
                <td colspan="2">
                    <x-ui.input wire:model="projectData.infants.count" mask="integer" />
                </td>
                @if($infants['count'])
                <td class="overline-title">AGE DES ENFANTS:</td>
                <td class="w-30">
                    <div class="row">
                        @foreach(range(0, $infants['count']-1) as $i)
                        <div class="col-sm-6 mb-2">
                            <x-ui.input model="projectData.infants.birthdates.{{ $i }}" mask="date" placeholder="__/__/____" />
                        </div>
                        @endforeach
                    </div>
                </td>
                @endif
            </tr>
        </table>
        <div class="d-flex justify-content-end w-100">
            <x-ui.button :label="__('Save')" class="btn-dim" click="saveClients" />
        </div>
    </div>
    <br/>
    @php($hasCoClient = count($clients) > 1)
    <div class="row">
        <div class="col-lg-{{ $hasCoClient ? '12' : '6' }}">
            <div class="card card-body">
                <div class="row form-tight mb-3">
                    @foreach($clients as $i => $client)
                        <div class="col-lg-{{ $hasCoClient ? '6' : '12' }}">
                            {!! $hasCoClient ? '<p class="fs-5 mb-2">' . strip_tags($clients[$i]['fullname']) . '</p>' : '' !!}
                            <table class="table bordered striped">
                                <tr>
                                    <td class="overline-title text-start">{{ __('Profession') }}</td>
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.employment_profession" /></td>
                                </tr>
                                <tr>
                                    <td class="overline-title text-start">{{ __('Contract Type') }}</td>
                                    <td><x-ui.select :options="$this->contractTypes" model="projectData.clients.{{ $i }}.employment_contract_type_id" :select2allowclear="true" /></td>
                                </tr>
                                <tr>
                                    <td class="overline-title text-start">{{ __('Professional seniority') }}</td>
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.employment_start_date" mask="date" placeholder="__/__/____" /></td>
                                </tr>
                            </table>
                        </div>
                    @endforeach
                </div>
                 <h6 class="overline-title">{{ __('Income') }}</h6>
                <div class="row form-tight">
                    @foreach($clients as $i => $client)
                        <div class="col-lg-{{ $hasCoClient ? '6' : '12' }}">
                            {!! $hasCoClient ? '<p class="fs-5 mb-2">' . strip_tags($clients[$i]['fullname']) . '</p>' : '' !!}
                            <table class="table bordered striped">
                                <tr>
                                    <td>{{ __('Type') }}</td>
                                    @if( !auth()->user()->is_client)
                                    <td>BS</td>
                                    <td>Annuel Imposable</td>
                                    @else
                                    <td>Montant</td>
                                    @endif
                                    <td>{{ __('Actions') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('Salary/Pension') }}</td>
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.income.monthly" mask="decimal-comma" /></td>
                                    @if( !auth()->user()->is_client)
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.external_data.income.monthly" mask="decimal-comma" /></td>
                                    @endif
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>{{ __('Rentals Revenue') }}</td>
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.income.property_income" mask="decimal-comma" /></td>
                                    @if( !auth()->user()->is_client)
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.external_data.income.property_income" mask="decimal-comma" /></td>
                                    @endif
                                    <td></td>
                                </tr>
                                @if($i === 0 || data_get($this, "projectData.clients.$i.income.family_allowance"))
                                <tr>
                                    <td>{{ __('Family Allowance') }}</td>
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.income.family_allowance" mask="decimal-comma" /></td>
                                    @if( !auth()->user()->is_client)
                                    <td><x-ui.input model="projectData.clients.{{ $i }}.external_data.income.family_allowance" mask="decimal-comma" /></td>
                                    @endif
                                    <td></td>
                                </tr>
                                @endif

                                @for($inc = 1; $inc <= 5; $inc++)
                                    @php($index = $inc == 1? '' : $inc)
                                    @php($model = "projectData.clients.$i.income.other_income{$index}_id")
                                    @if(data_get($this, $model))
                                    <tr>
                                        <td><x-ui.select :$model :options="$this->other_incomes" :select2search="true" :select2allowclear="true"/></td>
                                        <td><x-ui.input model="projectData.clients.{{ $i }}.income.other{{ $inc }}" mask="decimal-comma" placeholder="{{ __('Amount') }}" /></td>
                                        @if( !auth()->user()->is_client)
                                        <td><x-ui.input model="projectData.clients.{{ $i }}.external_data.income.other{{ $inc }}" mask="decimal-comma" placeholder="AI" /></td>
                                        @endif
                                        <td>
                                            <x-ui.button icon="trash" click="removeIncome({{ $i }}, '{{ $index }}')" size="sm" color="white"/>
                                        </td>
                                    </tr>
                                    @endif
                                @endfor

                                <tr class="tw-bg-blue-gray-100 bold">
                                    <td>Total</td>
                                    <td>{{ $client['total_income'] }}</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </table>
                            <x-ui.button icon="plus" :label="__('income')" click="addIncome({{ $i }})" color="white" class="mt-2" />
                            {{-- <div class="row">
                                <div class="col-lg-5">
                                    <div class="row">
                                        <div class="col-md-7">
                                            <x-ui.input :label="__('Salary/Pension')" model="projectData.clients.{{ $i }}.income.monthly" mask="decimal-comma" />
                                        </div>
                                        <div class="col-md-5">
                                            <x-ui.input label="AI" model="projectData.clients.{{ $i }}.external_data.income.monthly" mask="decimal-comma" />
                                        </div>
                                        <div class="col-md-7">
                                            <x-ui.input :label="__('Rentals Revenue')" model="projectData.clients.{{ $i }}.income.property_income" mask="decimal-comma" />
                                        </div>
                                        <div class="col-md-5">
                                            <x-ui.input label="AI" model="projectData.clients.{{ $i }}.external_data.income.property_income" mask="decimal-comma" />
                                        </div>
                                        @if($i === 0)
                                        <div class="col-md-7">
                                            <x-ui.input :label="__('Family Allowance')" model="projectData.clients.{{ $i }}.income.family_allowance" mask="decimal-comma" />
                                        </div>
                                        <div class="col-md-5">
                                            <x-ui.input label="AI" model="projectData.clients.{{ $i }}.external_data.income.family_allowance" mask="decimal-comma" />
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-lg-7">
                                    <h6 class="overline-title">@lang('Additional Income')</h6>
                                    <table>
                                        @for($inc = 1; $inc <= 5; $inc++)
                                            @php($index = $inc == 1? '' : $inc)
                                            @php($model = "projectData.clients.$i.income.other_income{$index}_id")
                                            @if(data_get($this, $model))
                                            <tr>
                                                <td style="min-width: 100px; max-width:160px"><x-ui.select :$model :options="$this->other_incomes" :select2search="true" :select2allowclear="true"/></td>
                                                <td><x-ui.input model="projectData.clients.{{ $i }}.income.other{{ $inc }}" mask="decimal-comma" placeholder="{{ __('Amount') }}" /></td>
                                                <td><x-ui.input model="projectData.clients.{{ $i }}.external_data.income.other{{ $inc }}" mask="decimal-comma" placeholder="AI" /></td>
                                                <td>
                                                    <x-ui.button icon="trash" click="removeIncome({{ $i }}, '{{ $index }}')" size="sm" color="white"/>
                                                </td>
                                            </tr>
                                            @endif
                                        @endfor
                                    </table>
                                    <x-ui.button icon="plus" :label="__('income')" click="addIncome({{ $i }})" color="white" />
                                </div>
                            </div> --}}
                        </div>
                    @endforeach
                </div>
                <div class="d-flex justify-content-end w-100">
                    <div>
                        <x-ui.button :label="__('Save')" class="btn-dim" click="saveIncomes" />
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-{{ $hasCoClient ? '12' : '6' }} {{  $hasCoClient ? 'mt-2' : '' }}">
            <div class="card card-body">
                <h6 class="overline-title">{{ __('Claims') }}</h6>
                <table class="table bordered striped">
                    <tr>
                        <th>{{ __('Claim Type') }}</th>
                        <th>{{ __('Creditor') }}</th>
                        <th>{{ __('Monthly') }}</th>
                        <th>Actions</th>
                    </tr>
                
                    @foreach($claims as $i => $claim)
                    <tr>
                        <td><x-ui.select model="projectData.claims.{{ $i }}.claim_type_id" :options="$this->claimTypes" /></td>
                        <td><x-ui.input model="projectData.claims.{{ $i }}.creditor" /></td>
                        <td><x-ui.input model="projectData.claims.{{ $i }}.monthly" mask="decimal-comma" /></td>
                        <td>
                            <x-ui.button icon="trash" click="removeClaim({{ $i }})" size="sm" color="white" />
                        </td>
                    </tr>
                    @endforeach

                    @if(count($claims))
                    <tr class="tw-bg-blue-gray-100 bold">
                        <td></td>
                        <td>Total</td>
                        <td>{{ $total_claims }}</td>
                        <td></td>
                    </tr>
                    @endif
                </table>
                <div class="mt-2 d-flex justify-content-end w-100">
                    <div>
                        <x-ui.button icon="plus" :label="__('claim')" click="addClaim" color="white" />
                        <x-ui.button :label="__('Save')" class="btn-dim" click="saveClaims" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br/>
    <div class="card card-body">
        <h6 class="overline-title">{{ __('Debts') }}</h6>
        <table class="table bordered striped">
            <tr>
                <th>N<sup>o</sup></th>
                @if(! $this->clientId)
                <th>Ref</th>
                @endif
                <th>Organisme</th>
                <th>Type</th>
                <th>Mt initial</th>
                <th>Date de début</th>
                <th>Motif du prêt</th>
                <th>Taux</th>
                <th>Mensualité</th>
                <th>KRD</th>
                <th>À reprendre</th>
                <th>Actions</th>
            </tr>
        
            @foreach($debts as $i => $debt)
            <tr>
                <td>{{ $i + 1 }}</td>
                @if(! $this->clientId)
                <td><x-ui.input model="projectData.debts.{{ $i }}.ref" /></td>
                @endif
                <td><x-ui.select model="projectData.debts.{{ $i }}.creditor_id" :options="$this->creditors" :select2search="true" /></td>
                <td><x-ui.select model="projectData.debts.{{ $i }}.debt_type_id" :options="$this->debtTypes" :select2search="true" /></td>
                <td><x-ui.input model="projectData.debts.{{ $i }}.initial_capital" mask="decimal-comma" /></td>
                <td><x-ui.input model="projectData.debts.{{ $i }}.start_at" mask="date" placeholder="__/__/____"/></td>
                <td><x-ui.input model="projectData.debts.{{ $i }}.object" /></td>
                <td><x-ui.input model="projectData.debts.{{ $i }}.rate" mask="decimal-comma" append="%"/></td>
                <td><x-ui.input model="projectData.debts.{{ $i }}.monthly" mask="decimal-comma" /></td>
                <td><x-ui.input model="projectData.debts.{{ $i }}.remaining_capital" mask="decimal-comma" /></td>
                <td><x-ui.switch model="projectData.debts.{{ $i }}.recovery" size="sm" /></td>
                <td>
                    <x-ui.button icon="trash" click="removeDebt({{ $i }})" size="sm" color="white" />
                </td>
            </tr>
            <tr class="tw-bg-blue-gray-100 bold">
                @if(($debts[$i + 1] ?? null) && boolval($debt['recovery']) !== boolval($debts[$i + 1]['recovery']))
                    <td colspan="8">Total</td>
                    <td>{{ str()->formatDecimal(data_get($debt_totals, 'monthly_no_recovery')) }}</td>
                    <td>{{ str()->formatDecimal(data_get($debt_totals, 'remaining_capital_no_recovery')) }}</td>
                    <td colspan="2"></td>
                @endif
            </tr>
            <tr class="bg-light">
                @if(($debts[$i + 1] ?? null) && boolval($debt['recovery']) !== boolval($debts[$i + 1]['recovery']))
                    <td colspan="12">{{ $debt['recovery']? 'À conserver' : 'À reprendre' }}</td>
                @endif
            </tr>
            <tr class="tw-bg-blue-gray-100 bold">
                @if(! ($debts[$i + 1] ?? null) && $debt['recovery'])
                    <td colspan="8">Total</td>
                    <td>{{ str()->formatDecimal(data_get($debt_totals, 'monthly_recovery')) }}</td>
                    <td>{{ str()->formatDecimal(data_get($debt_totals, 'remaining_capital_recovery')) }}</td>
                    <td colspan="2"></td>
                @endif
            </tr>
            @endforeach
            @foreach($temp_debts as $i => $debt)
            <tr>
                <td></td>
                @if(! $this->clientId)
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.ref" /></td>
                @endif
                <td><x-ui.select model="projectData.temp_debts.{{ $i }}.creditor_id" :options="$this->creditors" :select2search="true" /></td>
                <td><x-ui.select model="projectData.temp_debts.{{ $i }}.debt_type_id" :options="$this->debtTypes" :select2search="true" /></td>
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.initial_capital" mask="decimal-comma" /></td>
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.start_at" mask="date" placeholder="__/__/____"/></td>
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.object" /></td>
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.rate" mask="decimal-comma" append="%"/></td>
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.monthly" mask="decimal-comma" /></td>
                <td><x-ui.input model="projectData.temp_debts.{{ $i }}.remaining_capital" mask="decimal-comma" /></td>
                <td><x-ui.switch model="projectData.temp_debts.{{ $i }}.recovery" size="sm" /></td>
                <td></td>
            </tr>
            @endforeach
        </table>
        <div class="mt-2 d-flex justify-content-end w-100">
            <div>
                @if($this->projectId)
                    <x-ui.button icon="plus" label="créance" click="addDebt('temp_debts')" color="white" />
                @else
                    <x-ui.button icon="plus" label="créance" click="addDebt('debts')" color="white" />
                @endif
                <x-ui.button :label="__('Save')" class="btn-dim" click="saveDebts" />
            </div>
        </div>
    </div>
    <br/>
    <div class="card card-body">
        <h6 class="overline-title">{{ __('Overdrafts') }}</h6>
        <table class="table bordered striped">
            <tr>
                <th>{{ __('Bank name') }}</th>
                <th>{{ __('IBAN') }}</th>
                <th>{{ __('Amount') }}</th>
                <th>Actions</th>
            </tr>
        
            @foreach($overdrafts as $i => $overdraft)
            <tr>
                <td><x-ui.input model="projectData.overdrafts.{{ $i }}.bank_name" /></td>
                <td><x-ui.input model="projectData.overdrafts.{{ $i }}.iban" /></td>
                <td><x-ui.input model="projectData.overdrafts.{{ $i }}.ending_balance" mask="decimal-comma" /></td>
                <td>
                    <x-ui.button icon="trash" click="removeOverdraft({{ $i }})" size="sm" color="white" />
                </td>
            </tr>
            @endforeach
            @if(count($overdrafts))
            <tr class="tw-bg-blue-gray-100 bold">
                <td colspan="2">Total</td>
                <td>{{ $total_overdraft }}</td>
                <td></td>
            </tr>
            @endif
        </table>
        <div class="mt-2 d-flex justify-content-end w-100">
            <div>
                <x-ui.button icon="plus" :label="__('overdraft')" click="addOverdraft" color="white" />
                <x-ui.button :label="__('Save')" class="btn-dim" click="saveOverdrafts" />
            </div>
        </div>
    </div>
    <br/>
    <div class="card card-body">
        <h6 class="overline-title">{{ __('Cashflows') }}</h6>
        <table class="table bordered striped">
            <tr>
                <th>{{ __('Reason') }}</th>
                <th>{{ __('Amount') }}</th>
                <th>Actions</th>
            </tr>
        
            @foreach($cashflows as $i => $cashflow)
            <tr>
                <td><x-ui.select model="projectData.cashflows.{{ $i }}.cashflow_reason_id" :options="$this->filtered_reasons" ::select2search="true"/></td>
                <td><x-ui.input model="projectData.cashflows.{{ $i }}.amount" mask="decimal-comma" /></td>
                <td>
                    <x-ui.button icon="trash" click="removeCashflow({{ $i }})" size="sm" color="white" />
                </td>
            </tr>
            @endforeach
            @if(count($cashflows))
            <tr class="tw-bg-blue-gray-100 bold">
                <td>Total</td>
                <td>{{ $total_cashflow }}</td>
                <td></td>
            </tr>
            @endif
        </table>
        <div class="mt-2 d-flex justify-content-end w-100">
            <div>
                <x-ui.button icon="plus" :label="__('cashflow')" click="addCashflow" color="white" />
                <x-ui.button :label="__('Save')" class="btn-dim" click="saveCashflows" />
            </div>
        </div>
    </div>
    <br/>
    <div class="card card-body">
        <h6 class="overline-title">{{ __('Properties') }}</h6>
        <table class="table bordered striped">
            <tr>
                <th>{{ __('Property Type') }}</th>
                <th>{{ __('Property Nature') }}</th>
                <th>{{ __('Value of purchase') }}</th>
                <th>{{ __('Estimated value') }}</th>
                <th>{{ __('Zip Code') }}</th>
                <th>{{ __('City') }}</th>
                <th>{{ __('Warranty proposed') }}</th>
                <th>Actions</th>
            </tr>
        
            @foreach($properties as $i => $property)
            <tr>
                <td><x-ui.select model="projectData.properties.{{ $i }}.property_type_id" :options="$this->property_types"/></td>
                <td><x-ui.select model="projectData.properties.{{ $i }}.property_nature_id" :options="$this->property_nature"/></td>
                <td><x-ui.input model="projectData.properties.{{ $i }}.value_purchase" mask="decimal-comma"/></td>
                <td><x-ui.input model="projectData.properties.{{ $i }}.value" mask="decimal-comma"/></td>
                <td><x-ui.input model="projectData.properties.{{ $i }}.address.zip_code"/></td>
                <td><x-ui.input model="projectData.properties.{{ $i }}.address.city"/></td>
                <td><x-ui.switch model="projectData.properties.{{ $i }}.warranty_proposed" size="sm"/></td>
                <td>
                    <x-ui.button icon="trash" click="removeProperty({{ $i }})" size="sm" color="white" />
                </td>
            </tr>
            @endforeach
            @if(count($properties))
            <tr class="tw-bg-blue-gray-100 bold">
                <td colspan="3">Total en garantie</td>
                <td>{{ $total_warranty_property_value }}</td>
                <td colspan="4"></td>
            </tr>
            @endif
        </table>
        <div class="mt-2 d-flex justify-content-end w-100">
            <div>
                <x-ui.button icon="plus" :label="__('property')" click="addProperty" color="white" />
                <x-ui.button :label="__('Save')" class="btn-dim" click="saveProperties" />
            </div>
        </div>
    </div>
    <br/>

    {{-- <div class="card card-body">
        <table class="table bordered">
            <tr>
                <th>KRD IMMO</th>
                <th>KRD CONSO</th>
                <th>TRESO</th>
                <th>DECOUVERT</th>
                <th>VALEUR BIEN</th>
                <th>VALEUR ACHAT</th>
                <th>RH</th>
            </tr>
            <tr>
                <td>{{ str()->formatDecimal($remaining_capital_immo) }}</td>
                <td>{{ str()->formatDecimal($remaining_capital_conso) }}</td>
                <td>{{ str()->formatDecimal($total_cashflow) }}</td>
                <td>{{ str()->formatDecimal($total_overdraft) }}</td>
                <td>{{ str()->formatDecimal($total_property_value) }}</td>
                <td>{{ str()->formatDecimal($total_property_value_purchase) }}</td>
                <td></td>
            </tr>
        </table>
    </div>
    <br/> --}}

    @if($this->project)
        @livewire('notes.notes-viewer', [
            'modelClass' => $this->project->getMorphClass(), 
            'modelId' => $this->project->id,
            'showChannels' => false,
            'autofocusInput' => false,
            'channel' => 1
        ])
    @endif
</div>
@endif