@extends('layouts.master')
@section('css')
<!-- Internal Data table css -->
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/jquery.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
 <style>
    /* ==========================================================================
       شاشة مرتجع المبيعات — تصميم احترافي (Scoped, لا يعدّل أي أسماء/معرّفات
       يعتمد عليها الجافاسكريبت أسفل الصفحة)
       ========================================================================== */
    :root {
        --brand-navy: #1b3358;
        --brand-navy-light: #23395D;
        --brand-teal: #2f97ac;
        --brand-teal-dark: #1f7a8c;
        --accent-blue: #3d7bff;
        --success: #16a34a;
        --danger: #e0293f;
        --border: #e3e7ee;
        --border-strong: #cfd6e2;
        --bg-soft: #f8fafc;
        --radius-sm: 6px;
        --radius-md: 10px;
        --radius-lg: 16px;
        --shadow-sm: 0 1px 3px rgba(16, 24, 40, .06);
        --shadow-md: 0 6px 16px rgba(16, 24, 40, .08);
        --shadow-lg: 0 14px 34px rgba(16, 24, 40, .14);
    }

    /* ---------- شاشة التحميل ---------- */
    #loading-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(15, 23, 42, 0.75);
      backdrop-filter: blur(2px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      color: white;
      font-size: 18px;
      font-weight: 600;
    }

    #loading-animation {
      border: 4px solid rgba(255,255,255,.25);
      border-radius: 50%;
      border-top: 4px solid var(--brand-teal);
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    /* ---------- هيدر الصفحة ---------- */
    .breadcrumb-header.parent-heading {
        background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-light) 100%);
        border-radius: var(--radius-md);
        padding: 26px 22px;
        min-height: 90px;
        display: flex;
        align-items: center;
        box-shadow: var(--shadow-md);
    }

    .breadcrumb-header .content-title {
        color: #fff !important;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 800;
        font-size: 19px;
    }

    /* ---------- التنبيهات ---------- */
    .alert {
        border: none !important;
        border-radius: var(--radius-md) !important;
        box-shadow: var(--shadow-sm);
        font-weight: 600;
    }

    /* ---------- الكروت ---------- */
    .card {
        border: 1px solid var(--border) !important;
        border-radius: var(--radius-lg) !important;
        box-shadow: var(--shadow-sm) !important;
    }

    .card-header {
        background: transparent !important;
        border-bottom: none !important;
    }

    /* ---------- نموذج البحث برقم الفاتورة ---------- */
    #invoice_no {
        border-radius: var(--radius-sm) !important;
        border: 1px solid var(--border-strong) !important;
        height: 42px;
    }

    #invoice_no:focus {
        border-color: var(--accent-blue) !important;
        box-shadow: 0 0 0 3px rgba(61, 123, 255, .18);
        outline: none;
    }

    /* ---------- الأزرار العامة ---------- */
    .btn {
        border-radius: 8px !important;
        font-weight: 700 !important;
        border: none !important;
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        box-shadow: var(--shadow-sm);
    }

    .btn:hover {
        transform: translateY(-2px);
        filter: brightness(1.06);
        box-shadow: var(--shadow-md);
    }

    /* ---------- شارة طريقة الدفع (مرتجع) ---------- */
    .pro-sr-payment-label {
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--brand-navy) !important;
        font-weight: 800 !important;
        font-size: 14px !important;
    }

    .pro-sr-payment-select {
        background: #f2faf4 !important;
        border: 1px solid #bfe6c9 !important;
        border-radius: var(--radius-sm) !important;
        color: #1e7e34 !important;
        font-weight: 700 !important;
        height: 40px;
    }

    /* ---------- جدول المنتجات المرتجعة ---------- */
    table.table-invoice thead th {
        background: linear-gradient(180deg, #f4f6fb 0%, #eef1f8 100%) !important;
        color: var(--brand-navy) !important;
        font-weight: 700 !important;
        border: 1px solid var(--border) !important;
        vertical-align: middle;
    }

    table.table-invoice tbody td {
        border: 1px solid var(--border) !important;
        vertical-align: middle;
    }

    table.table-invoice tbody tr:hover {
        background: #eef4ff;
    }

    /* ---------- جدول إجمالي الفاتورة ---------- */
    #tableTotalPrice {
        border: 1px solid var(--border) !important;
        border-radius: var(--radius-md);
        overflow: hidden;
    }

    #tableTotalPrice tr:first-child td {
        background: linear-gradient(180deg, #f4f6fb 0%, #eef1f8 100%) !important;
        color: var(--brand-navy) !important;
        font-weight: 800 !important;
        border: 1px solid var(--border) !important;
        padding: 10px 6px;
    }

    #tableTotalPrice tr:first-child td i {
        color: #6b7fa3;
        margin-left: 6px;
    }

    #tableTotalPrice tr:last-child td {
        border: 1px solid var(--border) !important;
        padding: 10px 6px;
        font-weight: 800 !important;
        font-size: 15px;
        color: var(--brand-navy-light);
        background: #fff;
    }

    /* ---------- حاوية جدول الإجماليات ---------- */
    .pro-sr-totals-wrap {
        padding: 0 15%;
        width: 100%;
    }

    @media (max-width: 991px) {
        .pro-sr-totals-wrap {
            padding: 0 4%;
            float: none !important;
        }
    }

    /* ---------- المودالات ---------- */
    .modal-content {
        border-radius: var(--radius-lg) !important;
        border: none;
        box-shadow: var(--shadow-lg);
        overflow: hidden;
    }

    .modal-header {
        background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-light) 100%);
        border-bottom: none !important;
        padding: 14px 20px;
    }

    .modal-header .modal-title,
    .modal-header h6 {
        color: #fff !important;
        font-weight: 700 !important;
    }

    .modal-header .close {
        color: #fff;
        opacity: .85;
        text-shadow: none;
    }

    .modal-footer {
        border-top: 1px solid var(--border);
        background: var(--bg-soft);
    }

  </style>
