@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Goldsaver</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-12 col-sm-12 col-md-8">
                    <div class="x_panel">                       
                        <div class="x_content">
                            <div>
                                @php
                                    $user = Auth::user();
                                @endphp
                                <form class="form-horizontal" id="form">
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <span class="label label-info">{{ strtoupper($goldsaver->status) }}</span>
                                        </div>

                                        <div class="col-xs-6 text-right">
                                            @if($goldsaver->status == 'pending')
                                                <button type="button" class="btn btn-default btn-add-data"><i class="fa fa-plus" aria-hidden="true"></i> Add Data</button>
                                                <button type="button" class="btn btn-danger btn-delete"><i class="fa fa-times" aria-hidden="true"></i> Delete</button>
                                                <button type="submit" class="btn btn-primary btn-save"><i class="fa fa-check" aria-hidden="true"></i> Save</button>
                                                @if($user->id_users_team == '4' && $goldsaver->is_approved == '1' && $goldsaver_details->count() > 0)
                                                    <button type="button" class="btn btn-success btn-execute"><i class="fa fa-check" aria-hidden="true"></i> Execute</button>
                                                @endif
                                                @if($user->is_supervisor == '1' && $goldsaver->is_approved != '1' && $goldsaver_details->count() > 0)
                                                    <button type="button" class="btn btn-warning btn-approve"><i class="fa fa-check" aria-hidden="true"></i> Approve</button>
                                                @endif
                                           @endif
                                        </div>
                                    </div>

                                    <hr>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Buy Price :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="buy_price" type="number" class="form-control" autocomplete="false" autofocus required value="{{ $goldsaver->buy_price }}" readonly>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Sell Price :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="sell_price" type="number" class="form-control" min="0" step="1" autocomplete="false" required value="{{ $goldsaver->sell_price }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Partner Name :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="partner_name" type="text" class="form-control" autocomplete="false" required value="{{ $goldsaver->partner_name }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Description :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input name="description" type="text" class="form-control" autocomplete="false" value="{{ $goldsaver->description }}">
                                            <p class="small" style="margin-top:8px;">Transfer Goldsaver dari (partner name) (description)</p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Search Handphone :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <div class="input-group">
                                                <input name="partner_handphone" type="tel" class="form-control input-handphone" autocomplete="false" required value="{{ $goldsaver->partner->handphone }}">
                                                <span class="input-group-btn">
                                                    <button type="button" class="btn btn-default btn-search" style="font-size:14px;"><i class="fa fa-search" aria-hidden="true"></i></button>
                                                </span>
                                            </div>    
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Partner Lakuemas Account :</label>
                                        <div class="col-xs-12 col-sm-10">
                                            <input type="text" class="form-control input-partner-lakuemas-account" autocomplete="false" readonly value="{{ $goldsaver->partner->code }} - {{ $goldsaver->partner->name }}">
                                        </div>
                                    </div>

                                    <hr>

                                    <div style="margin-bottom:8px;">
                                        <span class="label label-default">{{ count($goldsaver_details) }} Data</span>
                                        <span class="label label-default">{{ number_format($goldsaver->total_price) }}</span>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">Name</th>
                                                    <th class="text-center">Email</th>
                                                    <th class="text-center">Hanphone</th>
                                                    <th class="text-center">Nominal</th>
                                                    <th class="text-center">LE Account</th>
                                                    <th class="text-center">No Rekening</th>
                                                    <th class="text-center">Transfer Transaction</th>
                                                    <th class="text-center">Gold Amount</th>
                                                    <th class="text-center">Status</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($goldsaver_details as $detail)
                                                    <tr>
                                                        <td class="text-center">{{ ucfirst($detail->name) }}</td>
                                                        <td class="text-center">{{ $detail->email }}</td>
                                                        <td class="text-center">{{ $detail->handphone }}</td>
                                                        <td class="text-center">{{ number_format($detail->nominal) }}</td>
                                                        <td class="text-center">@if($detail->customer) {{ $detail->customer->code }}<br>{{ $detail->customer->name }} @endif</td>
                                                        <td class="text-center">
															@if($detail->customer && count($detail->customer->tabungan) > 0)
																{{ $detail->customer->tabungan[0]->nomor_rekening }}
															@endif
														</td>
                                                        <td class="text-center">@if($detail->transfer_transaction) {{ $detail->transfer_transaction->code }} @endif</td>
                                                        <td class="text-center">{{ $detail->gold_amount }}</td>
                                                        <td class="text-center">
                                                            @if ($detail->processed == '1')
                                                                Processed
                                                            @elseif($detail->processed == '0')
                                                                Pending
                                                            @elseif($detail->processed == '-1')
                                                                Failed
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if($goldsaver->status == "pending")
                                                                <button class="btn btn-danger btn-xs btn-remove-data" data-id="{{ $detail->id }}"><i class="fa fa-times" aria-hidden="true"></i></button>
                                                            @endif

                                                            @if($goldsaver->status == 'processing' && $detail->processed == '-1')
                                                                <a href="{{ url('goldsaver/import_new/' . $detail->goldsaver_id . '/reprocess/' . $detail->id) }}" class="btn btn-default btn-xs btn-reprocess-data" data-id="{{ $detail->id }}"><i class="fa fa-refresh" aria-hidden="true"></i></a>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="8" class="text-center">No Data</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                    {{-- <div class="text-center">{{ $goldsaver_details->links() }}</div> --}}
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- Log list --}}
                <div class="col-xs-12 col-sm-12 col-md-4">
                    <div class="col-xs-6">
                        <span><b>Goldsaver Logs</b></span>
                    </div>
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th class="text-center">No</th>
                                            <th class="text-center">Date</th>
                                            <th class="text-center">User</th>
                                            <th class="text-center">Logs</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $no = 1;
                                        @endphp
                                        @foreach ($goldsaver_log as $data)
                                            <tr>
                                                <td class="text-center">{{ $no++ }}</td>
                                                <td class="text-center">{{\Carbon\Carbon::parse($data->created_at)->format('d-m-Y H:i:s') }}</td>
                                                <td class="text-center">{{$data->user->name ?? '' }}</td>
                                                <td class="text-center">{{ $data->logs  }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @if($goldsaver->status != 'processed')
                        <div class="col-xs-12">
                            <div class="x_panel">
                                <div class="x_content">
                                    <form class="form-horizontal" id="form-upload">
                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-2 control-label">Upload:</label>
                                                <div class="col-xs-12 col-sm-10">
                                                    <div id="file-wrapper">
                                                        <div class="file-row" style="margin-bottom:6px;">
                                                            <input type="file" name="files[]" class="form-control mb-2" accept="image/*,application/pdf">
                                                        </div>
                                                    </div>
                                                    <div class="upload-actions">
                                                        <button type="button" class="btn btn-info btn-sm" id="btn-add-file">
                                                            <i class="fa fa-plus"></i> Tambah File
                                                        </button>

                                                        <button type="submit" class="btn btn-primary btn-sm btn-save-file">
                                                            <i class="fa fa-check"></i> Save
                                                        </button>
                                                    </div>
                                                </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @else
                            <div class="col-xs-12 col-sm-10">
                                <div class="alert alert-danger">
                                    Upload tidak tersedia karena status sudah disbursed.
                                </div>
                            </div>
                        @endif
                    <div class="col-xs-6">
                        <span><b>Goldsaver Files</b></span>
                    </div>
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th class="text-center">No</th>
                                            <th class="text-center">File</th>
                                            <th class="text-center">User Upload</th>
                                            <th class="text-center">Delete</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $no = 1;
                                        @endphp
                                        @foreach ($goldsaver_file as $files)
                                            <tr>
                                                <td class="text-center">{{ $no++ }}</td>
                                                @php
                                                    $ext = strtolower(pathinfo($files->file, PATHINFO_EXTENSION));
                                                    $fileUrl = env('ALIYUN_OSS_IMAGE_URL') . '/gold_saver/' . $files->file;
                                                @endphp
                                                <td class="text-center">
                                                    @if (in_array($ext, ['jpg', 'jpeg', 'png']))
                                                        <!-- IMAGE PREVIEW -->
                                                        <a href="{{ $fileUrl }}" target="_blank">
                                                            <img src="{{ $fileUrl }}" width="60" class="img-thumbnail">
                                                        </a>
                                                        <p>
                                                        {{ $files->file }}

                                                    @elseif ($ext === 'pdf')
                                                        <!-- PDF VIEW & DOWNLOAD -->
                                                        <div>
                                                            <i class="fa fa-file-pdf-o text-danger" style="font-size:40px;"></i><br>
                                                            <a href="{{ $fileUrl }}" target="_blank" class="btn btn-xs btn-primary mt-1" style="margin-top: 5px">
                                                                View PDF
                                                            </a>
                                                            <br>
                                                            {{ $files->file }}
                                                        </div>
                                                    @endif
                                                </td>
                                                <td class="text-center">{{ $files->user->name ?? '' }}</td>
                                                @if($goldsaver->status != 'processed' && auth()->id() == $files->id_users)
                                                    <td class="text-center">
                                                        {{-- <button class="btn btn-danger btn-delete-file" data-id="{{ $files->id }}">test delete {{ $files->id }}</button> --}}
                                                        <button class="btn btn-danger btn-delete-file" data-id="{{ $files->id }}"><i class="fa fa-trash" aria-hidden="true"></i></button>
                                                    </td>
                                                @else
                                                    
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="modal-add-data">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Add Data</h4>
            </div>
            <form id="form-add-data" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-2 control-label">Handphone:</label>
                        <div class="col-xs-12 col-sm-10">
                            <div class="input-group">
                            <input name="handphone" type="tel" class="form-control input-handphone" autocomplete="false" required>
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default btn-search" style="font-size:14px;"><i class="fa fa-search" aria-hidden="true"></i></button>
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-2 control-label">Name :</label>
                        <div class="col-xs-12 col-sm-10">
                            <input name="name" type="name" class="form-control input-name" readonly>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-2 control-label">Email :</label>
                        <div class="col-xs-12 col-sm-10">
                            <input name="email" type="email" class="form-control input-email" readonly>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-2 control-label">Nominal:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input name="nominal" type="number" min="0" step="1" class="form-control" autocomplete="false" required>
                        </div>
                    </div>                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary btn-form-add-data"><i class="fa fa-check" aria-hidden="true"></i> Add</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal PIN --}}
<div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Masukkan PIN</h5>
      </div>
      <div class="modal-body">
        <input type="password" id="pinInput" class="form-control" placeholder="Masukkan PIN Anda">
        <input type="hidden" id="deleteFileId">
      </div>
      <div class="modal-footer">
        <button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button class="btn btn-danger" id="confirmDelete">Delete</button>
      </div>
    </div>
  </div>
</div>

@endsection
@section("scripts")
<script type="text/javascript">
$(document).on("click", "#form-add-data .btn-search", function () {
    var $form = $("#form-add-data");
    var $btn  = $(this);

    $btn.html('<i class="fa fa-spinner fa-pulse"></i>')
        .attr("disabled", "disabled");

    $.ajax({
        url: '/goldsaver/import/search_customer_auto',
        method: "POST",
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        data: {
            handphone: $form.find(".input-handphone").val()
        },
        success: function (response) {
            $btn.html('<i class="fa fa-search"></i>')
                .removeAttr("disabled");
            $form.find(".input-name").val(response.customer_name);
            $form.find(".input-email").val(response.customer_email);

        },
        error: function (response) {
            var data = response.responseJSON;
            alert(data.error);

            $btn.html('<i class="fa fa-search"></i>')
                .removeAttr("disabled");
        }
    });

    return false;
});

@if($goldsaver->status == 'pending')
    $(document).ready(function() {
        $('#modal-add-data').modal({
            "keyboard" : false,
            "show" : false
        });

        $("#form .btn-search").on("click", function() {
            $("#form").find('.btn-search').html('<i class="fa fa-spinner fa-pulse"></i>').attr("disabled", "disabled");
            $.ajax({
                url: '/goldsaver/import/search_customer',
                method: "POST",
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { "handphone" : $("#form").find(".input-handphone").val() },
                type : 'POST',
                success: function(response) {
                    $("#form").find('.btn-search').html('<i class="fa fa-search"></i>').removeAttr("disabled");
                    $("#form").find(".input-partner-lakuemas-account").val(response.customer_code + " - " + response.customer_name);
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);
                    $("#form").find('.btn-search').html('<i class="fa fa-search"></i>').removeAttr("disabled");
                }
            });
            return false;
        })

        $(".btn-remove-data").on("click", function() {
            if(confirm("Are you sure want to delete this data?")) {
                $(this).html('<i class="fa fa-spinner fa-pulse"></i>').attr("disabled", "disabled");
                var $this = $(this);
                var $tr_parent = $(this).parents("tr");

                $.ajax({
                    url: '/goldsaver/import/{{ $goldsaver->id }}/remove_data',
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data: { "id" : $this.data("id") },
                    type : 'POST',
                    success: function(response) {
                     $tr_parent.fadeOut(300, function() {
                        location.reload(); // ⬅ refresh halaman
                     });
                    },
                    error: function(response) {
                        var data = response.responseJSON;
                        alert(data.error);
                        $this.html('<i class="fa fa-times"></i>').removeAttr("disabled");
                    }
                });                
            }
            return false;
        })

        $(".btn-add-data").on("click", function() {
            $("#form-add-data")[0].reset();
            $("#modal-add-data").modal("show");
        })

        $("#form-add-data").on("submit", function() {
            $("#form-add-data").find(".btn-form-add-data").html('<i class="fa fa-spinner fa-pulse"></i> Add').attr("disabled", "disabled");
            $.ajax({
                url: '/goldsaver/import_new/{{ $goldsaver->id }}/add_data_new',
                method: "POST",
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: $("#form-add-data").serialize(),
                type : 'POST',
                success: function(response) {
                    alert("Data added, the page will be refreshed");
                    location.reload();
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);
                    $("#form-add-data").find(".btn-form-add-data").html('<i class="fa fa-check"></i> Add').removeAttr("disabled");
                }
            });
            return false;
        })

        $(".btn-delete").on("click", function() {
            if(confirm("Are you sure want to delete this data?")) {
                $(".btn-delete").html('<i class="fa fa-spinner fa-pulse"></i> Delete').attr("disabled", "disabled");
                $.ajax({
                    url: '/goldsaver/import/{{ $goldsaver->id }}/delete',
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},                
                    type : 'POST',
                    success: function(response) {
                        alert("Data deleted");
                        location.href = "{{ route('goldsaver\list') }}";
                    },
                    error: function(response) {
                        var data = response.responseJSON;
                        alert(data.error);
                        $(".btn-delete").html('<i class="fa fa-times"></i> Delete').removeAttr("disabled");
                    }
                });
            }
            return false;
        })

        let selectedFileId = null;

        $(".btn-delete-file").on("click", function() {
            selectedFileId = $(this).data("id");
            $("#deleteFileId").val(selectedFileId);
            $("#pinInput").val('');
            $("#pinModal").modal("show");
        });

        $("#confirmDelete").on("click", function() {
            let pin = $("#pinInput").val();
            let fileId = $("#deleteFileId").val();

            if(pin === '') {
                alert("PIN harus diisi");
                return;
            }

            $.ajax({
                url: '/goldsaver/import_new/' + fileId + '/delete_file',
                method: 'POST',
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { pin: pin },
                success: function(res) {
                    alert("File berhasil dihapus");
                    location.reload();
                },
                error: function(res) {
                    alert(res.responseJSON.error);
                }
            });
        });



        $("#form").on("submit", function() {
            if(confirm("Are you sure want to save this data?")) {
                $("#form").find(".btn-save").html('<i class="fa fa-spinner fa-pulse"></i> Save').attr("disabled");
                $.ajax({
                    url: '/goldsaver/import_new/{{ $goldsaver->id }}/save',
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},   
                    data: $("#form").serialize(),             
                    type : 'POST',
                    success: function(response) {
                        alert("Data saved");
                        location.reload();
                    },
                    error: function(response) {
                        var data = response.responseJSON;
                        alert(data.error);
                        $("#form").find(".btn-save").html('<i class="fa fa-check" aria-hidden="true"></i> Save').removeAttr("disabled");
                    }
                });
            }
            return false;
        });

        $(".btn-execute").on("click", function() {
            if(confirm("After this button clicked, system will process the data on background and you cannot update the data anymore.\nAre you sure want to execute this data?")) {
                $(".btn-execute").html('<i class="fa fa-spinner fa-pulse"></i> Execute').attr("disabled", "disabled");
                $.ajax({
                    url: '/goldsaver/import/{{ $goldsaver->id }}/execute',
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},                
                    type : 'POST',
                    success: function(response) {
                        alert("System will process the data on the background. Page will be refreshed");
                        location.reload();
                    },
                    error: function(response) {
                        var data = response.responseJSON;
                        alert(data.error);
                        $(".btn-execute").html('<i class="fa fa-check"></i> Execute').removeAttr("disabled");
                    }
                });
            }
            return false;
        });
        
        $(".btn-approve").on("click", function(){
            if(confirm("Apakah anda yakin ingin approve transaksi tersebut?")){
                $(".btn-approve").html('<i class="fa fa-spinner fa-pulse"></i> approve').attr("disabled", "disabled");
                $.ajax({
                    url : '/goldsaver/import_new/{{ $goldsaver->id }}/approve',
                    method: "POST",
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    type : 'POST',
                    success: function(response) {
                        location.reload();
                    },
                    error: function(response) {
                        var data = response.responseJSON;
                        alert(data.error);
                        $(".btn-approve").html('<i class="fa fa-check"></i> approve').removeAttr("disabled");
                    }
                });
            }
        });

        $("#form-upload").on("submit", function (e) {
        e.preventDefault();

        if (!confirm("Are you sure want to upload this file?")) return;

        let formData = new FormData(this);

        $(".btn-save-file")
            .html('<i class="fa fa-spinner fa-pulse"></i> Saving')
            .prop("disabled", true);

            $.ajax({
                url: '/goldsaver/import_new/{{ $goldsaver->id }}/upload_file',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: formData,
                contentType: false,   // WAJIB untuk file
                processData: false,   // WAJIB untuk file
                success: function (response) {
                    alert("File uploaded successfully");
                    location.reload(); // AUTO REFRESH
                },
                error: function (response) {
                    alert(response.responseJSON?.error || 'Upload failed');

                    $(".btn-save-file")
                        .html('<i class="fa fa-check"></i> Save')
                        .prop("disabled", false);
                }
            });
        });

        $("#btn-add-file").on("click", function () {
                    $("#file-wrapper").append(`
                        <div class="file-row" style="display:flex; gap:8px; margin-bottom:6px;">
                            <input 
                                type="file" 
                                name="files[]" 
                                class="form-control"
                                accept="image/*,application/pdf"
                                required
                            >
                            <button 
                                type="button" 
                                class="btn btn-danger btn-remove-file">
                                <i class="fa fa-trash"></i>
                            </button>
                        </div>
                    `);
                });

            $(document).on("click", ".btn-remove-file", function () {
                $(this).closest(".file-row").remove();
        });  

        $(document).on('keydown', 'input[name="sell_price"]', function(e) {
        if (e.key === '-' || e.key === 'e') {
            e.preventDefault();
        }
        });

        $(document).on('input', 'input[name="sell_price"]', function() {
            if (this.value < 0) {
                this.value = '';
            }
        });

        $(document).on('keydown', 'input[name="nominal"]', function(e) {
        if (e.key === '-' || e.key === 'e') {
            e.preventDefault();
        }
        });

        $(document).on('input', 'input[name="nominal"]', function() {
            if (this.value < 0) {
                this.value = '';
            }
        });
                
    });
@endif
</script>
@endsection