@extends('layouts.app')

@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18"> @lang('general.update') @lang('general.sales_return')</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboards</a></li> 
                    <li class="breadcrumb-item"><a href="{{ route('salesreturns.index') }}"> @lang('general.sales_return')</a></li>
                    <li class="breadcrumb-item active">@lang('general.update')</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->
@include('validate')
<div class="row">

    <div class="col-md-12">

        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">@lang('general.sales_return') @lang('general.details')</h4>
                <form method="POST" action="{{ route('salesreturns.update',[$return->id]) }}" id="purchase-data-form" data-form-type="purchase-creation">
                   @method('PUT')
                    <div class="row mb-4">
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label for="return_date" class="form-label req">Return Date</label>
                            <div class="input-group" id="return_date">
                                <input type="text" name="return_date" class="form-control" data-date-format="{{ js_app_date_format() }}" data-date-container='#return_date' data-provide="datepicker" value="{{ $return->return_date->format(app_date_format()) }}" required>
                                <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                            </div><!-- input-group --> 
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="mb-3">
                            <label for="branch_id" class="form-label req">Branch</label>
                           <br> {{ $return->branch->branch_name }}
                           <input type="hidden" name="branch_id" id="branch_id" value="{{ $return->branch_id }}" required>
                             
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="mb-3">
                            <label for="supplier_id" class="form-label req">Customer</label>
                           <br> {{ $return->customer->customer_name }}
                           <input type="hidden" name="customer_id" id="customer_id" value="{{ $return->customer_id }}" required>
                           
                        </div>
                    </div>  

                    <div class="col-md-4">
                        <div class="mb-3">
                            <label for="return_notes" class="form-label">Notes</label>
                            <textarea class="form-control" name="return_notes" id="return_notes">{{ $return->return_notes }}</textarea>
                        </div>
                    </div> 
                     
                </div>


                <div class="row mt-4">
                    <div class="col-md-12">

                        <table class="table table-bordered">
                           <thead>
                              <tr>
                                <th>Product Name</th>
                                <th>Quantity</th>
                                <th>Price</th>
                                <th>Discount (%)</th>
                                <th>Tax (%)</th>
                                <th>Total</th>
                                <th></th>
                              </tr>
                           </thead>
                           <tbody id="purchaseItems">
                            @forelse ($return->items as $returnItems)
                            @php $uuid=Str::uuid(); @endphp
                            <tr id="item-rows-{{ $uuid }}" class="item-row">
                                <td>
                                {{ $returnItems->product->product_name }}
                                <input type="hidden" name="item[{{ $uuid }}][product_id]" id="product_id{{ $uuid }}" class="form-control" value="{{ $returnItems->product_id }}" required>
                                </td>
                                <td><input type="number" name="item[{{ $uuid }}][quantity]" id="quantity{{ $uuid }}" step="any" class="form-control" data-trigger="calculation" data-calculation="quantity" value="{{ round($returnItems->quantity,2) }}" required></td>
                                <td><input type="number" name="item[{{ $uuid }}][price]" id="price{{ $uuid }}" class="form-control txtright" step="any" data-trigger="calculation" data-calculation="price" value="{{ round($returnItems->price,2) }}"></td>
                                <td><input type="number" name="item[{{ $uuid }}][discount]" id="discount{{ $uuid }}" class="form-control"  data-trigger="calculation" data-calculation="discount" value="{{ round($returnItems->discount,2) }}"></td>
                                <td><input type="number" name="item[{{ $uuid }}][tax]" id="tax{{ $uuid }}" class="form-control" data-calculation="taxpercentage" @readonly(true) value="{{ round($returnItems->tax,2) }}" tabindex="-1" ></td>
                                <td><input type="text" name="item[{{ $uuid }}][row_total]" id="row_total{{ $uuid }}" class="form-control txtright"  data-calculation="row_total" value="{{ round($returnItems->row_total,2) }}" readonly tabindex="-1"></td>
                                <td valign="middle">
                                    <a href="javascript:;" class="d-flex align-items-center justify-content-center ml-3 remove-item"><i  class="fa fa-times-circle f-20 text-lightest"></i></a>
                                </td>
                            
                            </tr>
                            @empty
                            <tr id="no_rows">
                                <td colspan="7">No Products Added</td>
                            </tr>
                            @endforelse 
                           </tbody>
                           <tfoot>
                               <tr>
                                 <td colspan="7">

                                    <select class="form-control" name="product_selection" id="product_selection">
                                        <option value="">Select Product</option>
                                        @foreach ($productData as $product)
                                        <option value="{{ $product->id }}">{{ $product->product_name }}</option>    
                                        @endforeach 
                                     </select>
                                 </td> 
                               </tr>
                              <tr> 
                                <td colspan="5" class="txtright"><b>Sub Total</b></td>
                                <td>
                                    <input type="text" class="form-control txtright" name="sub_total" id="sub_total" data-calculation="subtotal" value="{{ number_format($return->sub_total,2) }}" readonly>  
                                </td>
                                <td></td>
                              </tr>
                              <tr> 
                                <td colspan="5" class="txtright"><b>Round Off</b></td>
                                <td>
                                    <input type="text" class="form-control txtright" name="round_off" id="round_off" data-calculation="roundoff" value="{{ number_format($return->round_off,2) }}" readonly> 
                                </td>
                                <td></td>
                              </tr>
                              <tr> 
                                <td colspan="5" class="txtright"><b>Grand Total</b></td>
                                <td>
                                    <input type="text" class="form-control txtright" name="grand_total" id="grand_total" data-calculation="grandtotal" value="{{ number_format($return->grand_total,2) }}" readonly> 
                                </td>
                                <td></td>
                              </tr>

                           </tfoot>
                        </table>


                    </div>
                </div>

 

               

                <div class="row mt-4"> 
                    <div class="col-md-12 "> 
                        @csrf
                        <button type="submit" class="btn btn-primary w-md float-end">UPDATE</button>
                    </div>
                </div>

            </form>
                
            </div>
            <!-- end card body -->
        </div>

    </div>