<!-- Internal Spectrum-colorpicker css -->
<link href="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.css') }}" rel="stylesheet">

<!-- Internal Select2 css -->
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

@section('title')
{{ __('home.salesـreturned') }}@stop
@endsection
@section('page-header')
<div class="main-parent">
    <!-- breadcrumb -->



    <div class="breadcrumb-header justify-content-between parent-heading">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"><i class="fa fa-sync-alt"></i> {{ __('home.salesـreturned') }}</h4><span class="text-muted mt-1 tx-13 mr-2 mb-0">
                </span>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
    @endsection
    @section('content')
   <center>
    <div id="loading-screen">
    <div id="loading-animation"></div>
    &nbsp;  <p>  جارٍ إرسال الفاتورة، يرجى الانتظار  <br>Invoice  is being sent, please wait</p>
  </div>
  </center>
    @if (session()->has('foundinvoice'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <br>
        <strong> {{ session()->get('foundinvoice') }}</strong>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif
    @if (session()->has('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <br>
        <strong> {{ session()->get('success') }}</strong>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif
    @if (session()->has('createnewproduct'))
    <div class="alert alert-warning alert-dismissible fade show" role="alert">
        <br>
        <strong> {{ session()->get('createnewproduct') }}</strong>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    @if (session()->has('notfountreturnproduct'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <br>
        <strong>{{ session()->get('notfountreturnproduct') }}</strong>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif

    <!-- row -->
    <div class="row">

        <div class="col-xl-12">
            <div class="card mg-b-20">


                <div class="card-header pb-0">

                    <form action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'return_sale')) }}" method="POST" role="search" autocomplete="off">
                        {{ csrf_field() }}
                        <div class="col-lg-5 mg-t-20 mg-lg-t-0">


                            <label for="inputName" class="control-label parent-label"><i class="fa fa-hashtag" style="color:#6b7fa3;margin-left:6px;"></i>{{ __('home.enterinvoicenumber') }}</label>
                            <input type="text" class="form-control parent-input" id="invoice_no" name="invoice_no" title="  يرجي ادخال رقم الفاتورة  " onkeyup="convertToNumberPriceSale()" required>

                        </div>





                        <div>

                            <br>

                            <div class="d-flex justify-content-center">
                                <button style="background: linear-gradient(135deg, #2f97ac 0%, #1f7a8c 100%)" type="submit" class="btn btn-success p-1">
                                    {{ __('home.search') }}
                                    <i style=" height: 100;

                                                 font-size:15px" class="las la-search"></i>
                                </button>
                            </div>
                        </div>

                        <br>

                    </form>
                </div>

            </div>
        </div>



        <br>



        @if (isset($data['restaurant_order']))
        <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/ebdea/public_html/resturant.ebdea.online/resources/views/products/salesreturned.blade.php</b> on line <b>376</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/ebdea/public_html/resturant.ebdea.online/resources/views/products/salesreturned.blade.php</b> on line <b>376</b><br />
        <div class="col-xl-12">
            <div style="border-radius: 10px" class="card mg-b-20 p-3">
                <div class="card-header pb-0 p-5">
                    <div class="d-flex justify-content-between flex-wrap">
                        <div>
                            <p class="mg-b-5"><strong>{{ __('report.invoiceNo') }}:</strong> {{ $rsOrder->order_number }}</p>
                            <p class="mg-b-5"><strong>{{ __('home.clietName') }}:</strong> {{ $rsOrder->customer->name ?? ($rsOrder->customer_name ?: '-') }}</p>
                            <p class="mg-b-5"><strong>{{ __('home.paymentmethod') }}:</strong> {{ \App\Models\Restaurant\RsOrder::PAYMENTS[$rsOrder->payment_method] ?? $rsOrder->payment_method }}</p>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-invoice border text-md-nowrap mb-0 text-center" width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('home.product') }}</th>
                                    <th>{{ __('home.quantity') }}</th>
                                    <th>{{ __('home.productprice') }}</th>
                                    <th>{{ __('home.total') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($rsOrder->items as $index => $item)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $item->name }} @if($item->size_name) ({{ $item->size_name }}) @endif</td>
                                    <td>{{ $item->qty }}</td>
                                    <td>{{ number_format($item->unit_price, 2) }}</td>
                                    <td>{{ number_format($item->line_total, 2) }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="table-responsive mg-t-20 float-left mt-3 mr-2 pro-sr-totals-wrap">
                        <table class="table table-invoice border text-md-nowrap mb-0 text-center" width="100%">
                            <tr>
                                <td class="tx-"><i class="fa fa-coins"></i> {{__('home.the amount')}}</td>
                                <td class="tx-"><i class="fa fa-percent"></i> {{ __('home.discount') }}</td>
                                <td class="tx-"><i class="fa fa-receipt"></i> {{ __('home.avt') }}</td>
                                <td class="tx-"><i class="fa fa-dollar-sign"></i> {{ __('home.total') }}</td>
                            </tr>
                            <tr>
                                <td class="tx-">{{ number_format($rsOrder->subtotal, 2) }}</td>
                                <td class="tx-">{{ number_format($rsOrder->discount, 2) }}</td>
                                <td class="tx-">{{ number_format($rsOrder->vat_amount, 2) }}</td>
                                <td class="tx-">{{ number_format($rsOrder->total, 2) }}</td>
                            </tr>
                        </table>

                        <br><br>

                        <form action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/confirm_restaurant_return') }}" method="POST" onsubmit="return confirm('تأكيد استرجاع الطلب بالكامل؟');">
                            @csrf
                            <input type="hidden" name="order_number" value="{{ $rsOrder->order_number }}">
                            <div class="d-flex align-items-center flex-wrap" style="gap:10px">
                                <div>
                                    <label class="mg-b-5">{{ __('home.paymentmethod') }} (رد المبلغ)</label>
                                    <select class="form-control" name="refund_method">
                                        <option value="cash" @selected($rsOrder->payment_method === 'cash')>{{ __('report.cash') }}</option>
                                        <option value="card" @selected($rsOrder->payment_method === 'card' || $rsOrder->payment_method === 'split')>{{ __('report.shabka') }}</option>
                                        <option value="credit" @selected($rsOrder->payment_method === 'credit')>{{ __('report.credit') }}</option>
                                    </select>
                                </div>
                                <div class="flex-grow-1">
                                    <label class="mg-b-5">ملاحظة</label>
                                    <input type="text" class="form-control" name="reason" maxlength="250">
                                </div>
                                <div>
                                    <button type="submit" style="background: linear-gradient(135deg, #ff6a4d 0%, #FF4F1F 100%)" class="btn btn-danger p-2">
                                        <i class="fa fa-sync-alt"></i> {{ __('home.returninvoiceItem') }}
                                    </button>
                                </div>
                            </div>
                        </form>
                        <br>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @if (isset($data['product']))
                <div class="col-xl-12">
            <div style="border-radius: 10px" class="card mg-b-20 p-3">
                <div class="card-header pb-0 p-5">
                    <div class="d-flex justify-content-between">
       <div class="col-lg-2 mg-t-20 mg-lg-t-0" id="type">
                                <p class="mg-b-10 parent-label pro-sr-payment-label"><i class="fa fa-credit-card"></i> {{ __('home.paymentmethod') }} </p>
                                <select class="form-control parent-input pro-sr-payment-select" name="pay_return_sale" id="pay_return_sale">


                                    @if($data['payment']=="Cash")
                                    <option selected value="Cash"> {{ __('report.cash') }}</option>
                                    @else
                                    <option value="Cash"> {{ __('report.cash') }}</option>
                                    @endif

                                    @if($data['payment']=="Shabka"||$data['payment']=="Bank_transfer")
                                    <option selected value="Bank_transfer"> {{ __('home.Bank_transfer') }} </option>
                                    @else
                                    <option value="Bank_transfer"> {{ __('home.Bank_transfer') }} </option>
                                    @endif
                                    @if($data['payment']=="Credit")
                                    <option selected value="Credit"> {{ __('report.credit') }} </option>
                                    @else
                                    <option  value="Credit"> {{ __('report.credit') }} </option>
                                    @endif


                                </select>

                            </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                    <table class="table table-invoice border text-md-nowrap mb-0 text-center" name="example" id="example" width="100%">
                        <col style="width:5%">
                        <col style="width:14%">
                        <col style="width:28%">
                        <col style="width:10%">
                        <col style="width:10%">
                        <col style="width:13%">
                        <col style="width:10%">
                        <col style="width:10%">
                        <thead>
                            <tr>
                                <th class="border-bottom-0"># </th>
                                <th class="border-bottom-0">{{ __('home.productNo') }}</th>
                                <th class="border-bottom-0">{{ __('home.product') }}</th>
                                <th class="tx-center"> {{ __('home.productprice') }} </th>

                                <th class="border-bottom-0">{{ __('home.quantity') }}</th>
                                <th class="border-bottom-0">{{ __('home.price') }}</th>
                                <th class="border-bottom-0">{{ __('home.discount') }}</th>

                                <th class="border-bottom-0">{{ __('home.total') }} </th>
                                <th class="border-bottom-0">{{ __('home.operations') }} </th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach ($data['product'] as $product)
                            <br />
<b>Warning</b>:  Undefined variable $product in <b>/home/ebdea/public_html/resturant.ebdea.online/resources/views/products/salesreturned.blade.php</b> on line <b>528</b><br />
<br />
<b>Warning</b>:  Attempt to read property "invoice_id" on null in <b>/home/ebdea/public_html/resturant.ebdea.online/resources/views/products/salesreturned.blade.php</b> on line <b>528</b><br />
                            @if ($product->quantity > 0)
                            <tr>
                                <td>{{ $i }}</td>
                                <td dir=ltr>{{ $product->productData->Product_Code }}</td>
                                <td>{{ $product->productData->product_name }}</td>
                                <td class="tx-center">{{ $product->Unit_Price }}</td>
                                <td>{{ $product->quantity }}</td>
                                <td>{{ $product->Unit_Price * $product->quantity }}</td>
                                <td>{{ $product->Discount_Value }}</td>
                                <td>{{ $product->Unit_Price * $product->quantity - $product->Discount_Value }}
                                </td>

                                <td>
                                    <a style="background-color: #419BB2;" class="modal-effect btn btn-sm btn-info" data-effect="effect-scale" data-id="{{ $product->id }}" data-section_name="{{ $product->productData->product_name }}" data-description="{{ $product->quantity }}" data-ordernumber="{{ $product->invoice_id }}" data-toggle="modal" href="#exampleModal2" title="تعديل"><i class="las la-pen"></i></a>


                                </td>
                                @endif
                            <tr>
                                @endforeach
                        </tbody>
                    </table>
                    </div>
                    <input class="form-control " name="recentretrn" id="recentretrn" hidden value=0 hidden>

                    <div class="table-responsive mg-t-20 float-left mt-3 mr-2 pro-sr-totals-wrap">
                        <table class="table table-invoice border text-md-nowrap mb-0 text-center" name="tableTotalPrice" id="tableTotalPrice" width="100%">

                            <body>
                                <tr>
                                    <td class="tx-"><i class="fa fa-coins"></i>{{__('home.the amount')}}</td>
                                    <td class="tx-"><i class="fa fa-percent"></i>{{ __('home.discount') }}</td>
                                    <td class="tx-"><i class="fa fa-receipt"></i>{{ __('home.avt') }}</td>
                                    <td class="tx-"><i class="fa fa-dollar-sign"></i>{{ __('home.total') }}</td>

                                </tr>
                                <tr>
                                    <td class="tx-">{{( $data['invoicetotal_price']+$data['invoicetotal_discount'] )?? 0 }}</td>

                                    <td class="tx-">{{ $data['invoicetotal_discount'] ?? 0 }}</td>
                                    <td class="tx-">{{ round( $data['invoicetotal_addedvalue'] ?? 0,2) }}</td>
                                    <td class="tx-">
                                        {{ round($data['invoicetotal_price'] + $data['invoicetotal_addedvalue'],2 )}}
                                    </td>
                                </tr>

                            </body>

                        </table>

                        <br>
                        <br>
                        <div class="d-flex justify-content-center">

                            <a style="background-color: #419BB2;height:30px" class="btn btn-success p-1" href="{{ url('/' . ($page = 'printreturnInvoice') . '/' . $data['invoice_id']) }}">
                                {{__('home.print')}}
                                <svg style="width: 22px !important" class="svg-icon-buttons" viewBox="0 0 20 20">
                                    <path d="M17.453,12.691V7.723 M17.453,12.691V7.723 M1.719,12.691V7.723 M18.281,12.691V7.723 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484 M7.309,13.312h5.383c0.229,0,0.414-0.187,0.414-0.414s-0.186-0.414-0.414-0.414H7.309c-0.228,0-0.414,0.187-0.414,0.414S7.081,13.312,7.309,13.312 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M16.625,6.066h-1.449V3.168c0-0.228-0.186-0.414-0.414-0.414H5.238c-0.228,0-0.414,0.187-0.414,0.414v2.898H3.375c-0.913,0-1.656,0.743-1.656,1.656v4.969c0,0.913,0.743,1.656,1.656,1.656h1.449v2.484c0,0.228,0.187,0.414,0.414,0.414h9.523c0.229,0,0.414-0.187,0.414-0.414v-2.484h1.449c0.912,0,1.656-0.743,1.656-1.656V7.723C18.281,6.81,17.537,6.066,16.625,6.066 M5.652,3.582h8.695v2.484H5.652V3.582zM14.348,16.418H5.652v-4.969h8.695V16.418z M17.453,12.691c0,0.458-0.371,0.828-0.828,0.828h-1.449v-2.484c0-0.228-0.186-0.414-0.414-0.414H5.238c-0.228,0-0.414,0.186-0.414,0.414v2.484H3.375c-0.458,0-0.828-0.37-0.828-0.828V7.723c0-0.458,0.371-0.828,0.828-0.828h13.25c0.457,0,0.828,0.371,0.828,0.828V12.691z M7.309,13.312h5.383c0.229,0,0.414-0.187,0.414-0.414s-0.186-0.414-0.414-0.414H7.309c-0.228,0-0.414,0.187-0.414,0.414S7.081,13.312,7.309,13.312M7.309,15.383h5.383c0.229,0,0.414-0.187,0.414-0.414s-0.186-0.414-0.414-0.414H7.309c-0.228,0-0.414,0.187-0.414,0.414S7.081,15.383,7.309,15.383 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555"></path>
                                </svg>
                            </a>

&nbsp;
  <a style="background: linear-gradient(135deg, #2f97ac 0%, #1f7a8c 100%);font-size:15px;width: 120px!important;height:30px" href="{{ url('/' . ($page = 'generate_return_sale_pdf') . '/' . $data['invoice_id']) }}"
                    class="btn btn-success p-1 px-2 fw-bolder"  id="generate_pdf" target="_blank" >{{ __('home.dwonloadpdf') }}&nbsp;<i class="fa-solid fa-download"></i></i></a>
&nbsp;
<input hidden id="invoice_id" value="{{$data['invoice_id']}}">
   <button  id="reciptprinter" class="btn btn-success p-1 px-2 fw-bolder">
                                        {{ __('home.reciptprinter') }}
                                        <svg style="width: 15px !important" class="svg-icon-buttons" viewBox="0 0 20 20">
                                            <path d="M17.453,12.691V7.723 M17.453,12.691V7.723 M1.719,12.691V7.723 M18.281,12.691V7.723 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484 M7.309,13.312h5.383c0.229,0,0.414-0.187,0.414-0.414s-0.186-0.414-0.414-0.414H7.309c-0.228,0-0.414,0.187-0.414,0.414S7.081,13.312,7.309,13.312 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M16.625,6.066h-1.449V3.168c0-0.228-0.186-0.414-0.414-0.414H5.238c-0.228,0-0.414,0.187-0.414,0.414v2.898H3.375c-0.913,0-1.656,0.743-1.656,1.656v4.969c0,0.913,0.743,1.656,1.656,1.656h1.449v2.484c0,0.228,0.187,0.414,0.414,0.414h9.523c0.229,0,0.414-0.187,0.414-0.414v-2.484h1.449c0.912,0,1.656-0.743,1.656-1.656V7.723C18.281,6.81,17.537,6.066,16.625,6.066 M5.652,3.582h8.695v2.484H5.652V3.582zM14.348,16.418H5.652v-4.969h8.695V16.418z M17.453,12.691c0,0.458-0.371,0.828-0.828,0.828h-1.449v-2.484c0-0.228-0.186-0.414-0.414-0.414H5.238c-0.228,0-0.414,0.186-0.414,0.414v2.484H3.375c-0.458,0-0.828-0.37-0.828-0.828V7.723c0-0.458,0.371-0.828,0.828-0.828h13.25c0.457,0,0.828,0.371,0.828,0.828V12.691z M7.309,13.312h5.383c0.229,0,0.414-0.187,0.414-0.414s-0.186-0.414-0.414-0.414H7.309c-0.228,0-0.414,0.187-0.414,0.414S7.081,13.312,7.309,13.312M7.309,15.383h5.383c0.229,0,0.414-0.187,0.414-0.414s-0.186-0.414-0.414-0.414H7.309c-0.228,0-0.414,0.187-0.414,0.414S7.081,15.383,7.309,15.383 M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484 M12.691,12.484H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,12.484,12.691,12.484M12.691,14.555H7.309c-0.228,0-0.414,0.187-0.414,0.414s0.187,0.414,0.414,0.414h5.383c0.229,0,0.414-0.187,0.414-0.414S12.92,14.555,12.691,14.555"></path>
                                        </svg>
                                    </button>

                        </div>

                        <br>
                        </form>

                        <br>
                    </div>






                    <div class="row d-flex justify-content-end p-0 mb-2">

                        <button style="background: linear-gradient(135deg, #ff6a4d 0%, #FF4F1F 100%)" id="showmodal" href="#paymentmethod" class="btn btn-danger p-1">
                            <i class="fa fa-sync-alt"></i> {{ __('home.returninvoiceItem') }} </button>

                            &nbsp;
&nbsp;

                                    <button style="background: linear-gradient(135deg, #7c8896 0%, #64748b 100%);" class="modal-effect btn btn-sm btn-info" id="sendzatca" >
                                        {{ __('home.uploadzatca') }}&nbsp;<i class="fa-regular fa-paper-plane"></i>
                                    </button>

                    </div>









                </div>

                <br />


            </div>




            <div class="row">







                @endif

                </table>

            </div>
        </div>


    </div>
</div>
<!-- row closed -->
</div>
<!-- Container closed -->
</div>



 <div class="modal fade product-selection" style="background-color: rgba(0, 0, 0, 0)!important;color: rgba(0, 0, 0, 0)!important;" id="loading" name="loading" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" dir='rtl' aria-hidden="true">
            <div class="modal-dialog modal-xl" style="background-color: rgba(0, 0, 0, 0)!important;color: rgba(0, 0, 0, 0)!important;" role="document">
                <div class="modal-content">

                    <div class="modal-body" style="justify-content: center;">


 <center><img style="width:250px;height:250px;" class="custom_img" src="{{ asset('assets/admin/uploads/loading.png') }}" >

</center>




                        </div>


                    </div>


                </div>
            </div>

        </div>



<!-- edit -->
@if (isset($data['product']))

<div class="modal" id="paymentmethod">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content modal-content-demo">
            <div class="modal-header">
                <h6 class="modal-title"> {{ __('home.alert') }} </h6>
            </div>
            <form action="{{ '/' . ($page = 'returnAll') }}" method="POST" role="search" autocomplete="off">
                {{ csrf_field() }}


                <div class="modal-body">

                    <input type="number" class="form-control " name="invoice_no_delete_All" id="invoice_no_delete_All" title=" رقم الفاتورة " value="{{ $invoiceId }}" required=true hidden>
                    <input class="form-control " name="pagename" id="pagename" readonly value="products.salesreturned" hidden>





                    <div class="col">
                        <span style="color:red">{{__('home.Are_you_sure')}}</span>
                    </div>



                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('home.cancel')}}</button>
                    <button id="returnAll" data-dismiss="modal" class="btn btn-danger">{{ __('home.confirm') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{__('home.RETURNSPURCHASEpart')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'update_return_sale')) }}" method="post" autocomplete="off">
                    {{ csrf_field() }}
                    <input type="hidden" id="token_search" value="{{ csrf_token() }}">

                    <div class="form-group">

                        <input type="hidden" name="id" id="id" value="">
                        <input type="hidden" name="currentquantity" id="currentquantity">
                        <input type="hidden" name="ordernumber" id="ordernumber" value="">
                        <label for="recipient-name" class="col-form-label"> {{__('home.product')}} </label>

                        <input class="form-control" name="product_name" id="product_name" type="text" readonly>
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-form-label"> {{__('home.numberofpicereturens')}} :</label>
                        <input class="form-control" type="number" id="return_quentity" name="return_quentity" required>
                    </div>
            </div>
            </form>

            <div class="modal-footer">
                <button class="btn btn-primary" data-dismiss="modal" name="updateproductalldata" id="updateproductalldata">{{ __('home.confirm') }}</button>
                <button class="btn btn-secondary" data-dismiss="modal">{{__('home.cancel')}}</button>
            </div>
        </div>
    </div>
