@extends('layouts.app')

@section('content')


@php
// group_period is the year (e.g. 2025, 2026)
$year = (int) ($period->group_period ?? $year ?? 0);
$calcMode = ($year < 2026) ? 'm2' : 'kg' ;
    @endphp

    <form method="post" id="b-card-body-content" novalidate action="{{ route('home.pma') }}">

    <input type="hidden" value="{{ $id }}" name="period_id">
    @csrf
    <div class="row">
        <div class="col-12">
            <h1 class="title-page">Uw aangiften</h1>
        </div>
    </div>
    <br>
    @if ($errors->any())
    <div class="row mt-3">
        <div class="col-12">
            <div class="alert alert-danger">
                <ul style="margin-bottom: 0">
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
    @endif
    @if(Session::has('b_message'))
    <div class="row mt-3">
        <div class="col-12">
            <div class="alert alert-success">
                {{ Session::pull('b_message')}}
            </div>
        </div>
    </div>
    @endif
            @foreach ($listCategories as $category)
        <h1 style="color: rgb(0,0,139);">{{$category->title}}</h1>
        @forelse($listType as $key => $type)
        @if ($category->id == $type->category_id)
                <div class="row mt-4 d-type-contain">
            <div class="col-12">
                <div class="horizon-line collapsed" data-toggle="collapse" data-target="#type-{{ $key }}">
                    {{ $type_name }}
                </div>
                <input type="hidden" name="dec[{{ $key }}][type_id]" value="{{ $type->id }}">
            </div>
            <div class="col-12 collapse" id="type-{{ $key }}">
                <div class="row" style="margin-top: 20px">
                    <div class="col-md-5 col-12">
                        <p class="b-font-bolder" style="color: rgb(0,0,139);">Heeft u deze periode iets aan te geven? </p>
                    </div>
                    <div class="col-md-7 col-12">
                        <input type="radio" name="dec[{{ $key }}][status]" class="d-status" value="1"> JA
                        <input type="radio" name="dec[{{ $key }}][status]" class="d-status" value="0"
                            checked style="margin-left: 30px"> NEE
                    </div>
                </div>
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">

                    </div>
                    <div class="col-6 col-md-3">
                        kg*
                    </div>
                    <div class="col-6 col-md-3">
                        m2*
                    </div>

                </div>
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Productie in Nederland</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0" value="{{ old("dec." . $key . ".pro_nl", 0) }}" name="dec[{{ $key }}][pro_nl_kg]" class="form-control input-m2" data-sum="sum_port_" placeholder="kg">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0" value="{{ old("dec." . $key . ".pro_nl", 0) }}" name="dec[{{ $key }}][pro_nl]" class="form-control input-m2" data-sum="sum_port_" placeholder="m2">
                    </div>

                </div>

                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Import uit België</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_be_kg', 0) }}"
                            name="dec[{{ $key }}][imp_be_kg]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="kg">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_be', 0) }}"
                            name="dec[{{ $key }}][imp_be]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="m2">
                    </div>

                </div>

                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Import uit Duitsland</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_de_kg', 0) }}"
                            name="dec[{{ $key }}][imp_de_kg]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="kg">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_de', 0) }}"
                            name="dec[{{ $key }}][imp_de]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="m2">
                    </div>

                </div>

                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Import uit Polen</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_po_kg', 0) }}"
                            name="dec[{{ $key }}][imp_po_kg]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="kg">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_po', 0) }}"
                            name="dec[{{ $key }}][imp_po]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="m2">
                    </div>

                </div>
                @if($year >=2023)
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Import uit Turkije</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_turk_kg', 0) }}"
                            name="dec[{{ $key }}][imp_turk_kg]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="kg">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.imp_turk', 0) }}"
                            name="dec[{{ $key }}][imp_turk]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="m2">
                    </div>

                </div>
                @endif
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Import overig</p>
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.import_kg', 0) }}"
                            name="dec[{{ $key }}][import_kg]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="kg">
                    </div>
                    <div class="col-6 col-md-3">
                        <input type="number" step=".01" min="0"
                            value="{{ old('dec.' . $key . '.import', 0) }}"
                            name="dec[{{ $key }}][import]"
                            class="form-control input-m2"
                            data-sum="sum_port_" placeholder="m2">
                    </div>

                </div>
                <div class="row mt-5 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Totaal</p>
                    </div>
                    <div class="col-12 col-md-6">
                        <input type="number" step=".01" min="0"
                            value="{{ $calcMode === 'kg' ? (old('dec.' . $key . '.weight', 0)) : (old('dec.' . $key . '.total_m2', 0)) }}"
                            name="dec[{{ $key }}][{{ $calcMode === 'kg' ? 'weight' : 'total_m2' }}]"
                            class="form-control {{ $calcMode === 'kg' ? 'weight-input' : 'd-total-m2' }}"
                            readonly>
                    </div>
                </div>
                <div class="row mt-4 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Recyclingbijdrage per {{ $calcMode }}</p>
                    </div>
                    <div class="col-12 col-md-5">
                        <input type="text"
                            value="{{ $type->unit_price }}"
                            data-calc-mode="{{ $calcMode }}"
                            name="dec[{{ $key }}][unit_price]"
                            class="form-control d-unit-price"
                            readonly>
                    </div>
                </div>
                @php
                $totalM2 = (float) ($type->total_m2 ?? 0);
                $totalKg = (float) ($type->weight ?? 0);
                $unitPrice = (float) ($type->unit_price ?? 0);
                $base = ($calcMode === 'kg')
                ? $totalKg * $unitPrice
                : $totalM2 * $unitPrice;
                $btw = $base * 0.21;
                $totalBtw = $base + $btw;
                @endphp
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>Bijdrage excl. BTW in Euro</p>
                    </div>
                    <div class="col-12 col-md-5">
                        <input type="number" step=".01" min="0"
                            value="{{ number_format($base, 2, '.', '') }}"
                            name="dec[{{ $key }}][total]" class="form-control d-total" readonly>
                    </div>
                </div>
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>BTW 21%</p>
                    </div>
                    <div class="col-12 col-md-5">
                        <input type="number" step=".01" min="0" value="{{ number_format($btw, 2, '.', '') }}"
                            name="dec[{{ $key }}][btw]" class="form-control d-btw"
                            @if($user->land != "NL") data-btw="0" @else data-btw="21" @endif readonly>
                    </div>
                </div>
                <div class="row mt-2 b-show-hide">
                    <div class="col-12 col-md-5">
                        <p>bijdrage inclusief BTW in Euro</p>
                    </div>
                    <div class="col-12 col-md-5">
                        <input type="number" step=".01" min="0"
                            value="{{ number_format($totalBtw, 2, '.', '') }}"
                            name="dec[{{ $key }}][total_btw]" class="form-control d-total-btw" readonly>
                    </div>
                </div>
            </div>
        </div>
        @endif
        @empty
        @endforelse
        <br>
        @endforeach
        <div class="row mt-5">
            <div class="col-12">
                <p class="b-font-bolder">Ondertekening</p>
            </div>
            <div class="col-12">
                <p class="b-font-bolder">Ik verklaar deze opgave duidelijk, stellig en zonder voorbehoud te hebben
                    ingevuld.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md-5">
                <p>Plaats</p>
            </div>
            <div class="col-12 col-md-5">
                <input type="text" name="place" class="form-control" value="{{ old('place', $user->place) }}">
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12 col-md-5">
                <p>Naam</p>
            </div>
            <div class="col-12 col-md-5">
                <input type="text" name="name" class="form-control" value="{{ old('name') }}" />
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12 col-md-5">
                <p>Telefoon</p>
            </div>
            <div class="col-12 col-md-5">
                <input type="text" name="phone" class="form-control" value="{{ old('phone',$user->phone) }}" />
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-12 col-md-5">
                <p>Uw wachtwoord</p>
            </div>
            <div class="col-12 col-md-5">
                @if(session()->has('fromAdmin'))
                <input type="password" readonly name="password" class="form-control"
                    value="