@extends('redesign.layouts.metronic.dashboard')

@section('title', 'Manuelle Zuordnung')

@section('documentTitle', 'Manuelle Zuordnung')

@section('document')
    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head kt-portlet__head--lg">
            <div class="kt-portlet__head-label">
                <span class="kt-portlet__head-icon">
                    <i class="fas fa-edit"></i>
                </span>
                <h3 class="kt-portlet__head-title">
                    Manuelle Zuordnung
                </h3>
            </div>
        </div>

        <form action="{{ route('operator.bank.update', ['bankTransaction' => $bankTransaction]) }}" method="post">
            {{ csrf_field() }}

            <div class="kt-portlet__body">
                @include('redesign.back.metronic.operator.bank.pieces.form')
            </div>

            <div class="kt-portlet__foot">
                <div class="row align-items-center">
                    <div class="col">
                        <button class="btn btn-primary" type="submit">
                            <i class="fas fa-save"></i>
                            Speichern
                        </button>
                    </div>
                    <div class="col text-right">
                        <a class="btn btn-secondary" href="{{ route('operator.bank.index') }}">
                            <i class="fas fa-ban"></i>
                            Abbrechen
                        </a>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('scripts-page')
    <script>
        $(document).ready(function() {
            $('input[name="receipt_type"]').on('change', function () {
                var val = $('input[name="receipt_type"]:checked').val();
                if ( 'invoice' === val ) {
                    $('#invoiceSelect').show();
                    $('#creditNoteSelect').hide();
                } else {
                    $('#invoiceSelect').hide();
                    $('#creditNoteSelect').show();
                }
            });
        });
    </script>
@endsection