</div>




<!-- main-content closed -->
</div>
@endsection
@section('js')
<!-- SweetAlert2 (رسائل التنبيه الاحترافية) -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    /* دوال مساعدة موحّدة عشان كل رسائل الصفحة تطلع بنفس شكل SweetAlert بدل alert() الافتراضية */
    function proSuccessAlert(message) {
        return Swal.fire({
            icon: 'success',
            title: message,
            confirmButtonText: '{{ __('home.confirm') ?? 'OK' }}',
            confirmButtonColor: '#23395D',
            customClass: { popup: 'pro-sr-swal' }
        });
    }

    function proErrorAlert(message) {
        return Swal.fire({
            icon: 'error',
            title: message,
            confirmButtonText: '{{ __('home.confirm') ?? 'OK' }}',
            confirmButtonColor: '#e0293f',
            customClass: { popup: 'pro-sr-swal' }
        });
    }

    function proWarningAlert(message) {
        return Swal.fire({
            icon: 'warning',
            title: message,
            confirmButtonText: '{{ __('home.confirm') ?? 'OK' }}',
            confirmButtonColor: '#f59e0b',
            customClass: { popup: 'pro-sr-swal' }
        });
    }
</script>
<style>
    .pro-sr-swal {
        border-radius: 16px !important;
        font-family: inherit !important;
    }
