@if(isset($salesInvoice))
    {{--show down payment--}}
    <div class="modal fade text-left" id="formModalShowDownPayment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-instagram bg-lighten-4">
                    <div class="d-flex justify-content-start align-items-center">
                        <h4 class="modal-title text-white" id="myModalLabel17">{{trans('applang.down_payment_details')}}</h4>
{{--                        <span id="payment_status" class="badge mr-1 ml-1"></span>--}}
                    </div>
                    <div id="modal_buttons">
                        <a href="{{route('SalesInvoiceDownPaymentReceiptPrint', $salesInvoice->id)}}" target="_blank" class="btn btn-primary btn-sm d-inline-flex align-items-center">
                            <i class="bx bx-printer"></i>
                            <span style="margin-right: 3px; margin-left: 3px">{{trans('applang.receipt')}}</span>
                        </a>
                        <a href="{{route('sales-invoices.edit', $salesInvoice->id)}}"
                           class="btn btn-primary btn-sm d-inline-flex align-items-center">
                            <i class="bx bx-edit"></i>
                            <span style="margin-right: 3px; margin-left: 3px">{{trans('applang.edit')}}</span>
                        </a>
                        <button type="button" class="close ml-1" data-dismiss="modal" aria-label="Close">
                            <i class="bx bx-x"></i>
                        </button>
                    </div>
                </div>
                <div class="modal-body">
                    <div class="card">
                        <div class="bg-primary modal-header">
                            <h6 class="modal-title white">{{trans('applang.client_details')}}</h6>
                        </div>
                        <div class="card-body">
                            <table class="user-view table-responsive" style="width: 100%">
                                <tbody>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.client_name')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->full_name}}</td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.street_address')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->street_address ?? ''}}</td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.city')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->city ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.state')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->state ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.postal_code')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->postal_code ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.phone_number')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->phone ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.country')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="w-100">{{$salesInvoice->client->country ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.currency')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="w-100">{{$salesInvoice->client->currency ?? ''}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card">
                        <div class="bg-primary modal-header">
                            <h6 class="modal-title white">{{trans('applang.payment_details')}}</h6>
                        </div>
                        <div class="card-body">
                            <table class="user-view table-responsive" style="width: 100%">
                                <tbody>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.sales_invoice_number')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->inv_number}}</td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.deposit_payment_method')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="down_deposit_payment_method"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.payment_value')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="down_payment_amount"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.transaction_id')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="down_transaction_id"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.payment_status')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="down_pmt_status"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.payment_date')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="down_payment_date"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.added_by')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="w-100" id="down_added_by"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--show payment--}}
    <div class="modal fade text-left" id="formModalShowPayment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-instagram bg-lighten-4">
                    <div class="d-flex justify-content-start align-items-center">
                        <h4 class="modal-title text-white" id="myModalLabel17">{{trans('applang.payment_transaction')}} # <b id="payment_id"></b></h4>
                        <span id="payment_status" class="badge mr-1 ml-1"></span>
                    </div>
                    <div id="modal_buttons">
                        <a href="{{route('SalesInvoicePaymentReceiptPrint', 'test')}}" target="_blank" class="btn btn-primary btn-sm d-inline-flex align-items-center print-receipt-ajax">
                            <i class="bx bx-printer"></i>
                            <span style="margin-right: 3px; margin-left: 3px">{{trans('applang.receipt')}}</span>
                        </a>
                        <a href=""
                           class="btn btn-primary btn-sm d-inline-flex align-items-center edit-payment"
                           data-toggle="modal"
                           data-target="#formModalEditPayment">
                            <i class="bx bx-edit"></i>
                            <span style="margin-right: 3px; margin-left: 3px">{{trans('applang.edit')}}</span>
                        </a>
                        <a href="" class="btn btn-success btn-sm d-inline-flex align-items-center confirm-completed" id="check" style="display: none !important;">
                            <i class="bx bx-check-circle"></i>
                            <span style="margin-right: 3px; margin-left: 3px">{{trans('applang.complete_transaction')}}</span>
                        </a>
                        <button type="button" class="close ml-1" data-dismiss="modal" aria-label="Close">
                            <i class="bx bx-x"></i>
                        </button>
                    </div>
                </div>
                <div class="modal-body">
                    <div class="card">
                        <div class="bg-primary modal-header">
                            <h6 class="modal-title white">{{trans('applang.supplier_details')}}</h6>
                        </div>
                        <div class="card-body">
                            <table class="user-view table-responsive" style="width: 100%">
                                <tbody>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.client_name')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->full_name}}</td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.street_address')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->street_address ?? ''}}</td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.city')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->city ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.state')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->state ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.postal_code')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->postal_code ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.phone_number')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->client->phone ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.country')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="w-100">{{$salesInvoice->client->country ?? ''}}</td>
                                </tr>

                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.currency')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="w-100">{{$salesInvoice->client->currency ?? ''}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card">
                        <div class="bg-primary modal-header">
                            <h6 class="modal-title white">{{trans('applang.payment_details')}}</h6>
                        </div>
                        <div class="card-body">
                            <table class="user-view table-responsive" style="width: 100%">
                                <tbody>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.sales_invoice_number')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="">{{$salesInvoice->inv_number}}</td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.deposit_payment_method')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="deposit_payment_method"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.payment_value')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="payment_amount"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.transaction_id')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="transaction_id"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.payment_status')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="pmt_status"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.payment_date')}} :</th>
                                    <td class="w-25"></td>
                                    <td id="payment_date"></td>
                                </tr>
                                <tr>
                                    <th class="no-wrap" scope="row">{{trans('applang.added_by')}} :</th>
                                    <td class="w-25"></td>
                                    <td class="w-100" id="added_by"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--edit payment--}}
    <div class="modal fade text-left" id="formModalEditPayment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-instagram bg-lighten-4">
                    <div class="d-flex justify-content-start align-items-center">
                        <h4 class="modal-title text-white" id="myModalLabel17">{{trans('applang.edit_payment_transaction')}} # <b id="payment_id-edit"></b></h4>
                        <span id="payment_status" class="badge mr-1 ml-1"></span>
                    </div>
                    <button type="button" class="close ml-1" data-dismiss="modal" aria-label="Close">
                        <i class="bx bx-x"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{route('SalesInvoiceUpdatePaymentTransaction')}}" method="POST">
                        @csrf
                        @method('PATCH')
                        <div class="form-row">
                            <input type="hidden" value="{{$salesInvoice->id}}" name="sales_invoice_id">
                            <input type="hidden" value="" name="id" id="payment_id_input">
                            <div class="col-md-6">
                                <label class="required" for="deposit_payment_method">{{trans('applang.deposit_payment_method')}}</label>
                                <fieldset class="form-group">
                                    <select id="deposit_payment_method" class="custom-select @error('deposit_payment_method') is-invalid @enderror" name="deposit_payment_method">
                                        <option value="" selected="">{{trans('applang.select_deposit_payment_method')}}</option>
                                        <option value="cash">{{trans('applang.cash_amount')}}</option>
                                        <option value="cheque">{{trans('applang.cheque')}}</option>
                                        <option value="bank_transfer">{{trans('applang.bank_transfer')}}</option>
                                    </select>
                                    @if ($errors->has('deposit_payment_method'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('deposit_payment_method') }}</strong>
                                    </span>
                                    @endif
                                </fieldset>
                            </div>

                            <div class="form-group col-md-6 mb-50">
                                <label class="required" for="payment_amount">{{ trans('applang.amount') }}</label>
                                <div class="position-relative has-icon-left">
                                    <input id="payment_amount"
                                           type="number"
                                           class="form-control @error('amount') is-invalid @enderror"
                                           name="payment_amount"
                                           placeholder="{{trans('applang.amount')}}"
                                           autocomplete="amount"
                                           value=""
                                           autofocus
                                           onkeypress="restrictMinus(event);">
                                    <div class="form-control-position">
                                        <i class="bx bxs-pen"></i>
                                    </div>
                                    @error('payment_amount')
                                    <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <label class="required" for="due_date">{{ trans('applang.the_date') }}</label>
                                <div class="position-relative has-icon-left">
                                    <input type="text"
                                           class="form-control {{app()->getLocale() == 'fa' ? 'datepicker_fa' : 'datepicker_en'}} @error('payment_date') is-invalid @enderror"
                                           placeholder="{{trans('applang.the_date')}}" dir="{{app()->getLocale() == 'fa' ? 'rtl' : 'ltr'}}"
                                           name="payment_date"
                                           id="payment_date"
                                    >
                                    <div class="form-control-position">
                                        <i class="bx bx-calendar"></i>
                                    </div>
                                    @if ($errors->has('payment_date'))
                                        <span class="text-danger ">
                                        <strong class="small font-weight-bolder">{{ $errors->first('payment_date') }}</strong>
                                    </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label class="required" for="payment_status">{{trans('applang.payment_status')}}</label>
                                <fieldset class="form-group">
                                    <select id="payment_status" class="custom-select @error('payment_status') is-invalid @enderror" name="payment_status">
                                        <option value="">{{trans('applang.select_payment_status')}}</option>
                                        <option value="completed" selected>{{trans('applang.completed')}}</option>
                                        <option value="uncompleted">{{trans('applang.uncompleted')}}</option>
                                        <option value="under_revision">{{trans('applang.under_revision')}}</option>
                                        <option value="failed">{{trans('applang.failed')}}</option>
                                    </select>
                                    @if ($errors->has('payment_status'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('payment_status') }}</strong>
                                    </span>
                                    @endif
                                </fieldset>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <label class="required" for="collected_by_id">{{trans('applang.collected_by')}}</label>
                                <fieldset class="form-group">
                                    <select id="collected_by_id" class="custom-select @error('collected_by_id') is-invalid @enderror" name="collected_by_id">
                                        <option value="" selected="">{{trans('applang.select_employee')}}</option>
                                        @foreach($employees as $employee)
                                            <option value="{{$employee->id}}" {{auth()->user()->id == $employee->id ? 'selected' : ''}}>{{$employee->first_name}} {{$employee->last_name}}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('collected_by_id'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('collected_by_id') }}</strong>
                                    </span>
                                    @endif
                                </fieldset>
                            </div>

                            <div class="form-group col-md-6 mb-50">
                                <label class="required" for="transaction_id">{{ trans('applang.transaction_id') }}</label>
                                <div class="position-relative has-icon-left ">
                                    <input id="transaction_id"
                                           type="number"
                                           class="form-control @error('transaction_id') is-invalid @enderror"
                                           name="transaction_id"
                                           placeholder="{{trans('applang.transaction_id')}}"
                                           autocomplete="transaction_id"
                                           value=""
                                           autofocus
                                           onkeypress="restrictMinus(event);">
                                    <div class="form-control-position">
                                        <i class="bx bxs-pen"></i>
                                    </div>
                                    @error('transaction_id')
                                    <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-row mb-1">
                            <!--Notes-->
                            <label class="" for="receipt_notes">{{trans('applang.receipt_notes')}}</label>
                            <textarea class="form-control " name="receipt_notes" id="receipt_notes" rows="5" placeholder="{{trans('applang.receipt_notes')}}"></textarea>
                        </div>


                        <hr class="hr modal-hr">
                        <div class="d-flex justify-content-end mt-2rem">
                            <a href="{{route('sales-invoices.show', $salesInvoice)}}" class="btn btn-light-secondary" data-dismiss="modal">
                                <i class="bx bx-x d-block d-sm-none"></i>
                                <span class="d-none d-sm-block">{{trans('applang.back_btn')}}</span>
                            </a>
                            <button type="submit" class="btn btn-primary ml-1">
                                <i class="bx bx-check d-block d-sm-none"></i>
                                <span class="d-none d-sm-block">{{trans('applang.save')}}</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{--edit payment direct--}}
    <div class="modal fade text-left" id="formModalEditPaymentDirect" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-instagram bg-lighten-4">
                    <div class="d-flex justify-content-start align-items-center">
                        <h4 class="modal-title text-white" id="myModalLabel17">{{trans('applang.edit_payment_transaction')}} # <b id="payment_id_edit_direct"></b></h4>
                        <span id="payment_status" class="badge mr-1 ml-1"></span>
                    </div>
                    <button type="button" class="close ml-1" data-dismiss="modal" aria-label="Close">
                        <i class="bx bx-x"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{route('SalesInvoiceUpdatePaymentTransaction')}}" method="POST">
                        @csrf
                        @method('PATCH')
                        <div class="form-row">
                            <input type="hidden" value="{{$salesInvoice->id}}" name="sales_invoice_id">
                            <input type="hidden" value="" name="id" id="payment_id_input_direct">
                            <div class="col-md-6">
                                <label class="required" for="deposit_payment_method">{{trans('applang.deposit_payment_method')}}</label>
                                <fieldset class="form-group">
                                    <select id="deposit_payment_method_direct" class="custom-select @error('deposit_payment_method') is-invalid @enderror" name="deposit_payment_method">
                                        <option value="" selected="">{{trans('applang.select_deposit_payment_method')}}</option>
                                        <option value="cash">{{trans('applang.cash_amount')}}</option>
                                        <option value="cheque">{{trans('applang.cheque')}}</option>
                                        <option value="bank_transfer">{{trans('applang.bank_transfer')}}</option>
                                    </select>
                                    @if ($errors->has('deposit_payment_method'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('deposit_payment_method') }}</strong>
                                    </span>
                                    @endif
                                </fieldset>
                            </div>

                            <div class="form-group col-md-6 mb-50">
                                <label class="required" for="payment_amount">{{ trans('applang.amount') }}</label>
                                <div class="position-relative has-icon-left">
                                    <input id="payment_amount_direct"
                                           type="number"
                                           class="form-control @error('amount') is-invalid @enderror"
                                           name="payment_amount"
                                           placeholder="{{trans('applang.amount')}}"
                                           autocomplete="amount"
                                           value=""
                                           autofocus
                                           onkeypress="restrictMinus(event);">
                                    <div class="form-control-position">
                                        <i class="bx bxs-pen"></i>
                                    </div>
                                    @error('payment_amount')
                                    <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <label class="required" for="due_date">{{ trans('applang.the_date') }}</label>
                                <div class="position-relative has-icon-left">
                                    <input type="text"
                                           class="form-control {{app()->getLocale() == 'fa' ? 'datepicker_ar' : 'datepicker_en'}} @error('payment_date') is-invalid @enderror"
                                           placeholder="{{trans('applang.the_date')}}" dir="{{app()->getLocale() == 'fa' ? 'rtl' : 'ltr'}}"
                                           name="payment_date"
                                           id="payment_date_direct"
                                    >
                                    <div class="form-control-position">
                                        <i class="bx bx-calendar"></i>
                                    </div>
                                    @if ($errors->has('payment_date'))
                                        <span class="text-danger ">
                                        <strong class="small font-weight-bolder">{{ $errors->first('payment_date') }}</strong>
                                    </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label class="required" for="payment_status">{{trans('applang.payment_status')}}</label>
                                <fieldset class="form-group">
                                    <select id="payment_status_direct" class="custom-select @error('payment_status') is-invalid @enderror" name="payment_status">
                                        <option value="">{{trans('applang.select_payment_status')}}</option>
                                        <option value="completed" selected>{{trans('applang.completed')}}</option>
                                        <option value="uncompleted">{{trans('applang.uncompleted')}}</option>
                                        <option value="under_revision">{{trans('applang.under_revision')}}</option>
                                        <option value="failed">{{trans('applang.failed')}}</option>
                                    </select>
                                    @if ($errors->has('payment_status'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('payment_status') }}</strong>
                                    </span>
                                    @endif
                                </fieldset>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-6">
                                <label class="required" for="collected_by_id">{{trans('applang.collected_by')}}</label>
                                <fieldset class="form-group">
                                    <select id="collected_by_id_direct" class="custom-select @error('collected_by_id') is-invalid @enderror" name="collected_by_id">
                                        <option value="" selected="">{{trans('applang.select_employee')}}</option>
                                        @foreach($employees as $employee)
                                            <option value="{{$employee->id}}" {{auth()->user()->id == $employee->id ? 'selected' : ''}}>{{$employee->first_name}} {{$employee->last_name}}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('collected_by_id'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('collected_by_id') }}</strong>
                                    </span>
                                    @endif
                                </fieldset>
                            </div>

                            <div class="form-group col-md-6 mb-50">
                                <label class="required" for="transaction_id">{{ trans('applang.transaction_id') }}</label>
                                <div class="position-relative has-icon-left ">
                                    <input id="transaction_id_direct"
                                           type="number"
                                           class="form-control @error('transaction_id') is-invalid @enderror"
                                           name="transaction_id"
                                           placeholder="{{trans('applang.transaction_id')}}"
                                           autocomplete="transaction_id"
                                           value=""
                                           autofocus
                                           onkeypress="restrictMinus(event);">
                                    <div class="form-control-position">
                                        <i class="bx bxs-pen"></i>
                                    </div>
                                    @error('transaction_id')
                                    <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-row mb-1">
                            <!--Notes-->
                            <label class="" for="receipt_notes">{{trans('applang.receipt_notes')}}</label>
                            <textarea class="form-control " name="receipt_notes" id="receipt_notes_direct" rows="5" placeholder="{{trans('applang.receipt_notes')}}"></textarea>
                        </div>


                        <hr class="hr modal-hr">
                        <div class="d-flex justify-content-end mt-2rem">
                            <a href="{{route('sales-invoices.show', $salesInvoice)}}" class="btn btn-light-secondary" data-dismiss="modal">
                                <i class="bx bx-x d-block d-sm-none"></i>
                                <span class="d-none d-sm-block">{{trans('applang.back_btn')}}</span>
                            </a>
                            <button type="submit" class="btn btn-primary ml-1">
                                <i class="bx bx-check d-block d-sm-none"></i>
                                <span class="d-none d-sm-block">{{trans('applang.save')}}</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endif