</div>


@endsection

 
@push('scripts')

<script>

$('.select2').select2(); 

$('#product_selection').select2();  

 

$(document).ready(function () { 


   $('#customer_id').on('change', function() {

        var branchId = $('#branch_id').val(); 

        var customerId = $(this).val();

        if (!(branchId > 0)) {  alert('Please Select Branch First'); window.location.reload();   }

        if(branchId > 0 && customerId > 0){ window.location.href ="{{ route('salesreturns.create') }}?branch="+branchId+"&cus="+customerId; } 
    });

    $('#product_selection').on('change', function () {

        var productId = $(this).val();

        var branchId=$('#branch_id').val(); 

        var customerId=$('#customer_id').val(); 


          if(productId > 0 && branchId > 0 && customerId > 0){

            // Make an Ajax request to get product details
            $.ajax({
                        type: 'GET',
                        url: '{{ route('salesreturns.itemsrow') }}',
                        data: { id: productId, bId:branchId, cId:customerId },
                        success: function (data) {

                            var noRowsCount=$('#no_rows').length;

                            if(noRowsCount > 0){ $('#no_rows').remove(); }

                            $('#purchaseItems').append(data.view); 

                            $('#product_selection').val(null).trigger('change');

                        },
                        error: function (xhr, status, error) {
                            console.error(error);
                        }
                    });
                    
          }
          


    });

});

$('#purchase-data-form').on('click', '.remove-item', function() {
    var itemRow = $(this).closest('.item-row').remove();

    // Check the count of remaining items
    var remainingItems = $('.item-row').length;

    // If no items are remaining, display the message
    if (remainingItems === 0) {
        var noProductsMessage = '<tr id="no_rows"><td colspan="7">No Products Added</td></tr>';
        $('#purchaseItems').append(noProductsMessage);
    }
});

</script>

<script src="{{ asset('assets/js/pages/purchase.js') }}"></script>


@endpush