</style>
<!-- Internal Data tables -->
<script src="{{ URL::asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/responsive.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/jquery.dataTables.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.bootstrap4.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/jszip.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/pdfmake.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/vfs_fonts.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/buttons.html5.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/buttons.print.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/buttons.colVis.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/responsive.bootstrap4.min.js') }}"></script>
<!--Internal  Datatable js -->
<script src="{{ URL::asset('assets/js/table-data.js') }}"></script>

<!--Internal  Datepicker js -->
<script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
<!--Internal  jquery.maskedinput js -->
<script src="{{ URL::asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>
<!--Internal  spectrum-colorpicker js -->
<script src="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>
<!-- Internal Select2.min js -->
<script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
<!--Internal Ion.rangeSlider.min js -->
<script src="{{ URL::asset('assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js') }}"></script>
<!--Internal  jquery-simple-datetimepicker js -->
<script src="{{ URL::asset('assets/plugins/amazeui-datetimepicker/js/amazeui.datetimepicker.min.js') }}"></script>
<!-- Ionicons js -->
<script src="{{ URL::asset('assets/plugins/jquery-simple-datetimepicker/jquery.simple-dtpicker.js') }}"></script>
<!--Internal  pickerjs js -->
<script src="{{ URL::asset('assets/plugins/pickerjs/picker.min.js') }}"></script>
<!-- Internal form-elements js -->
<script src="{{ URL::asset('assets/js/form-elements.js') }}"></script>
<script>
    var date = $('.fc-datepicker').datepicker({
        dateFormat: 'yy-mm-dd'
    }).val();
