@extends(backpack_view('blank'))

@section('header')
    <section class="container-fluid d-flex flex-stack flex-wrap flex-sm-nowrap align-item-center pb-10">
        <h1 class="fs-2">
            Modifier le versement à l'attention de {{ $payment->shareholder_name }} pour le film {{ $payment->film_title }}
        </h1>
        <div class="py-1">

        </div>
    </section>
@endsection

@section('content')
    <form id="payment-create-form" action="{{ route('accounting.payment.update', [$payment]) }}"
        class="d-flex flex-column flex-lg-row" method="POST">
        @csrf
        @method('PUT')
        @php
            $shareholder = $payment->shareholder;
        @endphp
        <div class="flex-column flex-lg-row-auto w-lg-250px w-xl-325px mb-10">
            <div id="film-accounting-summary" class="card card-flush mb-5 mb-xl-8">
                <div class="card-header">
                    <h1 class="card-title">Coordonnées</h1>
                </div>
                <div class="card-body">
                    <input type="text" name="shareholder_name" placeholder="Nom de l'ayant droit"
                        class="form-control form-control-sm form-control-solid mb-4 @error('shareholder_name') is-invalid @enderror"
                        value="{{ old('shareholder_name', $payment->shareholder_name) }}" />

                    @error('shareholder_name')
                        <div class="invalid-feedback mb-6">
                            {{ $message }}
                        </div>
                    @enderror

                    <textarea name="shareholder_address"
                        class="form-control form-control-solid @error('shareholder_address') is-invalid @enderror" rows="10">
                        {!! old('shareholder_address', $payment->shareholder_address) !!}
                    </textarea>

                    @error('shareholder_address')
                        <div class="invalid-feedback mb-6">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

            </div>
        </div>

        <div class="flex-lg-row-fluid ms-lg-15">
            <div class="flex-column flex-lg-row-auto mb-10">

                <div class="card card-flush flex-row-fluid overflow-hidden mb-5 mb-xl-8">
                    <!--begin::Card header-->
                    <div class="card-header">
                        <div class="card-title">
                            <h2>Ayant-droit : {{ $shareholder->title }}</h2>
                        </div>
                    </div>
                    <div class="card-body pt-0">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 mb-0">
                                <thead>
                                    <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                                        <th class="min-w-175px">Intitulé</th>
                                        <th class="w-125px text-end">Revenue</th>
                                        <th class="w-125px text-end">Part %</th>
                                        <th class="w-125px">Total</th>
                                    </tr>
                                </thead>
                                <tbody class="fw-semibold text-gray-600">
                                    @foreach ($payment->distributionSummaries as $distkey => $distribution)
                                        <tr>
                                            <td>
                                                <input type="hidden" name="distributions[{{ $distkey }}][id]"
                                                    value="{{ $distribution->distribution_id }}">
                                                <div class="d-flex align-items-center">
                                                    <div class="ms-5">
                                                        <span class="fw-bold text-gray-600 text-hover-primary">
                                                            {{ $distribution->title }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="text-end">
                                                {{ $distribution->revenue_total }}
                                            </td>
                                            <td class="text-end">
                                                {{ $distribution->share }}
                                            </td>
                                            <td class="text-end">
                                                <div class="input-group input-group-sm">
                                                    <input type="text"
                                                        name="distributions[{{ $distkey }}][revenue_share]"
                                                        step=".01"
                                                        class="form-control form-control-sm form-control-solid text-end
                                        @error('distributions.' . $distkey . '.revenue_share') is-invalid @enderror"
                                                        value="{{ old('distributions.' . $distkey . '.revenue_share', $distribution->revenue_share) }}">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">€</span>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tbody class="fw-semibold text-gray-600" data-init-function="repeatableTableSectionElement"
                                    data-section-key="0">
                                    @foreach ($payment->attributableCosts as $attrKey => $item)
                                        <tr>
                                            <td>
                                                <input type="hidden" name="attributablecosts[{{ $distkey }}][id]"
                                                    value="{{ $item->id }}">
                                                <div class="input-group input-group-sm">
                                                    <input type="hidden" name="attributablecosts[{{ $attrKey }}][id]"
                                                        value="{{ $item->id }}">
                                                    <div class="input-group-prepend">
                                                        <button type="button" class="ms-2 btn btn-sm btn-light-danger"
                                                            data-rtse-action="remove-element">-</button>
                                                    </div>
                                                    <input type="text"
                                                        name="attributablecosts[{{ $attrKey }}][title]"
                                                        placeholder="Intitulé du frais imputable"
                                                        class="form-control form-control-sm form-control-solid ms-2 mw-450px
                                        @error('attributablecosts.' . $attrKey . '.title') is-invalid @enderror"
                                                        value="{{ old('attributablecosts.' . $attrKey . '.title', $item->title) }}" />
                                                </div>
                                            </td>
                                            <td colspan="2">
                                            </td>
                                            <td>
                                                <div class="input-group input-group-sm">
                                                    <input type="text"
                                                        name="attributablecosts[{{ $attrKey }}][amount]"
                                                        step=".01"
                                                        class="form-control form-control-sm form-control-solid text-end
                                        @error('attributablecosts.' . $attrKey . '.amount') is-invalid @enderror"
                                                        value="{{ old('attributablecosts.' . $attrKey . '.amount', $item->amount) }}" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">€</span>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    <tr>
                                        <td colspan="4">
                                            <button type="button" class="ms-2 btn btn-sm btn-light-success"
                                                data-rtse-action="add-element">+
                                                Ajouter un frais imputable</button>
                                        </td>
                                    </tr>
                                </tbody>
                                <tbody class="fw-semibold text-gray-600">
                                </tbody>
                                <tfooter>
                                    @include('admin.crud.accounting.payment.parts.row-input', [
                                        'label' => 'Montant Brut',
                                        'field_base_name' => 'montant_brut',
                                        'value' => old('montant_brut', $payment->montant_brut),
                                    ])

                                    <tr>
                                        <td colspan="2" class="text-end">
                                            <label for="montant_base_csg">Montant Base
                                                CSG-CRDS</label>
                                        </td>
                                        <td class="text-end">
                                            <div class="input-group input-group-sm">
                                                <input type="text" name="taux_base_csg" step=".01"
                                                    class="form-control form-control-sm form-control-solid text-end @error('taux_base_csg') is-invalid @enderror"
                                                    value="{{ old('taux_base_csg', $payment->taux_base_csg) }}">
                                                <div class="input-group-append">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">
                                            <div class="input-group input-group-sm">
                                                <input type="text" name="montant_base_csg" step=".01"
                                                    class="form-control form-control-sm form-control-solid text-end @error('montant_base_csg') is-invalid @enderror"
                                                    value="{{ old('montant_base_csg', $payment->montant_base_csg) }}">
                                                <div class="input-group-append">
                                                    <span class="input-group-text">€</span>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td colspan="3" class="text-end">Cotisations
                                        </td>
                                        <td>
                                        </td>
                                    </tr>

                                    @include('admin.crud.accounting.payment.parts.row-input-with-taux', [
                                        'label' => 'Cotisation vieillesse plafonnée',
                                        'field_base_name' => 'cotisation_veillesse',
                                        'value' => old('cotisation_veillesse', $payment->cotisation_veillesse),
                                        'taux_value' => old(
                                            'taux_cotisation_veillesse',
                                            $payment->taux_cotisation_veillesse),
                                    ])

                                    @include('admin.crud.accounting.payment.parts.row-input-with-taux', [
                                        'label' => 'CSG',
                                        'field_base_name' => 'csg_totale',
                                        'value' => old('csg_totale', $payment->csg_totale),
                                        'taux_value' => old('taux_csg_totale', $payment->taux_csg_totale),
                                    ])
                                    @include('admin.crud.accounting.payment.parts.row-input-with-taux', [
                                        'label' => 'dont CSG imposable',
                                        'field_base_name' => 'csg_imposable',
                                        'value' => old('csg_imposable', $payment->csg_imposable),
                                        'taux_value' => old('taux_csg_imposable', $payment->taux_csg_imposable),
                                    ])
                                    @include('admin.crud.accounting.payment.parts.row-input-with-taux', [
                                        'label' => 'CRDS',
                                        'field_base_name' => 'crds',
                                        'value' => old('crds', $payment->crds),
                                        'taux_value' => old('taux_crds', $payment->taux_crds),
                                    ])
                                    @include('admin.crud.accounting.payment.parts.row-input-with-taux', [
                                        'label' => 'Cotisation formation professionelle',
                                        'field_base_name' => 'cotisation_formation',
                                        'value' => old('cotisation_formation', $payment->cotisation_formation),
                                        'taux_value' => old(
                                            'taux_cotisation_formation',
                                            $payment->taux_cotisation_formation),
                                    ])

                                    @include('admin.crud.accounting.payment.parts.row-input', [
                                        'label' => 'Total cotisations',
                                        'field_base_name' => 'total_cotisations',
                                        'value' => old('total_cotisations', $payment->total_cotisations),
                                    ])

                                    @include('admin.crud.accounting.payment.parts.row-input', [
                                        'label' => 'Montant net',
                                        'field_base_name' => 'montant_net_a_payer',
                                        'value' => old('montant_net_a_payer', $payment->montant_net_a_payer),
                                    ])

                                    @include('admin.crud.accounting.payment.parts.row-input', [
                                        'label' => 'Montant net imposable',
                                        'field_base_name' => 'montant_net_imposable',
                                        'value' => old('montant_net_imposable', $payment->montant_net_imposable),
                                    ])

                                    @include('admin.crud.accounting.payment.parts.row-input-with-taux', [
                                        'label' => 'Contribution diffuseur',
                                        'field_base_name' => 'contribution_diffuseur',
                                        'value' => old('contribution_diffuseur', $payment->contribution_diffuseur),
                                        'taux_value' => old(
                                            'taux_contribution_diffuseur',
                                            $payment->taux_contribution_diffuseur),
                                    ])

                                </tfooter>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end align-items-center">
                    <button type="submit" class="btn btn-primary" id="saveButton">
                        <span class="indicator-label">
                            {{ trans('backpack::crud.save') }}
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </form>
@endsection

@once
    <template id="attributable-cost-row">
        <tr>
            <td>
                <div class="input-group input-group-sm">
                    <div class="input-group-prepend">
                        <button type="button" class="ms-2 btn btn-sm btn-light-danger"
                            data-rtse-action="remove-element">-</button>
                    </div>
                    <input type="text" name="attributablecosts[#curIndex#][title]"
                        placeholder="Intitulé du frais imputable"
                        class="form-control form-control-sm form-control-solid ms-2 mw-450px" />
                </div>
            </td>
            <td colspan="2">
            </td>
            <td>
                <div class="input-group input-group-sm">
                    <input type="text" name="attributablecosts[#curIndex#][amount]" step=".01"
                        class="form-control form-control-sm form-control-solid text-end" value="">
                    <div class="input-group-append">
                        <span class="input-group-text">€</span>
                    </div>
                </div>
            </td>
        </tr>
    </template>
@endonce
@push('after_scripts')
    @loadOnce('initRepeatableTableSectionElement')
        <script>
            $(function() {
                function replacePlaceholders(node, newkey, newIndex) {
                    if (node.nodeType === Node.ELEMENT_NODE) {
                        if (node.hasAttribute('name')) {
                            node.setAttribute('name', node.getAttribute('name').replace("#key#", newkey));
                            node.setAttribute('name', node.getAttribute('name').replace("#curIndex#", newIndex));
                        }
                    }
                    node.childNodes.forEach(childNode => replacePlaceholders(childNode, newkey, newIndex));
                }

                function initRepeatableTableSectionElement($tbody) {
                    const rowtemplate = document.querySelector("#attributable-cost-row");
                    var $addBtn = $tbody.find('button[data-rtse-action=add-element]');

                    $addBtn.click(function() {
                        var sectionkey = $tbody.data('section-key');
                        var newRow = rowtemplate.content.cloneNode(true);
                        var newIndex = $tbody.children('tr').length - 1;
                        replacePlaceholders(newRow, sectionkey, newIndex);
                        var lastRow = $tbody.children('tr').eq(-1);
                        lastRow.before(newRow);
                    });

                    $tbody.on('click', 'button[data-rtse-action=remove-element]', function() {
                        $(this).parents('tr').remove();
                    })
                }

                $('tbody[data-init-function=repeatableTableSectionElement]').each(function() {
                    initRepeatableTableSectionElement($(this));
                })
            });
        </script>
    @endLoadOnce
@endpush