@extends('layouts.color_admin.default')
@section('title', 'Aangiften')

@section('content')
<div class="a-page-content" id="b-card-body-content">
    <div class="normal-table-area">
        <form method="post" action="{{ route('admin.dec.updateDec') }}" class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-sm-12">
                    <div class="normal-table-list">
                        <input type="hidden" value="{{ $id }}" name="period_id">
                        <div class="row">
                            <div class="col-sm-12">
                                <h3>{{ $dec[0]->user_name . ' [' . $dec[0]->period . ']'  }}</h3>
                            </div>
                        </div>
                        <br>
                        @csrf
                        @if ($errors->any())
                        <div class="row a-mt-30">
                            <div class="col-sm-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_a_message'))
                        <div class="row a-mt-30">
                            <div class="col-sm-12">
                                <div class="alert alert-success">
                                    {{ Session::pull('b_a_message')}}
                                </div>
                            </div>
                        </div>
                        @endif

                        @foreach ($listCategories as $category)
                        <h1>{{$category->title}}</h1>
                        @forelse($dec as $key => $type)
                        @php
                            // Unit price synchronized with CMA logic
                            if ($year < 2026) {
                                $type->unit_price = 0.40;
                            } else {
                                $type->unit_price = 0.0175;
                            }
                        @endphp
                        @if ($category->id == $type->category_id)
                        <div class="row a-mt-30 d-type-contain">
                            <div class="col-sm-12">
                                <div class="horizon-line collapsed" data-toggle="collapse" data-target="#type-{{ $key }}">
                                    {{ $type->type_name }}
                                </div>
                                <input type="hidden" name="dec[{{ $key }}][type_id]" value="{{ $type->type_id }}">
                            </div>
                            <div class="col-sm-12 collapse" id="type-{{ $key }}">
                                <div class="row" style="margin-top: 20px">
                                    <div class="col-md-5 col-sm-12">
                                        <p class="b-font-bolder">Heeft u deze periode iets aan te geven? </p>
                                    </div>
                                    <div class="col-md-7 col-sm-12">
                                        <input type="radio" name="dec[{{ $key }}][status]" class="d-status" value="1" @if(old("dec.". $key . ".status" , $type->status) == 1) checked @endif> JA
                                        <input type="radio" name="dec[{{ $key }}][status]" class="d-status" value="0" @if(old("dec.". $key . ".status" , $type->status) == 0) checked @endif style="margin-left: 30px"> NEE
                                    </div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Productie in Nederland</p>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.pro_nl_kg', $type->pro_nl_kg) }}"
                                            name="dec[{{ $key }}][pro_nl_kg]"
                                            class="form-control input-m2"
                                            placeholder="kg">
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.pro_nl', $type->pro_nl) }}"
                                            name="dec[{{ $key }}][pro_nl]"
                                            class="form-control input-m2"
                                            placeholder="m2">
                                    </div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Import uit België</p>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_be_kg', $type->imp_be_kg) }}"
                                            name="dec[{{ $key }}][imp_be_kg]"
                                            class="form-control input-m2"
                                            placeholder="kg">
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_be', $type->imp_be) }}"
                                            name="dec[{{ $key }}][imp_be]"
                                            class="form-control input-m2"
                                            placeholder="m2">
                                    </div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Import uit Duitsland</p>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_de_kg', $type->imp_de_kg) }}"
                                            name="dec[{{ $key }}][imp_de_kg]"
                                            class="form-control input-m2"
                                            placeholder="kg">
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_de', $type->imp_de) }}"
                                            name="dec[{{ $key }}][imp_de]"
                                            class="form-control input-m2"
                                            placeholder="m2">
                                    </div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Import uit Polen</p>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_po_kg', $type->imp_po_kg) }}"
                                            name="dec[{{ $key }}][imp_po_kg]"
                                            class="form-control input-m2"
                                            placeholder="kg">
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_po', $type->imp_po) }}"
                                            name="dec[{{ $key }}][imp_po]"
                                            class="form-control input-m2"
                                            placeholder="m2">
                                    </div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Import uit Turkije</p>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_turk_kg', $type->imp_turk_kg) }}"
                                            name="dec[{{ $key }}][imp_turk_kg]"
                                            class="form-control input-m2"
                                            placeholder="kg">
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.imp_turk', $type->imp_turk) }}"
                                            name="dec[{{ $key }}][imp_turk]"
                                            class="form-control input-m2"
                                            placeholder="m2">
                                    </div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Import overig</p>
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.import_kg', $type->import_kg) }}"
                                            name="dec[{{ $key }}][import_kg]"
                                            class="form-control input-m2"
                                            placeholder="kg">
                                    </div>
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old('dec.' . $key . '.import', $type->import) }}"
                                            name="dec[{{ $key }}][import]"
                                            class="form-control input-m2"
                                            placeholder="m2">
                                    </div>
                                </div>
                                <div class="row a-mt-30 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>
                                            @if($year < 2026)
                                                Totaal aantal gefactureerde m2 isolatieglas
                                            @else
                                                Totaal gewicht isolatieglas (kg)
                                            @endif
                                        </p>
                                    </div>

                                    {{-- KG column --}}
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old("dec.". $key . ".weight", $type->weight ?? 0) }}"
                                            name="dec[{{ $key }}][weight]"
                                            class="form-control weight-input"
                                            readonly>
                                    </div>

                                    {{-- M2 column --}}
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number" step=".01" min="0"
                                            value="{{ old("dec.". $key . ".total_m2", $type->total_m2) }}"
                                            name="dec[{{ $key }}][total_m2]"
                                            class="form-control d-total-m2"
                                            readonly>
                                    </div>
                                </div>
                               
                                <div class="row a-mt-30 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>
                                            @if($year < 2026)
                                                Recyclingbijdrage per m2
                                            @else
                                                Recyclingbijdrage per kg
                                            @endif
                                        </p>
                                    </div>

                                    {{-- Unit price --}}
                                    <div class="col-sm-6 col-md-3">
                                        <input type="number"
                                            value="{{ $type->unit_price }}"
                                            name="dec[{{ $key }}][unit_price]"
                                            class="form-control d-unit-price"
                                            readonly>
                                    </div>

                                    {{-- Empty column to match CMA layout --}}
                                    <div class="col-sm-6 col-md-3"></div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Bijdrage excl. BTW in Euro</p>
                                    </div>

                                    <div class="col-sm-6 col-md-3">
                                        <input type="number"
                                            step=".01" min="0"
                                            value="{{ old("dec.". $key . ".total", $type->total) }}"
                                            name="dec[{{ $key }}][total]"
                                            class="form-control d-total"
                                            readonly>
                                    </div>

                                    <div class="col-sm-6 col-md-3"></div>
                                </div>
                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>BTW 21%</p>
                                    </div>

                                    <div class="col-sm-6 col-md-3">
                                        <input type="number"
                                            step=".01" min="0"
                                            value="{{ old("dec.". $key . ".btw", $type->btw) }}"
                                            name="dec[{{ $key }}][btw]"
                                            class="form-control d-btw"
                                            @if($user->land == "NL") data-btw="0" @else data-btw="21" @endif
                                            readonly>
                                    </div>

                                    <div class="col-sm-6 col-md-3"></div>
                                </div>

                                <div class="row a-mt-15 b-show-hide">
                                    <div class="col-sm-12 col-md-5">
                                        <p>Bijdrage inclusief BTW in Euro</p>
                                    </div>

                                    <div class="col-sm-6 col-md-3">
                                        <input type="number"
                                            step=".01" min="0"
                                            value="{{ old("dec.". $key . ".total_btw", $type->total_btw) }}"
                                            name="dec[{{ $key }}][total_btw]"
                                            class="form-control d-total-btw"
                                            readonly>
                                    </div>

                                    <div class="col-sm-6 col-md-3"></div>
                                </div>
                            </div>
                        </div>
                        @endif

                        @empty
                        @endforelse
                        <br>
                        @endforeach

                        <div class="row a-mt-30">
                            <div class="col-sm-12 col-md-5">
                                <p>Plaats</p>
                            </div>
                            <div class="col-sm-12 col-md-5">
                                <input type="text" name="place" id="place" class="form-control" value="{{ old('place', $dec[0]->place) }}" required>
                            </div>
                        </div>
                        <div class="row a-mt-15">
                            <div class="col-sm-12 col-md-5">
                                <p>Naam</p>
                            </div>
                            <div class="col-sm-12 col-md-5">
                                <input type="text" name="name" id="name" class="form-control" value="{{ old('name', $dec[0]->name) }}" required>
                            </div>
                        </div>
                        <div class="row a-mt-15">
                            <div class="col-sm-12 col-md-5">
                                <p>Telefoon</p>
                            </div>
                            <div class="col-sm-12 col-md-5">
                                <input type="text" name="phone" id="phone" class="form-control" value="{{ old('phone',$dec[0]->phone) }}" required>
                            </div>
                        </div>

                        <div class="row a-mt-45">
                            <div class="col-sm-12 col-md-5"></div>
                            <div class="col-sm-12 col-md-5 text-right">
                                <a href="{{ route('admin.dec.maList') }}" class="btn btn-default btn-sm">« Terug </a>
                                <button type="submit" class="btn btn-primary">Bijwerken</button>
                            </div>
                        </div><br>
                        <br>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('/js/cma.js') }}"></script>