</script>
<script>

$("#sendzatca").click(function(e) {
                  document.getElementById('loading-screen').style.display = 'block'; // show loading screen

        var url = " {{ URL::to('sent_to_zatca_return_items') }}"+'/'+ $('#invoice_id').val();
        console.log(url)
        document.getElementById('sendzatca').hidden = true

        token_search = $('#token_search').val();
        $.ajax({
            url: url,
            type: 'GET',
            cache: false,
            dataType: "html",



            success: function(data) {
               console.log(data)
                if(data==1){
                          document.getElementById('loading-screen').style.display = 'none'; // Hide loading screen

                var audio = new Audio('/sounds/done.mp3');
                audio.play();
                   $('#SearchProduct').modal().show();
 setTimeout(() => {
         $('#SearchProduct').modal('hide');

        }, 1000);
                document.getElementById('dwonloadxml').hidden = false
                document.getElementById('sendzatca').hidden = true
                }
                else{
                    proErrorAlert(data)
                    document.getElementById('sendzatca').hidden = false

                }
            },
              error: function(response) {
                console.log(response)

}
        });
    })


        $("#reciptprinter").click(function(e) {
        var url = " {{ URL::to('returnsalesprinter') }}"+'/'+$('#invoice_id').val();
        console.log(url);
        var token_search = $("#token_search").val();
        $.ajax({
            url: url,
            type: 'get',
            cache: false,
            dataType: 'html',

            success: function(data) {
                console.log(data)
                const winUrl = URL.createObjectURL(
                    new Blob([data], {
                        type: "text/html"
                    })
                );
                const win = window.open(
                    winUrl,
                    "win",
                    `width=800,height=400,screenX=200,screenY=200`
                );

            },
            error: function(response) {
                console.log(response)
                proErrorAlert("{{ __('home.sorryerror') }}")

            }
        });
    });

    function convertToNumberPriceSale() {
        var input = document.getElementById("invoice_no");
        var val = toEnglishNumber(input.value)
        input.value = val;
    }

    function toEnglishNumber(strNum) {
        var ar = '٠١٢٣٤٥٦٧٨٩'.split('');
        var en = '0123456789'.split('');
        strNum = strNum.replace(/[٠١٢٣٤٥٦٧٨٩]/g, x => en[ar.indexOf(x)]);
        //  strNum = strNum.replace(/[^\d]/g, '');
        return strNum;
    }