<script>
function recalcTotals($parent) {
    let totalKg = 0;
    let totalM2 = 0;

    $parent.find(
        'input[type="number"]:not(.weight-input,.d-total-m2,.d-unit-price,.d-total,.d-btw,.d-total-btw)'
    ).each(function () {
        let name = $(this).attr('name');
        let val = parseFloat($(this).val());
        if (isNaN(val)) val = 0;

        if (name && name.indexOf('_kg]') !== -1) {
            totalKg += val;
        } else {
            totalM2 += val;
        }
    });

    $parent.find('.weight-input').val(totalKg.toFixed(2));
    $parent.find('.d-total-m2').val(totalM2.toFixed(2));

    // trigger price calculation
    $parent.find('.weight-input').trigger('change');
    $parent.find('.d-total-m2').trigger('change');
}

// Recalculate when user types
$(document).on(
    'input',
    '.d-type-contain input[type="number"]:not(.weight-input,.d-total-m2,.d-unit-price,.d-total,.d-btw,.d-total-btw)',
    function () {
        recalcTotals($(this).closest('.d-type-contain'));
    }
);

// Recalculate ON PAGE LOAD for each type block
$(document).ready(function () {
    $('.d-type-contain').each(function () {
        recalcTotals($(this));
    });
});
</script>
<script>
    $(document).ready(function() {
        var pathname = window.location.pathname;
        var menuItem = $('a[href="/admin/maList"]').closest('li');
        menuItem.addClass('active');
        menuItem.closest('li.has-sub').addClass('active');

        $("input[type=number]").keypress(function(e) {

        });
    });
</script>
@endpush