</script>
<script>
    $('#exampleModal2').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget)
        var id = button.data('id')
        var ordernumber = button.data('ordernumber')
        var section_name = button.data('section_name')
        var description = button.data('description')
        var modal = $(this)
        console.log('-----=====-----')
        console.log(id)
        console.log(ordernumber)
        console.log(description)
        console.log(section_name)
        modal.find('.modal-body #id').val(id);
        modal.find('.modal-body #ordernumber').val(ordernumber);
        modal.find('.modal-body #product_name').val(section_name);
        modal.find('.modal-body #return_quentity').val(description);
        modal.find('.modal-body #currentquantity').val(description);
    })
</script>

<script>
    $('#modaldemo9').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget)
        var id = button.data('id')
        var ordernumber = button.data('ordernumber')

        var description = button.data('description')

        var section_name = button.data('section_name')
        var modal = $(this)

        modal.find('.modal-body #ordernumber').val(ordernumber);
        modal.find('.modal-body #id').val(id);
        modal.find('.modal-body #description').val(description);
        modal.find('.modal-body #product_name').val(section_name);
    })
</script>


<script>
    $("#showmodal").click(function(e) {
        if($('#recentretrn').val()==0){
        $('#paymentmethod').modal('show');

       }


    });
    $(document).ready(function() {


      document.getElementById('loading-screen').style.display = 'none'; // Hide loading screen

        $("#returnAll").click(function(e) {
            document.getElementById('returnAll').style.visibility = 'hidden';
            event.preventDefault();
            let table = document.getElementById("example");
            $('#loading').modal().show();
            var token_search = $("#token_search").val();
            var url = " {{ URL::to('returnAll') }}";
            token_search = $('#token_search').val();
            console.log($('#pagename').val())
            console.log($('#invoice_no_delete_All').val())
            var pay_return_sale = $("#pay_return_sale").val();

            if($('#recentretrn').val()==0){
                $('#recentretrn').val(1);

            $.ajax({
                url: url,
                type: 'post',
                cache: false,

                data: {
                    _token: token_search,
                    pagename: $('#pagename').val(),
                    invoice_no_delete_All: $('#invoice_no_delete_All').val(),
                    pay_return_sale:pay_return_sale

                },


                success: function(data) {
                    // const map =(JSON.parse(response));
                    let tableTotalPrice = document.getElementById("tableTotalPrice");
                    var tableHeaderRowCount = 1;

                    var rowCount = tableTotalPrice.rows.length;

                    for (var i = tableHeaderRowCount; i < rowCount; i++) {
                        tableTotalPrice.deleteRow(tableHeaderRowCount);
                    }
                    let row = tableTotalPrice.insertRow(-1); // We are adding at the end

                    let c1 = row.insertCell(0);
                    let c2 = row.insertCell(1);
                    let c3 = row.insertCell(2);
                    let c4 = row.insertCell(3);




                    c1.innerText = 0
                    c2.innerText = 0
                    c3.innerText = 0
                    c4.innerText = 0

                    console.log('++++++')
                    console.log(data)
                    var tableHeaderRowCount = 1;

                    var rowCount = table.rows.length;

                    for (var i = tableHeaderRowCount; i < rowCount; i++) {
                        table.deleteRow(tableHeaderRowCount);
                    }
                    i = 0;

setTimeout(() => {
         $('#loading').modal('hide');

        }, 500);
                    proSuccessAlert(data['message'])


                },
                error: function(response) {
                    console.log(response)
                    proErrorAlert("{{ __('home.sorryerror') }}")
                    $('#recentretrn').val(0);

                }
            })
        }
        })











        $("#updateproductalldata").click(function(e) {
            document.getElementById('updateproductalldata').style.visibility = 'hidden';
            $('#loading').modal().show();
            event.preventDefault();
            let table = document.getElementById("example");
            var token_search = $("#token_search").val();
            var pay_return_sale = $("#pay_return_sale").val();
            var url = " {{ URL::to('update_return_sale') }}";
            token_search = $('#token_search').val();

            if ($('#currentquantity').val()*1 >= $('#return_quentity').val()*1) {
                $.ajax({
                    url: url,
                    type: 'post',
                    cache: false,

                    data: {
                        _token: token_search,
                        id: $('#id').val(),
                        return_quentity: $('#return_quentity').val(),
                        ordernumber: $('#ordernumber').val(),
                        product_name: $('#product_name').val(),
                        pay_return_sale:pay_return_sale
                    },


                    success: function(data) {
                        // const map =(JSON.parse(response));
                        let tableTotalPrice = document.getElementById("tableTotalPrice");
                        var tableHeaderRowCount = 1;

                        var rowCount = tableTotalPrice.rows.length;

                        for (var i = tableHeaderRowCount; i < rowCount; i++) {
                            tableTotalPrice.deleteRow(tableHeaderRowCount);
                        }
                        let row = tableTotalPrice.insertRow(-1); // We are adding at the end

                        let c1 = row.insertCell(0);
                        let c2 = row.insertCell(1);
                        let c3 = row.insertCell(2);
                        let c4 = row.insertCell(3);


                        // Add data to c1 and c2
                        added_value_total = data['invoicetotal_addedvalue'];
                        total_reaming = data['invoicetotal_price'];
                        totaldiscount = data['invoicetotal_discount']
                        total = data['total']

                        c1.innerText =Number(total_reaming)+Number(totaldiscount)
                        c2.innerText = totaldiscount
                        c3.innerText = added_value_total
                        c4.innerText = total

                        console.log('++++++')
                        console.log(data)
                        var tableHeaderRowCount = 1;

                        var rowCount = table.rows.length;

                        for (var i = tableHeaderRowCount; i < rowCount; i++) {
                            table.deleteRow(tableHeaderRowCount);
                        }
                        i = 0;
                        data['product'].forEach(async (product) => {
                            i++;


                            text4 =
                                ' <a  style="width:40px;height:20px;background-color: #419BB2;" class="modal-effect btn btn-sm btn-warning" class="modal-effect btn btn-sm btn-danger" data-effect="effect-scale" data-id='
                            result4 = text4.concat(product['id'], "  ",
                                "data-section_name=", product['product_name'], "  ",
                                "data-description=", product['quantity'], "  ",
                                "data-ordernumber=", data['invoice_id'], '  ',
                                'data-toggle="modal"   href="#exampleModal2"   title="حذف"><i class="las la-align-justify"></i></a>'
                            )



                            if (product['quantity'] > 0) {

                                let table = document.getElementById("example");
                                let row = table.insertRow(-1); // We are adding at the end

                                let c1 = row.insertCell(0);
                                let c2 = row.insertCell(1);
                                let c3 = row.insertCell(2);
                                let c4 = row.insertCell(3);
                                let c5 = row.insertCell(4);
                                let c6 = row.insertCell(5);
                                let c7 = row.insertCell(6);
                                let c8 = row.insertCell(7);
                                let c9 = row.insertCell(8);

                                // Add data to c1 and c2
                                count1 = product['count'],
                                    product_code = product['Product_Code']
                                product_name = product['product_name']
                                quentity = product['quantity']
                                Unit_Price = product['Unit_Price']
                                totalsale = product['Unit_Price'] * product['quantity']
                                discount = product['Discount_Value']
                                totalsaleafterdiscount = (product['Unit_Price'] * product['quantity']) - product['Discount_Value']

                                c1.innerText = count1
                                c2.innerHTML = ' <span dir=ltr>' + product_code + '</span>'
                                c3.innerText = product_name
                                c4.innerText = Unit_Price
                                c5.innerText = quentity
                                c6.innerText = totalsale
                                c7.innerText = discount
                                c8.innerText = totalsaleafterdiscount
                                c9.innerHTML = result4


                            }


                        });


                        //    update3/3/2023










setTimeout(() => {
         $('#loading').modal('hide');

        }, 500);





                        Swal.fire({
                            icon: 'success',
                            title: 'تم عملية الاسترجاع بنجاح',
                            text: 'The recovery process was completed successfully',
                            confirmButtonText: '{{ __('home.confirm') ?? 'OK' }}',
                            confirmButtonColor: '#23395D',
                            customClass: { popup: 'pro-sr-swal' }
                        })


                    },
                    error: function(response) {
                        console.log(response)

                        proErrorAlert("{{ __('home.sorryerror') }}")

                    }
                })
            } else {
                proWarningAlert("{{ __('home.returnquantitymorethensale') }}")
            }

                        document.getElementById('updateproductalldata').style.visibility =  'visible';

        })
    })
















    $(function() {
        var timeout = 20000; // in miliseconds (3*1000)
        $('.alert').delay(timeout).fadeOut(500);
    });
</script>






@endsection