@include('layouts.header')
@include('layouts.sidebar')
<meta name="csrf-token" content="{{ csrf_token() }}">
<style>
    #DataTables_Table_0_filter
    {
    display: none;
    }

    #DataTables_Table_0_info{
        display:none;
    }


	.select2-selection__choice{
		background:blueviolet !important;
	}
	.select2-container--default .select2-selection--single {
		
		border: 1px solid #e9edf6 !important;
		height:40px !important; 
	   
	}
	.select2-container--default .select2-selection--multiple{
		border: 1px solid #e9edf6 !important;

	}
	.select2-container .select2-selection--single .select2-selection__arrow {
		height: 100% !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		width: 20px !important; 
		background-color: transparent !important;
		border-left: 1px solid #aaa !important; 
	}
	
	.select2-container .select2-selection__arrow b {
	  
		border-width: 5px 5px 0 5px !important; 
		border-style: solid !important;
		display: inline-block !important;
		margin-top: 5px !important;
		vertical-align: middle !important;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow 
	{
		display: none !important;
	}
	.select2-selection__clear{
		display: none !important;
		/* color:#aaa; */
	}
	/* .select2-container {
        z-index: 9999 !important;
        position: relative !important;
    }
    .select2-dropdown {
        z-index: 99999 !important;
    } */


</style>
<div class="page-wrapper">
    <div class="content">
        <!-- Page Header -->
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4> Order Details</h4>
                </div>
            </div>
            <div class="page-btn">
                <a href="{{ route('orders')}}" class="btn btn-added"><i data-feather="arrow-left" class="me-2"></i>Back To Orders</a>
            </div>
        </div>
        <div id="message-container"></div>
      <input type="hidden" id="payment-status" value="{{  $response['order_details']->payment_status }}">
            <div class=" d-flex justify-content-end align-items-center" id="statusdiv">
                <label for="order-status" class="me-2 mb-0">Order Status:</label>
                <select id="order-status" class="form-select w-auto">
                    <option value="Ordered" {{ $response['order_details']->status == 'Ordered' ? 'selected' : '' }}>Ordered</option>
                    <option value="Measurement" {{ $response['order_details']->status == 'Measurement' ? 'selected' : '' }}>Measurement</option>
                    <option value="Partially paid" {{ $response['order_details']->status == 'Partially Paid' ? 'selected' : '' }}>Partially Paid</option>
                    <option value="Cutting Done" {{ $response['order_details']->status == 'Cutting Done' ? 'selected' : '' }}>Cutting Done</option>
                    <option value="Payment Done" {{ $response['order_details']->status == 'Payment Done' ? 'selected' : '' }}>Payment Done</option>
                    <option value="Packed" {{ $response['order_details']->status == 'Packed' ? 'selected' : '' }}>Packed</option>
                    <option value="Shipped" {{ $response['order_details']->status == 'Shipped' ? 'selected' : '' }}>Shipped</option>
                    <option value="Delivered" {{ $response['order_details']->status == 'Delivered' ? 'selected' : '' }}>Delivered</option>
                    <option value="Goods Return" {{ $response['order_details']->status == 'Goods Return' ? 'selected' : '' }}>Goods Return</option>
                    <option value="Partially Refund" {{ $response['order_details']->status == 'Partially Refund' ? 'selected' : '' }}>Partially Refund</option>
                    <option value="Full Refund" {{ $response['order_details']->status == 'Full Refund' ? 'selected' : '' }}>Full Refund</option>
                    <option value="Closed Order" {{ $response['order_details']->status == 'Closed Order' ? 'selected' : '' }}>Closed Order</option>
                    <option value="Cancelled" {{ $response['order_details']->status == 'Cancelled' ? 'selected' : '' }}>Cancelled</option>

                </select>
            </div>
        <br>
        

        <!-- Flash Messages -->
        @if(session()->has('success'))
            <div class="alert alert-success">{{ session()->get('success') }}</div>
        @endif
        @if(session()->has('error'))
            <div class="alert alert-danger">{{ session()->get('error') }}</div>
        @endif
        


        <div class="page-wrapper details-blk">
            <div class="content p-0">
                
                <div class="card">
                    <div class="card-body">
                       
                            <div class="invoice-box table-height" style="max-width: 1600px;width:100%;overflow: auto;padding: 0;font-size: 14px;line-height: 24px;color: #555;">
                                <div class="sales-details-items d-flex">
                                    <div class="details-item">
                                        <h6>Shipping Info</h6>
                                        <p> <b>{{ $response['order_details']->customer_name }}</b><br>
                                        @if($response['order_details']->order_type == 'Pickup')
                                        <b>Pickup Point:{{ $response['pickup_point']->warehouse_name ?? '' }}</b><br>
                                        <b>Address:{{ $response['pickup_point']->address ?? '' }}</b>
                                        @else
                                            <b>{{ $response['order_details']->email }}</b><br>
                                            <b>{{ $response['order_details']->phone1 }}</b>
                                            @if(!empty($response['order_details']->phone2))
                                           |<b>{{ $response['order_details']->phone2 }}</b>
                                            @endif
                                            <br>
                                            <b>{{ $response['order_details']->address }}</b>
                                           @endif 
                                        </p>
                                    </div>
                                    <div class="details-item">
                                        <h6>Company Info</h6>
                                        <p><b>Kukreja Interiors</b><br>
                                            <b>kukreja_interiors@yahoo.com</b><br>
                                            <b>9665065522 /25 /34</b><br>
                                            <b>A-45, R Quarters, Near Sai Chowk, Pimpri Pune 411017</b>
                                        </p>
                                    </div>
                                    <div class="details-item">
                                        <h6>Member Info</h6>
                                        <p>
                                            @if($response['order_details']->installer)
                                            <b>Installer: {{$response['order_details']->installer ?? ''}}</b>
                                            <br>
                                            @endif
                                           <b>Transporter:{{$response['order_details']->transporter_name}}</b><br>
                                            <b>Staff:{{$response['order_details']->staff}}</b>
                                        </p>
                                    </div>
                                    <div class="details-item" id="invdetail">
                                        <h6>Invoice Info</h6>
                                        <p><b>Order No: {{ $response['order_details']->order_code}}</b><br>
                                            <b>Order Date:{{ date('d M Y', strtotime($response['order_details']->order_date))}}</b><br>
                                           <b>Payment Status: 
                                               <span class="badge bg-soft-info"
                                                    @if($response['order_details']->payment_status == 'Pending' || $response['order_details']->payment_status == 'Partially Paid')
                                                      
                                                        style="cursor: pointer;"
                                                    @endif>
                                                    {{ $response['order_details']->payment_status }}
                                                </span>

                                            </b><br>
                                            <b>Order Status:</b> <b><span class="badge bg-warning" id="status">{{ $response['order_details']->status}}</span></b><br>
                                              @if(!empty($response['order_details']->bill_no))
                                               <b>Bill No:</b> <b>{{ $response['order_details']->bill_no }}</b><br>
                                               @endif


                                            
                                                                               

                                        </p>
                                       
                                    </div>
                                   
                                </div>
                                
                                <hr>

                                <div class="sales-details-items d-flex">
                                    <div class="details-item" id="transporterdata">
                                        <h6>Transporter Info</h6>
                                        <p><b id="name">{{ $response['transporter_data']->contact_person ?? ''}}</b><br>
                                        <b id="email">{{ $response['transporter_data']->email ?? ''}}</b><br>
                                        <b id="phone1">{{ $response['transporter_data']->phone1 ?? ''}}@if(!empty($response['transporter_data']->phone2))
                                          |{{ $response['transporter_data']->phone2 }}
                                           @endif</b><br>
                                         <b id="address">{{ $response['transporter_data']->address ?? ''}}</b><br>
                                        </p>
                                    </div>
                                    <div class="details-item" id="deliverydata">
                                        <h6>Delivery Info</h6>
                                        <p><b id="dates">Date & Time:{{ date('d M Y H:i:s', strtotime($response['order_details']->updated_at)) }}
                                        </b><br>
                                            <b id="paymode">Payment Method:Cash On Delivery</b><br>
                                           
                                        </p>
                                    </div>
                                    <div class="details-item">
                                        
                                    </div>
                                    <div class="details-item">
                                        
                                    </div>
                                </div>

                                
                                <hr>
                                <h5 class="order-text">Order Summary</h5>
                                <div class="table-bordered no-pagination">
                                    <table class="table  datanew">
                                        <thead>
                                            <tr>
                                                <th>Sr.No</th>
                                                <th>Product Name</th>
                                                <th>Variant Name</th>
                                                <th>Warehouse</th>
                                                <th>Roll No</th>
                                                <th>Cutting Done</th>
                                                <th>Quantity</th>
                                                <th>Price</th>
                                                <th>Labour</th>
                                                <th>Discount(%)</th>
                                                <th>Total</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $i=1; @endphp
                                            @foreach($response['order_items'] as $row )
                                            <tr>
                                                <td>{{ $i++}}</td>
                                                <td>{{ $row->product_name}}</td>
                                                <td>{{ $row->varient_code}}-{{ $row->varient_name}}</td>
                                                <td>{{ $row->warehouse_name}}</td>
                                                  <td>{{ $row->roll_no}}</td>
                                                 <td>
                                                  {{ $row->installer_status == 'Cutting Done' ? 'Yes' : 'No' }}
                                                </td>
                                                <td>{{ $row->quantity}}</td>
                                                <td>₹ {{ round($row->price,2)}}</td>
                                                <td>₹ {{ $row->labour_rate ?? 0}}</td>
                                                <td>{{ $row->item_discount ?? 0}}%</td>
                                                <td>₹ {{ $row->total}}</td>
                                            </tr>
                                         @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            
                            <div class="row">
                                
                                <div class="row">
                                    <div class="col-lg-6 ms-auto">
                                        <div class="total-order w-100 max-widthauto m-auto mb-4">
                                            <ul>
                                                <li>
                                                    <h4> Item Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->order_amount }}</h5>
                                                </li>
                                                <li>
                                                    <h4> Discount Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->discount }}</h5>
                                                </li>
                                               
                                                <li>
                                                     <h4> Sub Total</h4>
                                                     <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->subtotal}}</h5>
                                                 </li>
                                                 

                                                  @if($response['order_details']->forwarding_amount > 1)
                                                <li>
                                                    <h4>Forwarding</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->forwarding_amount}}</h5>
                                                </li>
                                                @endif
                                                <li>
                                                    <h4> Labour Charges</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->labour_charges}}</h5>
                                                </li>
                                                
                                                 
                                                <li>
                                                    <h4>GST (Item+Labour+Forwarding)</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->subtotal_ex_gst }}</h5>
                                                </li>
            
                                                <li>
                                                    <h4>Grand Total</h4>
                                                    <h5  class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->grandtotal }}</h5>
                                                </li>
                                                
                                            </ul>
                                          
                                        </div>

                                        
                                     <!-- @if(in_array($response['order_details']->status, ['Ordered', 'Measurement', 'Cutting Done','Payment Done','Packed']))
                                        <a href="javascript:void(0)" 
                                        class="btn btn-danger cancel-order-btn" 
                                        data-order-id="{{$response['order_details']->order_id }}" 
                                        data-order-code="{{ $response['order_details']->order_code }}" 
                                        style="float:right">
                                        Cancel Order
                                        </a>
                                      @endif -->
                                        <br> <br>
                                        <!-- <a href="javascript:void(0)" 
                                         class="btn btn-primary cut-roll-btn" 
                                                style="float:right; cursor: pointer;"  
                                                data-order-id="{{ $response['order_details']->order_id }}" 
                                                data-bs-toggle="modal" 
                                                data-bs-target="#cutRollModal">
                                        Cut the material
                                        </a> -->
                                            
                                            

                                    

                                     @if($response['order_details']->refund_status == 0  && $response['order_details']->status === 'Cancelled' &&  $response['order_details']->refund_status != 1 && in_array($response['order_details']->payment_status, ['Paid', 'Partially Paid']))
                                      <a href="javascript:void(0)" 
                                        class="btn btn-danger refund-order-btn" 
                                        data-order-id="{{ $response['order_details']->order_id }}" 
                                        data-order-code="{{ $response['order_details']->order_code }}" 
                                        data-receipt-id="{{ $response['order_receipt']->id }}" 
                                        data-refund-amount="{{ $response['order_receipt']->paid_amount }}"
                                        style="float:right">
                                        Refund
                                        </a>
                                        @endif


                                    </div>
                                    <div class="d-flex flex-wrap gap-2 mb-3">
                                            @php
                                                $orderStatus = $response['order_details']->status;
                                                $paymentStatus = $response['order_details']->payment_status;
                                                $refundStatus = $response['order_details']->refund_status;
                                                $orderId = $response['order_details']->order_id;
                                                $orderCode = $response['order_details']->order_code;
                                            @endphp

                                            {{-- ✅ Only show buttons if not Cancelled --}}
                                            @if($orderStatus !== 'Cancelled')
                                                {{-- Receive Payment --}}
                                                @php
                                                    $buttonLabel = 'Receive Payment';
                                                    $buttonClass = 'btn btn-success btn-md';

                                                    if ($paymentStatus === 'Partially Paid') {
                                                        $buttonLabel = 'Partial Payment Done';
                                                        $buttonClass = 'btn btn-info btn-md';
                                                    } elseif ($paymentStatus === 'Paid') {
                                                        $buttonLabel = 'Payment Done';
                                                        $buttonClass = 'btn btn-danger btn-md';
                                                    }
                                                    if($orderStatus == 'Closed Order')
                                                        $disabled = 'disabled';
                                                @endphp
                                                @if(getUserType() == 1 || getUserType() == 3)
                                                <button
                                                    id="makePaymentBtn"
                                                    class="{{ $buttonClass }}"
                                                    data-bs-toggle="modal"
                                                    data-bs-target="#makePaymentModal"
                                                    {{ $paymentStatus === 'Paid' ? 'disabled title=Already Paid' : 'title=Receive Payment' }}
                                                    {{$disabled ??''}}
                                                    >
                                                    {{ $buttonLabel }}
                                                </button>
                                                @endif

                                                {{-- Cut The Material --}}
                                               @php
                                               $isCuttingDone = in_array($orderStatus, ['Closed Order','Cutting Done', 'Payment Done','Goods Return','Partially Refund','Full Refund']);
                                                @endphp
                                                @if(getUserType() == 1 || getUserType() == 6)
                                                    <button
                                                        class="btn btn-success btn-md cut-roll-btn"
                                                        data-order-id="{{ $orderId }}"
                                                        data-order-status="{{ $orderStatus }}"
                                                        {{ $isCuttingDone ? ' title=Cutting Done' : 'title=Click to cut the material' }}
                                                        {{ $isCuttingDone ? 'disabled' : '' }}
                                                        
                                                    >
                                                        {{ $isCuttingDone ? 'Cutting Done' : 'Cut The Material' }}
                                                    </button>
                                                @endif

                                                {{-- Generate Receipt --}}
                                                @if(in_array($paymentStatus, ['Partially Paid', 'Paid','Pending']))
                                                    {{-- Packed --}}
                                                         @if(getUserType() == 1 || getUserType() == 6)
                                                            <button
                                                                class="btn {{ $orderStatus === 'Packed' ? 'btn-danger' : 'btn-success' }} btn-md update-status-btn"
                                                                data-order-id="{{ $orderId }}"
                                                                data-new-status="Packed"
                                                                @if(in_array($orderStatus, ['Closed Order','Packed', 'Shipped', 'Delivered','Goods Return','Partially Refund','Full Refund']))
                                                                    disabled title="Already Packed or Beyond"
                                                                @else
                                                                    title="Mark as Packed"
                                                                @endif
                                                            >
                                                                {{ $orderStatus === 'Packed' ? 'Packed' : 'Mark as Packed' }}
                                                            </button>
                                                        @endif
                                                            {{-- Shipped --}}
                                                         @if(getUserType() == 1 || getUserType() == 6)
                                                            <button
                                                                class="btn {{ $orderStatus === 'Shipped' ? 'btn-danger' : 'btn-success' }} btn-md update-status-btn"
                                                                data-order-id="{{ $orderId }}"
                                                                data-new-status="Shipped"
                                                                @if(in_array($orderStatus, ['Closed Order','Shipped', 'Delivered','Goods Return','Partially Refund','Full Refund']))
                                                                    disabled title="Already Shipped or Beyond"
                                                                @elseif($orderStatus === 'Packed')
                                                                    title="Mark as Shipped"
                                                                @else
                                                                    disabled title="Pack First"
                                                                @endif
                                                            >
                                                                {{ $orderStatus === 'Shipped' ? 'Shipped' : 'Mark as Shipped' }}
                                                            </button>
                                                        @endif
                                                            {{-- Delivered --}}
                                                         @if(getUserType() == 1 || getUserType() == 6)
                                                            <button
                                                                class="btn {{ $orderStatus === 'Delivered' ? 'btn-danger' : 'btn-success' }} btn-md update-status-btn"
                                                                data-order-id="{{ $orderId }}"
                                                                data-new-status="Delivered"
                                                                @if($orderStatus === 'Delivered')
                                                                    disabled title="Already Delivered"
                                                                @elseif($orderStatus === 'Shipped')
                                                                    title="Mark as Delivered"
                                                                @else
                                                                    disabled title="Ship First"
                                                                @endif
                                                            >
                                                                {{ $orderStatus === 'Delivered' ? 'Delivered' : 'Mark as Delivered' }}
                                                            </button>
                                                        @endif
                                                @endif
                                               
                                                 @if(!empty($response['order_details']->bill_generate == 0))
                                                    @if(getUserType() == 1 || getUserType() == 3)
                                                    <a href="{{ url('generate-taxinvoice/' . $response['order_details']->order_id) }}" 
                                                    class="btn btn-success btn-md {{$orderStatus ==='Closed Order'?'disabled-link':''}}" target="_blank">
                                                        Generate Invoice
                                                    </a>
                                                    @endif
                                                @else
                                                    @if(getUserType() == 1 || getUserType() == 3)
                                                    <a href="{{ url('view-taxinvoice/' . $response['order_details']->order_id) }}" 
                                                    class="btn btn-danger btn-md {{$orderStatus ==='Closed Order'?'disabled-link':''}}" target="_blank">
                                                        View Tax Invoice
                                                    </a>
                                                    @endif
                                                @endif
                                                @if(getUserType() == 1 || getUserType() == 3)
                                                 @if($response['order_details']->payment_status != 'Pending' )
                                                 <a href="{{ url('generate-order-receipt/'.$orderId) }}" class="btn btn-success btn-md {{$orderStatus ==='Closed Order'?'disabled-link':''}}">
                                                    Generate Receipt
                                                </a>
                                                @endif
                                                @endif

                                                {{-- Cancel Order --}}
                                                @if(in_array($orderStatus, ['Ordered', 'Measurement', 'Cutting Done', 'Payment Done', 'Packed']))
                                                    @if(getUserType() == 1 || getUserType() == 3)    
                                                        <button class="btn btn-success btn-md cancel-order-btn"
                                                            data-order-id="{{ $orderId }}"
                                                            data-order-code="{{ $orderCode }}"
                                                            title="Cancel Order">
                                                            Cancel Order
                                                        </button>
                                                    @endif
                                                @endif

                                            @endif

                                            {{-- If Cancelled --}}
                                            @if($orderStatus === 'Cancelled' && $refundStatus != 1)
                                                <button class="btn btn-success btn-md" disabled>Order Cancelled</button>
                                            @endif

                                            {{-- Refund --}}
                                            @if($orderStatus === 'Cancelled' && $refundStatus == 0 && in_array($paymentStatus, ['Paid', 'Partially Paid']))
                                                <button class="btn btn-info btn-md refund-order-btn"
                                                    data-order-id="{{ $orderId }}"
                                                    data-order-code="{{ $orderCode }}"
                                                    data-receipt-id="{{ $response['order_receipt']->id }}"
                                                    data-refund-amount="{{ $response['order_receipt']->paid_amount }}">
                                                    Refund
                                                </button>
                                            @elseif($refundStatus == 1)
                                                <button class="btn btn-success btn-md" disabled>Refund Done</button>
                                            @endif
                                            @if(getUserType() == 1)
                                               @if($orderStatus === 'Delivered' && empty($refundDetails))
                                               <a href="{{ route('order_goods_return', request()->route('id')) }}" 
                                                    class="btn btn-success btn-md" onclick="return checkPassKey(this);" target="_blank">Goods Return</a>
                
                                               @endif
                                           @endif
                                           @if(getUserType() == 1)
                                                @php 
                                                if($orderStatus == 'Goods Return'){
                                                    $refundClass = 'btn-success';
                                                    $refundDisable = '';
                                                }
                                                if($orderStatus == 'Partially Refund'){
                                                    $refundClass = 'btn-info';
                                                    $refundDisable = '';
                                                }
                                                if($orderStatus == 'Full Refund'){
                                                    $refundClass = 'btn-danger';
                                                    $refundDisable = 'disabled';
                                                }
                                                @endphp
                                               @if($orderStatus === 'Goods Return' || $orderStatus == "Partially Refund" || $orderStatus === 'Full Refund')
                                                <button id="makeRefundPayment" class="btn {{$refundClass}}" {{$refundDisable}}>
                                                   Refund Amount
                                                </button>
                                               @endif
                                           @endif
                    
                                           @if(getUserType() == 1)
                                               @if($orderStatus === 'Full Refund' || $orderStatus == "Partially Refund" || $orderStatus === 'Goods Return')
                                               <a href="{{ url('generate-order-refund-receipt/'.$orderId) }}" onclick="return checkPassKey(this);" class="btn btn-success btn-md">
                                                    Generate Refund Receipt
                                                </a>
                                               @endif
                                           @endif
                                           @if(getUserType() == 1)
                                               @if($orderStatus === 'Delivered' || $orderStatus === 'Goods Return' || $orderStatus == "Partially Refund" || $orderStatus === 'Full Refund')
                                                <button id="closedOrder" data-order-id="{{ $orderId }}" class="btn btn-success">
                                                   Close Order
                                                </button>
                                               @endif
                                           @endif
                                           @if(getUserType() == 1)
                                               @if($orderStatus === 'Closed Order')
                                                <button id="unClosedOrder" data-order-id="{{ $orderId }}" class="btn btn-danger">
                                                   Unclose Order
                                                </button>
                                               @endif
                                           @endif
                                        </div>
                                        {{-- Message Container --}}
                                        <div id="message-container" class="mt-2 w-100"></div>
                                    
                                    
                                </div>
                                
                            </div>
                       
                    </div>
                </div>
                @if($orderStatus == 'Partially Refund' || $orderStatus == 'Full Refund' || $orderStatus == 'Goods Return')
                <!-- -----Refund Item Summery---- -->
                 <h5><strong>Refund Item Details</strong></h5><br>
                 <div class="card">
                    <div class="card-body">
                        <!-- <h5 class="order-text">Refund Item Details</h5> -->
                            <div class="table-bordered no-pagination">
                                <table class="table ">
                                    <thead>
                                        <tr>
                                            <th>Product Name</th>
                                            <th>Variant Name</th>
                                            <th>Warehouse</th>
                                            <th>Roll No</th>
                                            <th>Return Quantity</th>
                                            <th>Unit Price</th>
                                            <th>Labour</th>
                                            <th>Discount(%)</th>
                                            <th>Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       @php $allTotal = 0; @endphp
                                        @foreach($response['returnItems'] as $items)
                                        @php 
                                            $itemTotal = $items->total;
                                            $allTotal += $itemTotal;
                                            if($items->item_discount > 0){
                                                $discount = $itemTotal * $items->item_discount/100;
                                                $itemTotal -=$discount;
                                            }
                                            
                                        @endphp
                                        <tr>
                                            <td>{{ $items->product_name }}</td>
                                            <td>{{ $items->variant_name }}</td>
                                            <td>{{ $items->warehouse }}</td>
                                            <td>{{ $items->roll_no }}</td>
                                            <td>{{ $items->returned_qty }}</td>
                                            <td>{{ $items->price }}</td>
                                            <td>{{ $items->labour_rate }}</td>
                                            <td>{{ $items->item_discount }}</td>
                                            <td>{{ $itemTotal }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                              <div class="col-lg-6 ms-auto">
                                  <div class="total-order w-100 max-widthauto m-auto mb-4">
                                      <ul>
                                          <li>
                                              <h4>Refund Item Total</h4>
                                              <h5 class="text-center" style="margin-left: 95px;">₹ {{ $allTotal ?? 0 }}</h5>
                                          </li>
                                          <li>
                                              <h4>Refund Discount Total</h4>
                                              <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->discount_amount ?? 0}} </h5>
                                          </li>
                                          
                                          <li>
                                                  <h4>Refund Sub Total</h4>
                                                  <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->refund_subtotal}}</h5>
                                              </li>
                                              
      
                                             
                                          <li>
                                              <h4>Refund Forwarding</h4>
                                              <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->forwarding_amount}}</h5>
                                          </li>
                                         
                                          <li>
                                              <h4>Refund Labour Charges</h4>
                                              <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->labour_charges}}</h5>
                                          </li>
                                          
                                              
                                          <li>
                                              <h4>Refund GST (Item+Labour+Forwarding)</h4>
                                              <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->gst_amount }}</h5>
                                          </li>
                                          
                                          <li>
                                              <h4>Refund Grand Total</h4>
                                              <h5  class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->total_return_amount }}</h5>
                                          </li>
                                          
                                      </ul>
                                    </div>
                                </div>
                           
                        </div>
                     </div>
                @endif
                @if($orderStatus == 'Partially Refund' || $orderStatus == 'Full Refund' || $orderStatus == 'Goods Return')
                 <div class="mt-4">
                    <h5><strong>Refund Payment Details</strong></h5><br>
                  <table class="table table-bordered" id="refund_payment_summary">
                        <thead>
                            <tr>
                               <th>Refund Txn No</th>
                                <th>Calculated Refund</th>
                                <th>Amount Refunded</th>
                                <th>Remaining Refund Balance</th>
                                <th>Refund Date</th>
                                 <th>Payment Method</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($response['refundDetails'] as $refund)
                                
                                <tr>
                                    <td>{{ $refund->refund_reference_no }}</td>
                                    <td>₹ {{ number_format($refund->refund_amount + $refund->remaining_refund_amount, 2) }}</td>
                                    <td>₹ {{ number_format($refund->refund_amount, 2) }}</td>
                                    <td>₹ {{ number_format($refund->remaining_refund_amount, 2) }}</td>
                                    <td>{{ date('d-M-Y', strtotime($refund->refund_date)) }}</td>
                                    <td>
                                    {{ $refund->refund_mode }}

                                    @php
                                        $mode = trim($refund->refund_mode);
                                    @endphp

                                    @if($mode === 'Cheque')
                                        @if(!empty($refund->cheque_number))
                                            <br><strong>Cheque No:</strong> {{ $refund->cheque_number }}
                                        @endif

                                    @elseif($mode === 'Bank Transfer')
                                        @if(!empty($refund->bank_name))
                                            <br><strong>Bank Name:</strong> {{ $refund->bank_name }}
                                        @endif
                                        @if(!empty($refund->account_number))
                                            <br><strong>Account No:</strong> {{ $refund->account_number }}
                                        @endif
                                        @if(!empty($refund->ifsc_code))
                                            <br><strong>IFSC:</strong> {{ $refund->ifsc_code }}
                                        @endif

                                    @elseif($mode === 'Online')
                                        @if(!empty($refund->reference_id))
                                            <br><strong>Transaction ID:</strong> {{ $refund->reference_id }}
                                        @endif
                                    @endif
                                </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-danger">No refund payment summary found</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div> 
                @endif
                <!--  payment summery-->
             <div class="mt-4">
                    <h5><strong>Payment Summary</strong></h5><br>
                  <table class="table table-bordered" id="payment_summary">
                        <thead>
                            <tr>
                                <th>Receipt No</th>
                                <th>Total Amount</th>
                                <th>Paid Amount</th>
                                <th>Refunded Amount</th>
                                <th>Balance</th>
                                <th>Transaction Date</th>
                                 <th>Payment Method</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($response['payment_summary'] as $key => $payment)
                            @php 
                            if($key == 0)
                                $totalAMount = $payment->order_amount;
                            else
                                $totalAMount = $payment->pay_amount + $payment->remaining_amount;
                            @endphp
                            <tr>
                                    <td>{{ $payment->receipt_id }}</td>
                                    <td>₹ {{ number_format($totalAMount, 2) }}</td>
                                    <td>₹ {{ number_format($payment->pay_amount, 2) }}</td>
                                    <td>- ₹ {{ number_format($payment->refund_amount ?? 0, 2) }}</td>
                                    <td>₹ {{ number_format($payment->remaining_amount, 2) }}</td>
                                    <td>{{ date('d-M-Y', strtotime($payment->transaction_date)) }}</td>
                                    <td>
                                    {{ $payment->payment_mode }}

                                    @php
                                        $mode = trim($payment->payment_mode);
                                    @endphp

                                    @if($mode === 'Cheque')
                                        @if(!empty($payment->cheque_number))
                                            <br><strong>Cheque No:</strong> {{ $payment->cheque_number }}
                                        @endif

                                    @elseif($mode === 'Bank Transfer')
                                        @if(!empty($payment->bank_name))
                                            <br><strong>Bank Name:</strong> {{ $payment->bank_name }}
                                        @endif
                                        @if(!empty($payment->account_number))
                                            <br><strong>Account No:</strong> {{ $payment->account_number }}
                                        @endif
                                        @if(!empty($payment->ifsc_code))
                                            <br><strong>IFSC:</strong> {{ $payment->ifsc_code }}
                                        @endif

                                    @elseif($mode === 'Online')
                                        @if(!empty($payment->reference_id))
                                            <br><strong>Transaction ID:</strong> {{ $payment->reference_id }}
                                        @endif
                                    @endif
                                </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-danger">No payment summary found</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>

                </div> <br> 
            </div>
        </div>
    </div>
    
</div>





<div class="modal fade" id="cutRollModal" tabindex="-1" aria-labelledby="cutRollModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
     <div class="modal-header">
        <h5 class="modal-title" id="cutRollModalLabel">Cut Roll for Order</h5>
        <div class="d-flex align-items-center gap-2">
            <button id="cutAllRollsBtn" class="btn btn-sm btn-danger">Cut Selected Rolls</button>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        </div>

      <div class="modal-body">
        <table class="table table-bordered" id="roll_table">
            <thead>
              <tr>
                <th><input type="checkbox" id="selectAllRolls"></th>
                <th>Order Code</th>
                <th>Customer</th>
                <th>Product-Varient</th>
                <th>Roll No</th>
                <th>From Quantity</th>
                <th>Used</th>
                <th>Availability</th>
                <th>Cutting Done</th>
              </tr>
            </thead>
            <tbody id="rollTableBody">
              <tr>
                <td colspan="8" class="text-center">Loading data...</td>
              </tr>
            </tbody>
          </table>
        
      </div>
      
    </div>
  </div>
</div>

<div class="modal fade" id="refundPayment">
    <div class="modal-dialog modal-dialog-centered modal-xl custom-modal-two">
        <div class="modal-content">
            <div class="page-wrapper-new p-0">
                <div class="content">
                    <div class="modal-header border-0 custom-modal-header">
                        <div class="page-title">
                            <h4>Refund Payment</h4>
                        </div>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body custom-modal-body">
                        <form id="refundItemsPayment" method="post" enctype="multipart/form-data" action="{{ route('save_refund_payment')}}">
                            @csrf
                            <input type="hidden"  name="order_id" id="order_id" value="{{ $response['order_details']->order_id }}">
                            <input type="hidden"  name="items_ordered" id="items_ordered" value="{{ $response['orderItemscount']}}">
                           <div style="display:flex;justify-content: space-between" class="gap-3">
                            <div class="mb-3 w-50">
                                
                                <div class="mb-3 add-product">
								    <div class="add-newplus">
								    	<label class="form-label">Customers</label>
								    	<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-customers"><i data-feather="plus-circle" class="plus-down-add"></i><span>Add
								    		New</span></a>
								    </div>
									<select class="form-control customer-select" id="customer_name" name="customer_name" required>
                                        <option value="" disabled selected>Select a customer</option>
                                        @foreach($response['customers'] as $row)
                                             <option 
                                        value="{{ $row->id }}" 
                                        data-email="{{ $row->email }}" 
                                        data-phone="{{ $row->mobile }}"
                                        {{ $response['order_details']->customer_id == $row->id ? 'selected' : '' }}>
                                        {{ $row->customer_name }}
                                    </option>
                                        @endforeach 
                                    </select>

								</div>  
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer email</label>
                                <input type="email" name="customer_email" id="customer_email" class="form-control" value="{{ $response['order_details']->email }}">
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer phone</label>
                                <input type="text" name="customer_phone" value="{{ $response['order_details']->mobile }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57" id="customer_phone" class="form-control">
                            </div>
                        </div>
                        <div style="display:flex;justify-content: space-between" class="gap-3">
                            
                            <div class="mb-3 w-50">
                                <label class="form-label">Order Date</label>
                                <input type="date" name="order_date" id="order_date"  required value="{{ $response['order_details']->order_date }}" class="form-control" required>
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Total Amount to Refund</label>
                                <input type="text" name="total_amount" id="total_refund_amount" name="total_refund_amount" readonly value="{{ $response['refund_totals']->total_refund ?? 0 }}"  onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control">
                            </div>
                            <div class="mb-3 w-50">
                                    <label class="form-label">Refund Amount</label>
                                   <input type="text" name="refund_payment" id="refund_payment"
                                            placeholder="Enter Amount Refund"
                                            required
                                            value="{{ $response['refund_totals']->total_refund ?? 0 }}"
                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                            pattern="^\d+(\.\d{1,2})?$"
                                        >

                                    <small id="refund-amount-errorr" class="text-danger d-none">Refund Amount cannot be greater than total amount.</small>
                                </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Shipping address</label>
                                <textarea name="shipping_address" id="shipping_address"  class="form-control">{{ $response['order_details']->address }}</textarea>
                            </div>
                        </div>
                           
                        <div style="display:flex;justify-content: space-between" class="gap-3">
                            <div class="mb-3 w-50">
                                <label class="form-label">Payment Method</label>
                                <select name="refund_payment_method" class="form-control" id="refund_payment_method" required>
                                    <option value="">Select</option>
                                    <option value="Cash">Cash</option>
                                     <option value="Online">Online</option>
                                   <option value="Bank Transfer">Bank Transfer</option>
                                   <option value="Cheque">Cheque</option>
                                 
                                </select>
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Transaction date</label>
                                <input type="date" name="transaction_date" id="transaction_date" value="{{ date('Y-m-d')}}" class="form-control" required>
                            </div>
                         
                          
                        </div>
                        <div class="refund_cheque" style="display: none">
                            <div style="display:flex;justify-content: space-between" class="gap-3">
                       
                        <div class="mb-3 w-50">
                            <label class="form-label">Cheque Number</label>
                            <input type="text" name="cheque_number" id="cheque_number" class="form-control">
                        </div>
                    </div>
                        
                    </div>

                     <div class="refund_online" style="display: none">
                            <div style="display:flex;justify-content: space-between" class="gap-3">
                                <div class="mb-3 w-50">
                                    <label class="form-label">Transaction Id</label>
                                    <input type="text" name="reference_id" id="reference_id" class="form-control">
                                </div>
                           </div>
                    </div>


                            <div class="refund_bank_transfer" style="display: none">
                                <div style="display:flex;justify-content: space-between" class="gap-3">
                            <div class="mb-3 w-50">
                                <label class="form-label">Bank Name</label>
                                <!--<input type="text" name="bank_name" id="bank_name" class="form-control">-->
                                 <select name="refund_bank_name" class="form-control" id="refund_bank_name" >
                                    <option value="">Select Bank</option>
                                    @foreach($response['banks'] as $row)
                                    <option value="{{ $row->id}}">{{ $row->bank_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Bank Ac Number</label>
                                <input type="text" name="refund_account_number" id="refund_account_number" class="form-control" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                            </div>
                           <div class="mb-3 w-50">
                                <label class="form-label">IFSC Code</label>
                                <input type="text" name="refund_ifsc_code" id="refund_ifsc_code" class="form-control">
                            </div>
                            </div>
                           
                        </div>
                        
                          <div style="display:flex;justify-content: space-between" class="gap-3">
                                   
                    
                            <div class="mb-3 w-50">
                                <label class="form-label">Receipt Type</label>
                                <select name="refund_receipt_type" class="form-control" id="refund_receipt_type" required>
                                    <option value="Refund Bill">Refund Bill</option>
                                 
                                </select>
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Remark</label>
                                <input type="text" name="refund_remark" id="refund_remark" class="form-control">
                            </div>
                            <input type="hidden" name="sales_returns_id" value="{{$response['refund_totals']->sales_returns_id ?? 0}}">
                         
                        </div>
                        
                        <hr>
                        <h5 class="order-text">Order Summary</h5>
                                <div class="table-bordered no-pagination">
                                   <table class="table ">
                                    <thead>
                                        <tr>
                                            <th>Product Name</th>
                                            <th>Variant Name</th>
                                            <th>Warehouse</th>
                                            <th>Roll No</th>
                                            <th>Return Quantity</th>
                                            <th>Unit Price</th>
                                            <th>Labour</th>
                                            <th>Discount(%)</th>
                                            <th>Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       @php $allTotal = 0; @endphp
                                        @foreach($response['returnItems'] as $items)
                                        @php 
                                            $itemTotal = $items->total;
                                            $allTotal += $itemTotal;
                                            if($items->item_discount > 0){
                                                $discount = $itemTotal * $items->item_discount/100;
                                                $itemTotal -=$discount;
                                            }
                                            
                                        @endphp
                                        <tr>
                                            <td>{{ $items->product_name }}</td>
                                            <td>{{ $items->variant_name }}</td>
                                            <td>{{ $items->warehouse }}</td>
                                            <td>{{ $items->roll_no }}</td>
                                            <td>{{ $items->returned_qty }}</td>
                                            <td>{{ $items->price }}</td>
                                            <td>{{ $items->labour_rate }}</td>
                                            <td>{{ $items->item_discount }}</td>
                                            <td>{{ $itemTotal }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                    
                                </div>
                            </div>
                            <div class="row">
                                    <div class="col-lg-6 ms-auto">
                                        <div class="total-order w-100 max-widthauto m-auto mb-4">
                                            <ul>
                                                <li>
                                                    <h4>Refund Item Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $allTotal ?? 0 }}</h5>
                                                </li>
                                                <li>
                                                    <h4>Refund Discount Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->discount_amount ?? 0}} </h5>
                                                </li>
                                                
                                                <li>
                                                    <h4>Refund Sub Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->refund_subtotal ?? 0}}</h5>
                                                </li>
                                               <li>
                                                    <h4>Refund Forwarding</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->forwarding_amount ?? 0}}</h5>
                                                </li>
                                                
                                                <li>
                                                    <h4>Refund Labour Charges</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->labour_charges ?? 0}}</h5>
                                                </li>
                                                
                                                    
                                                <li>
                                                    <h4>Refund GST (Item+Labour+Forwarding)</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->gst_amount ?? 0}}</h5>
                                                </li>
                                                
                                                <li>
                                                    <h4>Refund Grand Total</h4>
                                                    <h5  class="text-center" style="margin-left: 95px;">₹ {{ $response['refund_totals']->total_return_amount ?? 0 }}</h5>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-4 p-3 bg-light rounded border">
                                    <h5 class="mb-3"><strong>Refund Payment Summary</strong></h5>

                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped mb-0">
                                            <thead class="table-dark text-center">
                                                <tr>
                                                    <th>Refund No</th>
                                                    <th>Paid Amount</th>
                                                    <th>Balance</th>
                                                    <th>Transaction Date</th>
                                                    <th>Payment Method</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($response['refundDetails'] as $refundPayment)
                                                
                                                    <tr>
                                                        <td>{{ $refundPayment->refund_reference_no }}</td>
                                                    
                                                        <td class="text-end">₹ {{ number_format($refundPayment->refund_amount, 2) }}</td>
                                                        <td class="text-end">₹ {{ number_format($refundPayment->remaining_refund_amount, 2) }}</td>
                                                    
                                                        <td>{{ date('d-M-Y', strtotime($refundPayment->created_at)) }}</td>
                                                        <td>
                                            {{ $refundPayment->refund_mode }}

                                            @php
                                                $mode = trim($refundPayment->refund_mode);
                                            @endphp

                                            @if($mode === 'Cheque')
                                                @if(!empty($refundPayment->cheque_number))
                                                    <br><strong>Cheque No:</strong> {{ $refundPayment->cheque_number }}
                                                @endif

                                            @elseif($mode === 'Bank Transfer')
                                                @if(!empty($refundPayment->bank_name))
                                                    <br><strong>Bank Name:</strong> {{ $refundPayment->bank_name }}
                                                @endif
                                                @if(!empty($refundPayment->account_number))
                                                    <br><strong>Account No:</strong> {{ $refundPayment->account_number }}
                                                @endif
                                                @if(!empty($refundPayment->ifsc_code))
                                                    <br><strong>IFSC:</strong> {{ $refundPayment->ifsc_code }}
                                                @endif

                                            @elseif($mode === 'Online')
                                                @if(!empty($refundPayment->reference_id))
                                                    <br><strong>Transaction ID:</strong> {{ $refundPayment->reference_id }}
                                                @endif
                                            @endif
                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="7" class="text-center text-danger">No payment summary found</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                          

                            <div class="modal-footer-btn" style="padding:20px;">
                                <button type="button" class="btn btn-cancel me-2" data-bs-dismiss="modal">Cancel</button>
                                <button type="submit" class="btn btn-submit" id="save-refund-amount">Save</button>
                            </div>
                        </form>

                     <br><br>

                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-order-reciept">
    <div class="modal-dialog modal-dialog-centered modal-xl custom-modal-two">
        <div class="modal-content">
            <div class="page-wrapper-new p-0">
                <div class="content">
                    <div class="modal-header border-0 custom-modal-header">
                        <div class="page-title">
                            <h4>Add order reciept</h4>
                        </div>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body custom-modal-body">
                        <form id="myForm" enctype="multipart/form-data" >
                            @csrf

                            <input type="hidden"  name="order_id" id="order_id" value="{{ $response['order_details']->order_id }}">
                            <input type="hidden"  name="items_ordered" id="items_ordered" value="{{ $response['orderItemscount']}}">
                           <div style="display:flex;justify-content: space-between" class="gap-3">
                            <div class="mb-3 w-50">
                                
                                <div class="mb-3 add-product">
								    <div class="add-newplus">
								    	<label class="form-label">Customers</label>
								    	<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-customers"><i data-feather="plus-circle" class="plus-down-add"></i><span>Add
								    		New</span></a>
								    </div>
									<select class="select customer-select" id="customer_name" name="customer_name" required>
                                        <option value="" disabled selected>Select a customer</option>
                                        @foreach($response['customers'] as $row)
                                             <option 
                                        value="{{ $row->id }}" 
                                        data-email="{{ $row->email }}" 
                                        data-phone="{{ $row->mobile }}"
                                        {{ $response['order_details']->customer_id == $row->id ? 'selected' : '' }}>
                                        {{ $row->customer_name }}
                                    </option>
                                        @endforeach 
                                    </select>

								</div>  
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer email</label>
                                <input type="email" name="customer_email" id="customer_email" class="form-control" value="{{ $response['order_details']->email }}">
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer phone</label>
                                <input type="text" name="customer_phone" value="{{ $response['order_details']->mobile }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57" id="customer_phone" class="form-control">
                            </div>
                        </div>
                        <div style="display:flex;justify-content: space-between" class="gap-3">
                            
                            <div class="mb-3 w-50">
                                <label class="form-label">Order Date</label>
                                <input type="date" name="order_date" id="order_date"  required value="{{ $response['order_details']->order_date }}" class="form-control" required>
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Total amount</label>
                                <input type="text" name="total_amount" id="total_amount"  readonly value="{{ $response['order_details']->grandtotal }}"  onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control">
                            </div>
                            <div class="mb-3 w-50">
                                    <label class="form-label">Amount Received</label>
                                   <input type="text" name="pay_amount" id="pay_amount"
                                            placeholder="Enter Amount Received"
                                            required
                                            class="form-control"
                                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1'); checkPayAmountValidity();"
                                            pattern="^\d+(\.\d{1,2})?$"
                                        >

                                    <small id="amount-error" class="text-danger d-none">Amount Received cannot be greater than remaining amount.</small>
                                </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Shipping address</label>
                                <textarea name="shipping_address" id="shipping_address"  class="form-control">{{ $response['order_details']->address }}</textarea>
                            </div>
                        </div>
                           
                        <div style="display:flex;justify-content: space-between" class="gap-3">
                           
                          
                            <div class="mb-3 w-50">
                                <label class="form-label">Payment Method</label>
                                <select name="payment_method" class="form-control" id="payment_method" required>
                                    <option value="">Select</option>
                                    <option value="Cash">Cash</option>
                                     <option value="Online">Online</option>
                                   <option value="Bank Transfer">Bank Transfer</option>
                                   <option value="Cheque">Cheque</option>
                                 
                                </select>
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Transaction date</label>
                                <input type="date" name="transaction_date" id="store_transaction_date" value="{{ date('Y-m-d')}}" class="form-control" required>
                            </div>
                         
                          
                        </div>
                        
                       

                       

                        <div class="cheque" style="display: none">
                            <div style="display:flex;justify-content: space-between" class="gap-3">
                       
                        <div class="mb-3 w-50">
                            <label class="form-label">Cheque Number</label>
                            <input type="text" name="cheque_number" id="cheque_number" class="form-control">
                        </div>

                         <!-- <div class="mb-3 w-50">
                            <label class="form-label">Cheque Date</label>
                            <input type="date" name="cheque_date" id="cheque_date" class="form-control">
                        </div> -->
                      
                        </div>
                        
                    </div>

                     <div class="online" style="display: none">
                            <div style="display:flex;justify-content: space-between" class="gap-3">
                                <div class="mb-3 w-50">
                                    <label class="form-label">Transaction Id</label>
                                    <input type="text" name="reference_id" id="reference_id" class="form-control">
                                </div>
                           </div>
                    </div>


                            <div class="bank_transfer" style="display: none">
                                <div style="display:flex;justify-content: space-between" class="gap-3">
                            <div class="mb-3 w-50">
                                <label class="form-label">Bank Name</label>
                                <!--<input type="text" name="bank_name" id="bank_name" class="form-control">-->
                                 <select name="bank_name" class="form-control" id="bank_name" >
                                    <option value="">Select Bank</option>
                                    @foreach($response['banks'] as $row)
                                    <option value="{{ $row->id}}">{{ $row->bank_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Bank Ac Number</label>
                                <input type="text" name="account_number" id="account_number" class="form-control" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                            </div>
                           <div class="mb-3 w-50">
                                <label class="form-label">IFSC Code</label>
                                <input type="text" name="ifsc_code" id="ifsc_code" class="form-control">
                            </div>
                            </div>
                           
                        </div>
                        
                          <div style="display:flex;justify-content: space-between" class="gap-3">
                                   
                    
                            <div class="mb-3 w-50">
                                <label class="form-label">Receipt Type</label>
                                <select name="receipt_type" class="form-control" id="receipt_type" required>
                                    <option value="">Select</option>
                                    <option value="Order Bills">Order Bills</option>
                                 
                                </select>
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Remark</label>
                                <input type="text" name="remark" id="remark" class="form-control">
                            </div>
                         
                        </div>
                        
                        <hr>
                        <h5 class="order-text">Order Summary</h5>
                                <div class="table-bordered no-pagination">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Sr.No</th>
                                                <th>Product Name</th>
                                                <th>Variant Name</th>
                                                <th>Warehouse</th>
                                                <th>Roll No</th>
                                                <th>Quantity</th>
                                                <th>Price</th>
                                                 <th>Labour</th>
                                                 <th>Discount(%)</th>
                                                 <th>Total</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $i=1; @endphp
                                            @foreach($response['order_items'] as $row )
                                            <tr>
                                                <td>{{ $i++}}</td>
                                                <td>{{ $row->product_name}}</td>
                                                <td>{{ $row->varient_code}}-{{ $row->varient_name}}</td>
                                                <td>{{ $row->warehouse_name}}</td>
                                                <td>{{ $row->roll_no}}</td>
                                                <td>{{ $row->quantity}}</td>
                                                <td>₹ {{ round($row->price,2)}}</td>
                                                <td>₹ {{ $row->labour_rate ?? 0 }}</td>
                                                <td> {{ $row->item_discount ?? 0 }}%</td>
                                                 <td>₹ {{ $row->total}}</td>
                                            </tr>
                                         @endforeach
                                        </tbody>
                                    </table>
                                    
                                </div>
                            </div>
                            
                            
                                
                                <div class="row">
                                    <div class="col-lg-6 ms-auto">
                                        <div class="total-order w-100 max-widthauto m-auto mb-4">
                                            <ul>
                                                <li>
                                                    <h4> Item Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->order_amount }}</h5>
                                                </li>
                                                <li>
                                                    <h4> Discount Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->discount }}</h5>
                                                </li>
                                               
                                                <li>
                                                     <h4> Sub Total</h4>
                                                     <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->subtotal}}</h5>
                                                 </li>
                                                 

                                                  @if($response['order_details']->forwarding_amount > 1)
                                                <li>
                                                    <h4>Forwarding</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->forwarding_amount}}</h5>
                                                </li>
                                                @endif
                                                <li>
                                                    <h4> Labour Charges</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->labour_charges}}</h5>
                                                </li>
                                                
                                                 
                                                <li>
                                                    <h4>GST (Item+Labour+Forwarding)</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->subtotal_ex_gst }}</h5>
                                                </li>
                                               
                                                <li>
                                                    <h4>Grand Total</h4>
                                                    <h5  class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->grandtotal }}</h5>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            

                          

                            <div class="modal-footer-btn" style="padding:20px;">
                                <button type="button" class="btn btn-cancel me-2" data-bs-dismiss="modal">Cancel</button>
                                <button type="submit" class="btn btn-submit" id="save-reciept-btn">Save</button>
                            </div>
                        </form>

                     <br><br>

                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Add Customers -->
<div class="modal fade" id="add-customers">
		<div class="modal-dialog modal-dialog-centered modal-xl custom-modal-two">
			<div class="modal-content">
				<div class="page-wrapper-new p-0">
					<div class="content">
						<div class="modal-header border-0 custom-modal-header">
							<div class="page-title">
								<h4>Add New Customer</h4>
							</div>
							<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body custom-modal-body">
							<form  action="{{ route('save_customer')}}" id="myForm" method="post" enctype="multipart/form-data">
								@csrf
                                <div class="accordion-body">
										
										<div class="row">
											<div class="col-lg-3 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Customer ID</label>
													<input type="text" name="customer_id" class="form-control" value="{{ $response['newCustomerId']}}" readonly  required>
												</div>
											</div>
											<div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Customer Name</label>
													<input type="text" name="customer_name" class="form-control" placeholder="Enter Customer Name" required>
												</div>
											</div>
												<div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Profile Image</label>
													<input type="file" name="profile" class="form-control" accept=".png,.jpg,.jpeg">
												</div>
											</div>
                                            <div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Customer Type</label>
                                                    <select class="form-control" name="customer_type" id="customer_type" required>
                                                        <option value="">Select Type</option>
                                                        <option value="Retail">Retail</option>
                                                        <option value="Wholesale">Wholesale</option>
                                                    </select>
												</div>
											</div>
											
											<div class="col-lg-4 col-sm-6 col-12" style="display:none;" id="customer_discount">
												<div class="mb-3 add-product">
													<label class="form-label">Customer Discount</label>
													<input type="text" name="customer_discount" class="form-control" placeholder="Enter Customer Discount in %" >
												</div>
											</div>
											
                                            <div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Contact Person</label>
													<input type="text" name="contact_person" class="form-control" placeholder="Enter Contact Person" required>
												</div>
											</div>
                                        
										<div class="row">
											<div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">GST</label>
													<div class="d-flex align-items-center">
														<div class="form-check me-4">
															<input type="radio" name="gst" id="gst-yes" value="Yes" class="form-check-input">
															<label for="gst-yes" class="form-check-label">Yes</label>
														</div>
														<div class="form-check">
															<input type="radio" name="gst" id="gst-no" value="No" class="form-check-input">
															<label for="gst-no" class="form-check-label">No</label>
														</div>
													</div>
												</div>
											</div>
											
											<div class="col-lg-3 col-sm-6 col-12" id="gst_no" style="display: none">
												<div class="mb-3 add-product">
													<label class="form-label">GST No</label>
													<input type="text" name="gst_no" class="form-control" placeholder="Enter GST No" id="myTextbox" >
												</div>
											</div>
											<div class="col-lg-3 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">MSME</label>
													<input type="text" name="msme" class="form-control" placeholder="Enter MSME" required>
												</div>
											</div>
										</div>
											
										</div>

										<div class="row">
											<div class="col-lg-2 col-sm-6 col-12">
												<div class="input-blocks add-product list">
													<label class="form-label">Telephone code</label>
													<input type="text" class="form-control list" name="code"  placeholder="Enter Code" required onkeypress="return event.charCode >= 48 && event.charCode <= 57">
													
												</div>
											</div>
											
											<div class="col-lg-5 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Phone1</label>
													<input type="text" name="phone1" class="form-control" placeholder="Enter Phone1" required onkeypress="return event.charCode >= 48 && event.charCode <= 57">
												</div>
											</div>
											<div class="col-lg-5 col-sm-6 col-12">
												<div class="input-blocks add-product list">
													<label class="form-label">Phone2</label>
													<input type="text" name="phone2" class="form-control list" placeholder="Enter Phone2" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
													
												</div>
											</div>
											
										</div>

                                        <div class="row">
                                            <div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Mobile No</label>
													<input type="text" name="mobile_no" class="form-control list" placeholder="Enter Mobile No" onkeypress="return event.charCode >= 48 && event.charCode <= 57 && this.value.length < 10">

												</div>
											</div>
                                            <div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Fax No</label>
													<input type="text" name="fax" class="form-control list" placeholder="Enter Fax No" onkeypress="return event.charCode >= 48 && event.charCode <= 57">

												</div>
											</div>
                                            <div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">Email</label>
													<input type="email" name="email" class="form-control list" placeholder="Enter Email" id="email" required><small id="email-error" style="color: red; display: none;">This email is already registered!</small>

												</div>
											</div>
                                        </div>

										

										<!-- Editor -->
                                        <div class="col-lg-12">
                                            <div class="input-blocks summer-description-box transfer mb-3">
                                                <label>Address</label>
                                                <textarea class="form-control h-100" rows="5" name="address" placeholder="Enter Address"></textarea>
                                                
                                            </div>
                                        </div>
                                        <div class="row">
											<div class="col-lg-4 col-sm-6 col-12">
												<div class="mb-3 add-product">
													<label class="form-label">City</label>
													<input type="text" name="city" class="form-control" placeholder="Enter City">
												</div>
											</div>
											<div class="col-lg-4 col-sm-6 col-12">
												<div class="input-blocks add-product list">
													<label>State</label>
													<input type="text" name="state" class="form-control list" placeholder="Enter State">
													
												</div>
											</div>
											<div class="col-lg-4 col-sm-6 col-12">
												<div class="input-blocks add-product list">
													<label>PIN Code</label>
													<input type="text" name="pincode" class="form-control list" placeholder="Enter PIN Code" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
													
												</div>
											</div>
											
										</div>
                                        <!-- /Editor -->
									</div>
                                    <div class="col-lg-12">
                                        <div class="btn-addproduct mb-4">
                                            <a href="{{ route('customers') }}" class="btn btn-cancel me-2">Cancel</a>
                                            <button type="submit" id="submitBtn" class="btn btn-submit">Save Customer</button><p id="message" style="color: red;">
                                        </div>
                                    </div>
						</form>
						</div>
					</div>
				</div>
			</div>
		</div>
</div>

<div class="modal fade" id="update-order-reciept">
    <div class="modal-dialog modal-dialog-centered modal-xl custom-modal-two">
        <div class="modal-content">
            <div class="page-wrapper-new p-0">
                <div class="content">
                    <div class="modal-header border-0 custom-modal-header">
                        <div class="page-title">
                            <h4>Update order reciept</h4>
                        </div>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body custom-modal-body">
                        <form  enctype="multipart/form-data" >
                            @csrf

                            <input type="hidden"  name="order_id" id="up_order_id" >
                          
                           
                           <div style="display:flex;justify-content: space-between" class="gap-3">
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer name</label>
                                 <input type="hidden" name="customer_id" id="hidden_customer_id"  class="form-control" readonly> 
                                 <select  id="up_customer_name" class="form-control" disabled>
                                    <option value="">Select Customer</option>
                                    @foreach($response['customers'] as $customer)
                                        <option value="{{ $customer->id }}">{{ $customer->customer_name }}</option>
                                    @endforeach
                                </select>
                                

                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer email</label>
                                <input type="email" name="customer_email" id="up_customer_email" class="form-control">
                            </div>
                            <div class="mb-3 w-50">
                                <label class="form-label">Customer phone</label>
                                <input type="text" name="customer_phone"  onkeypress="return event.charCode >= 48 && event.charCode <= 57" id="up_customer_phone" class="form-control">
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Order Date</label>
                                <input type="date" name="order_date" id="up_order_date"  readonly  class="form-control">
                            </div>
                          </div>
                         <div style="display:flex;justify-content: space-between" class="gap-3">
                            
                           
                            <div class="mb-3 w-50">
                                <label class="form-label">Total amount</label>
                                <input type="text" name="total_amount" id="up_total_amount"  readonly   onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control">
                            </div>
                            
                             <div class="mb-3 w-50">
                                <label class="form-label">Paid amount</label>
                                <input type="text" name="paid_amount" id="up_paid_amount"  readonly   onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control">
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Remaining amount</label>
                                <input type="text" name="remaining_amount" id="up_remaining_amount"  readonly   onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control">
                             </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Amount Received</label>
                                <input type="text" name="pay_amount" id="up_pay_amount"
                                    placeholder="Enter Amount Received"
                                    required
                                    class="form-control"
                                    oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1'); checkupPayAmountValidity();"
                                    pattern="^\d+(\.\d{1,2})?$"
                                >

                               <small id="up-amount-error" class="text-danger d-none">Pay amount cannot be greater than remaining amount.</small>
                             </div>
                            
                            
                             <div class="mb-3 w-50">
                                <label class="form-label">Shipping address</label>
                                <textarea name="shipping_address" id="up_shipping_address"  class="form-control"></textarea>
                              </div>
                              </div>
                           
                              <div style="display:flex;justify-content: space-between" class="gap-3">
                           
                          
                             <div class="mb-3 w-50">
                                <label class="form-label">Payment Method</label>
                                <select name="payment_method" class="form-control" id="up_payment_method" required>
                                    <option value="">Select</option>
                                    <option value="Cash">Cash</option>
                                   <option value="Online">Online</option>
                                    <option value="Bank Transfer">Bank Transfer</option>
                                   <option value="Cheque">Cheque</option>
                                 
                                </select>
                             </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Transaction date</label>
                                <input type="date" name="transaction_date" id="up_transaction_date" value="{{ date('Y-m-d')}}" class="form-control">
                             </div>
                            
                              </div>

                            <div class="cheque" style="display: none">
                                <div style="display:flex;justify-content: space-between" class="gap-3">
                        
                                 <div class="mb-3 w-50">
                                    <label class="form-label">Cheque Number</label>
                                    <input type="text" name="cheque_number" id="up_cheque_number" class="form-control">
                                 </div>
                                 <!-- <div class="mb-3 w-50">
                                    <label class="form-label">Cheque Date</label>
                                    <input type="date" name="cheque_date" id="up_cheque_date" class="form-control">
                                 </div> -->
                                </div>
                            </div>

                          <div class="online" style="display: none">
                              <div style="display:flex;justify-content: space-between" class="gap-3">
                                <div class="mb-3 w-50">
                                    <label class="form-label">Transaction Id</label>
                                    <input type="text" name="reference_id" id="up_reference_id" class="form-control">
                                </div>
                             </div>
                           </div>

                            <div class="bank_transfer" style="display: none">
                                <div style="display:flex;justify-content: space-between" class="gap-3">
                                    <div class="mb-3 w-50">
                                        <label class="form-label">Bank Name</label>
                                        <select name="bank_name" class="form-control" id="up_bank_name" >
                                            <option value="">Select</option>
                                            @foreach($response['banks'] as $row)
                                            <option value="{{ $row->id}}">{{ $row->bank_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="mb-3 w-50">
                                        <label class="form-label">Bank Ac Number</label>
                                        <input type="text" name="account_number" id="up_account_number" class="form-control" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                    </div>
                                    <div class="mb-3 w-50">
                                        <label class="form-label">IFSC Code</label>
                                        <input type="text" name="ifsc_code" id="up_ifsc_code" class="form-control">
                                    </div>
                                </div>
                            </div>

                         <div style="display:flex;justify-content: space-between" class="gap-3">
                                   
                    
                            <div class="mb-3 w-50">
                                <label class="form-label">Receipt Type</label>
                                <select name="receipt_type" class="form-control" id="up_receipt_type" required>
                                    <option value="">Select</option>
                                    <option value="Order Bills">Order Bills</option>
                                
                                  
                                 
                                </select>
                            </div>
                             <div class="mb-3 w-50">
                                <label class="form-label">Remark</label>
                                <input type="text" name="remark" id="up_remark" class="form-control">
                            </div>
                         
                         </div>

                         <hr>
                         <h5 class="order-text">Order Summary</h5>
                                <div class="table-bordered no-pagination">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Sr.No</th>
                                                <th>Product Name</th>
                                                <th>Variant Name</th>
                                                 <th>Warehouse</th>
                                                <th>Roll No</th>
                                                <th>Quantity</th>
                                                <th>Price</th>
                                                <th>Labour</th>
                                                <th>Discount(%)</th>
                                                <th>Total</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $i=1; @endphp
                                            @foreach($response['order_items'] as $row )
                                            <tr>
                                                <td>{{ $i++}}</td>
                                                <td>{{ $row->product_name}}</td>
                                                <td>{{ $row->varient_code}}-{{ $row->varient_name}}</td>
                                                <td>{{ $row->warehouse_name}}</td>
                                                <td>{{ $row->roll_no}}</td>
                                                <td>{{ $row->quantity}}</td>
                                                <td>₹ {{ round($row->price,2)}}</td>
                                                <td>₹ {{$row->labour_rate}}</td>
                                                <td>₹ {{$row->item_discount}}</td>
                                                <td>₹ {{ $row->price*$row->quantity}}</td>
                                            </tr>
                                         @endforeach
                                        </tbody>
                                    </table>
                                    
                                </div>
                             </div>
                            
                            
                                
                                <div class="row">
                                    <div class="col-lg-6 ms-auto">
                                        <div class="total-order w-100 max-widthauto m-auto mb-4">
                                            <ul>
                                            <li>
                                                    <h4> Item Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->order_amount }}</h5>
                                                </li>
                                                <li>
                                                    <h4> Discount Total</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->discount }}</h5>
                                                </li>
                                               
                                                <li>
                                                     <h4> Sub Total</h4>
                                                     <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->subtotal}}</h5>
                                                 </li>
                                                 

                                                  @if($response['order_details']->forwarding_amount > 1)
                                                <li>
                                                    <h4>Forwarding</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->forwarding_amount}}</h5>
                                                </li>
                                                @endif
                                                <li>
                                                    <h4> Labour Charges</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->labour_charges}}</h5>
                                                </li>
                                                
                                                 
                                                <li>
                                                    <h4>GST (Item+Labour+Forwarding)</h4>
                                                    <h5 class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->subtotal_ex_gst }}</h5>
                                                </li>
                                               
                                                <li>
                                                    <h4>Grand Total</h4>
                                                    <h5  class="text-center" style="margin-left: 95px;">₹ {{ $response['order_details']->grandtotal }}</h5>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            

                          

                             <div class="modal-footer-btn" style="padding:20px;">
                                <button type="button" class="btn btn-cancel me-2" data-bs-dismiss="modal">Cancel</button>
                                <button type="submit" class="btn btn-submit " id="update-payment">Update</button>
                             </div>
                        </form>
                        
                        <br><br>

                        <div class="mt-4 p-3 bg-light rounded border">
                            <h5 class="mb-3"><strong>Payment Summary</strong></h5>

                            <div class="table-responsive">
                                <table class="table table-bordered table-striped mb-0">
                                    <thead class="table-dark text-center">
                                        <tr>
                                            <th>Receipt No</th>
                                        
                                            <th>Total Amount</th>
                                            <th>Paid Amount</th>
                                            <th>Refunded Amount</th>
                                            <th>Balance</th>
                                            <th>Transaction Date</th>
                                            <th>Payment Method</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($response['payment_summary'] as $key=> $payment)
                                            @php 
                                            if($key == 0)
                                                $totalAMount = $payment->order_amount;
                                            else
                                                $totalAMount = $payment->pay_amount + $payment->remaining_amount;
                                            @endphp
                                           
                                            <tr>
                                                <td>{{ $payment->receipt_id }}</td>
                                            
                                                <td class="text-end">₹ {{ number_format($totalAMount, 2) }}</td>
                                                <td class="text-end">₹ {{ number_format($payment->pay_amount, 2) }}</td>
                                                <td class="text-end">- ₹ {{ number_format($payment->refund_amount ?? 0, 2) }}</td>
                                                <td class="text-end">₹ {{ number_format($payment->remaining_amount, 2) }}</td>
                                                <td>{{ date('d-M-Y', strtotime($payment->transaction_date)) }}</td>
                                                <td>
                                    {{ $payment->payment_mode }}

                                    @php
                                        $mode = trim($payment->payment_mode);
                                    @endphp

                                    @if($mode === 'Cheque')
                                        @if(!empty($payment->cheque_number))
                                            <br><strong>Cheque No:</strong> {{ $payment->cheque_number }}
                                        @endif

                                    @elseif($mode === 'Bank Transfer')
                                        @if(!empty($payment->bank_name))
                                            <br><strong>Bank Name:</strong> {{ $payment->bank_name }}
                                        @endif
                                        @if(!empty($payment->account_number))
                                            <br><strong>Account No:</strong> {{ $payment->account_number }}
                                        @endif
                                        @if(!empty($payment->ifsc_code))
                                            <br><strong>IFSC:</strong> {{ $payment->ifsc_code }}
                                        @endif

                                    @elseif($mode === 'Online')
                                        @if(!empty($payment->reference_id))
                                            <br><strong>Transaction ID:</strong> {{ $payment->reference_id }}
                                        @endif
                                    @endif
                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="text-center text-danger">No payment summary found</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <br>

                        
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="add-installer">
    <div class="modal-dialog modal-dialog-centered modal-sm custom-modal-two">
        <div class="modal-content">
            <div class="page-wrapper-new p-0">
                <div class="content">
                    <div class="modal-header border-0 custom-modal-header">
                        <div class="page-title">
                            <h4>Add Installer</h4>
                        </div>
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body custom-modal-body">
                        <form id="myForminstaller" enctype="multipart/form-data" >
                            @csrf

                           
                           <input type="hidden" name="order_ins_id" id="order_ins_id" value="{{ $response['order_details']->order_id }}">
                            <div class="col-md-12">
                                <label class="form-label">Installer</label>
                               
                              <select name="installer_id" class="form-control" id="installer_id" required>
                                <option value="">Select</option>
                                @foreach($response['installer'] as $row)
                                    <option value="{{ $row->id }}"
                                        {{ isset($response['order_details']->installer_id) && $response['order_details']->installer_id == $row->id ? 'selected' : '' }}>
                                        {{ $row->full_name }}
                                    </option>
                                @endforeach
                            </select>

                            </div>
                            
                       
                        
                                
                            </div>
                            
                            <div class="modal-footer-btn" style="padding:20px;">
                                <button type="button" class="btn btn-cancel me-2" data-bs-dismiss="modal">Cancel</button>
                                <button type="submit" class="btn btn-submit">Save</button>
                            </div>
                        </form>
                        <br><br>
                    </div>
                </div>
            </div>
        </div>
</div>

@include('layouts.footer')
<script>
		$('#customer_type').on('change', function() {
		  var type = $('#customer_type').val();
		    if(type == 'Wholesale'){
				$('#customer_discount').show();
			}else{
				$('#customer_discount').hide();
			}
		});
		$('input[name="gst"]').on('change', function () {
            if ($(this).val() === 'Yes') {
                $('#gst_no').show(); 
            } else {
                $('#gst_no').hide(); 
            }
        });
	</script>
<script> 
$(document).ready(function() {
    // console.log($('.customer-select').select2()); // Corrected line
    $('.customer-select').select2({
        placeholder: "Select a customer",
        allowClear: true
    });
    const checkOrderId = "{{$orderId}}";
    const checkOrderStatus = "{{$orderStatus}}";
    if(checkOrderId){
        $.ajax({
            url: `/get-order-mapping_rolls-admin/${checkOrderId}`,
            method: 'GET',
            dataType: 'json',
            success: function (data) {
                if (Array.isArray(data) && data.length > 0) {   
                    let hasPendingCut = false;
                    let NoPendingCut = false;
                    const rows = data.map(item => {
                        const isCuttingDone = item.installer_status && item.installer_status.trim() === 'Cutting Done' ? 'Yes' : 'No';
                        if (isCuttingDone === 'No') hasPendingCut = true;
                        if (isCuttingDone === 'Yes') NoPendingCut = true;
                        return;
                    }).join('');
                    if (hasPendingCut && NoPendingCut) {
                        // if(checkOrderStatus == 'Measurement' || checkOrderStatus == 'Delivered' || checkOrderStatus == 'Packed' || checkOrderStatus == 'Shipped'){
                            $('.cut-roll-btn').text("Partially Cutting Done");
                            $('.cut-roll-btn').addClass('btn-info')

                        // }
                        $('.cut-roll-btn').attr("disabled",false);
                    }else if(!hasPendingCut && NoPendingCut){
                        $('.cut-roll-btn').text("Cutting Done");  
                        $('.cut-roll-btn').attr("disabled",true); 
                        $('.cut-roll-btn').addClass('btn-danger') 
                    }
                } else {
                    
                }
            },
            error: function () {
                ;
            }
        });

    } 
});
 var mystatus='';
 
 if (mystatus === 'Shipped') {
    $('#transporterdata').show();
    $('#deliverydata').hide();
} else if (mystatus === 'Delivered') {
    $('#transporterdata').show();
    $('#deliverydata').show();
} else if (mystatus === 'Ordered' || mystatus === 'Packed' || mystatus === 'Measurement' || mystatus === 'Payment Done' || mystatus === 'Cutting Done') {
    $('#transporterdata').hide();
    $('#deliverydata').hide();
}  


document.getElementById('refund_payment_method').addEventListener('change', function () {
    let method = this.value;

    if(method == 'Online'){
        $('.refund_online').show();
        $('.refund_cheque').hide();
          $('.refund_bank_transfer').hide();
    }else if(method == 'Cheque'){
        $('.refund_online').hide();
        $('.refund_cheque').show();
        $('.refund_bank_transfer').hide();

    }else if(method == 'Bank Transfer'){
        $('.refund_bank_transfer').show();
        $('.refund_cheque').hide();
        $('.refund_online').hide();

    }else{
        $('.refund_online').hide();
        $('.refund_cheque').hide();
        $('.refund_bank_transfer').hide();
    }
});
document.getElementById('payment_method').addEventListener('change', function () {
    let method = this.value;

    if(method == 'Online'){
        $('.online').show();
        $('.cheque').hide();
          $('.bank_transfer').hide();
    }else if(method == 'Cheque'){
        $('.online').hide();
        $('.cheque').show();
        $('.bank_transfer').hide();

    }else if(method == 'Bank Transfer'){
        $('.bank_transfer').show();
        $('.cheque').hide();
        $('.online').hide();

    }else{
        $('.online').hide();
        $('.cheque').hide();
        $('.bank_transfer').hide();
    }
});

    document.getElementById('up_payment_method').addEventListener('change', function () {
        let upmethod = this.value;

        if(upmethod == 'Online'){
            $('.online').show();
            $('.cheque').hide();
            $('.bank_transfer').hide();
        }else if(upmethod == 'Cheque'){
            $('.online').hide();
            $('.cheque').show();
            $('.bank_transfer').hide();

        }else if(upmethod == 'Bank Transfer'){
            $('.bank_transfer').show();
            $('.cheque').hide();
            $('.online').hide();

        }else{
            $('.online').hide();
            $('.cheque').hide();
            $('.bank_transfer').hide();
        }
    });
    


 // Function to update the dropdown options
    function updateDropdown(currentStatus) {
        const statusDropdown = document.getElementById('order-status');
        const options = statusDropdown.options;

        // Status order array
        const statusOrder = ["Ordered", "Measurement", "Cutting Done", "Payment Done", "Packed", "Shipped", "Delivered"];

        let currentIndex = statusOrder.indexOf(currentStatus);

        // Disable the current status
        if (currentIndex !== -1) {
            options[currentIndex].disabled = true;
        }

        // Prevent selecting any previous status once moved forward
        statusDropdown.addEventListener('change', function () {
            let selectedIndex = statusOrder.indexOf(this.value);

            if (selectedIndex < currentIndex) {
                // Show SweetAlert and reset dropdown to the current status
                Swal.fire({
                    icon: 'warning',
                    title: 'Action Not Allowed',
                    text: 'You cannot select a previous status.',
                    confirmButtonText: 'OK'
                });

                this.value = currentStatus; // Reset dropdown to the current status
            }
        });
    }
 
 // Initialize the dropdown on page load
    document.addEventListener('DOMContentLoaded', function () {
        const currentStatus = "{{ $response['order_details']->status }}";
        updateDropdown(currentStatus);
    });





    function updatePaymentStatus(orderId) {
        //alert(orderId);
        $.ajax({
            url: "/get-order-details", 
            type: "GET",
            data: { order_id: orderId },
            success: function(response) {
                if (response.success) {
                    let data = response.data;
                    console.log(data.order_receipt)
                    // Populate modal fields
                    let total = parseFloat(data.order_receipt.total_amount) || 0;
                    let paid = parseFloat(data.order_receipt.paid_amount) || 0;
                    let remaining = parseFloat(data.order_receipt.remaining_amount);
                    $('#up_order_id').val(data.order_receipt.order_id);
                    $('#up_customer_name').val(data.order_receipt.customer_id).trigger('change');
                    $('#hidden_customer_id').val(data.order_receipt.customer_id);
                    $('#up_customer_email').val(data.order_receipt.customer_email);
                    $('#up_customer_phone').val(data.order_receipt.customer_phone);
                    $('#up_order_date').val(data.order_receipt.order_date);
                    $('#up_total_amount').val(data.order_receipt.total_amount);
                    $('#up_paid_amount').val(data.order_receipt.paid_amount);
                    $('#up_remaining_amount').val(remaining.toFixed(2));
                    $('#up_shipping_address').val(data.order_receipt.shipping_address);
                    $('#up_pay_status').val(data.order_transaction.payment_status).trigger('change');
                    $('#up_receipt_type').val(data.order_receipt.receipt_type);
                    
                    // Handle additional fields for online & cheque payments
                    if (data.order_transaction.payment_method === "Cheque") {
                        $('.cheque').show();
                        $('#up_cheque_number').val(data.order_transaction.cheque_number);
                    } else {
                        $('.cheque').hide();
                    }

                     if (data.order_transaction.payment_method === "Bank Transfer") {
                        $('.bank_transfer').show();
                        $('#up_bank_name').val(data.order_transaction.bank_name);
                        $('#up_account_number').val(data.order_transaction.account_number);
                        $('#up_ifsc_code').val(data.order_transaction.ifsc_code);
                    } else {
                        $('.bank_transfer').hide();
                    }

                    if (data.order_transaction.payment_method === "Online") {
                        $('.online').show();
                        $('#up_reference_id').val(data.order_transaction.reference_id);
                           
                    } else {
                        $('.online').hide();
                    }

                    // Show the modal
                    $('#update-order-reciept').modal('show');
                } else {
                // alert("Failed to fetch order details");
                }
            },
            error: function(xhr) {
                console.log(xhr.responseText);
            // alert("Error fetching order details");
            }
        });
    }


    $('#add-order-reciept').on('submit', function (event) {
        event.preventDefault(); 

        const order_id         = $('#order_id').val();
        const items_ordered    = $('#items_ordered').val();
        const customer_name    = $('#customer_name').val();
        const customer_email   = $('#customer_email').val();
        const customer_phone   = $('#customer_phone').val();
        const order_date       = $('#order_date').val();
        const total_amount     = $('#total_amount').val();
        const pay_amount     = $('#pay_amount').val();
        const shipping_address = $('#shipping_address').val();
        const payment_method   = $('#payment_method').val();
        const pay_status   = $('#pay_status').val();
        const transaction_date = $('#store_transaction_date').val();
        const receipt_type = $('#receipt_type').val();
        const remark = $('#remark').val();
        const total_amount_new = null;
        // console.log(transaction_date,"transaction_date");
        
        let bank_name = '';
        let account_number = '';
        let reference_id = '';
        let cheque_number = '';
        let cheque_date = '';
        let ifsc_code = '';

        if (payment_method === 'Online') {
            $('#bank_name').val('');
            $('#account_number').val('');
            $('#cheque_number').val('');
            $('#cheque_date').val('');
            $('#ifsc_code').val('');
            reference_id = $('#reference_id').val();

        } else if (payment_method === 'Cheque') {
            $('#bank_name').val('');  
            $('#account_number').val('');
            $('#reference_id').val('');
            $('#ifsc_code').val('');
        
            cheque_number = $('#cheque_number').val();
            cheque_date = $('#cheque_date').val();
        }else if (payment_method === 'Bank Transfer') {
            $('#reference_id').val('');
            $('#cheque_number').val('');
            $('#cheque_date').val('');
        
            bank_name = $('#bank_name').val();
            account_number = $('#account_number').val();
            ifsc_code = $('#ifsc_code').val();
        } else {
            $('#bank_name').val('');
            $('#account_number').val('');
            $('#reference_id').val('');
            $('#cheque_number').val('');
            $('#cheque_date').val('');
            $('#ifsc_code').val('');
            
        }
        
    

        $.ajax({
            url: '/store_order_reciept',
            method: 'POST',
            data: {
                order_id: order_id,
                items_ordered: items_ordered,
                customer_name: customer_name,
                customer_email: customer_email,
                customer_phone: customer_phone,
                order_date: order_date,
                total_amount: total_amount,
                pay_amount: pay_amount,
                remark: remark,
                shipping_address: shipping_address,
                payment_method: payment_method,
                pay_status: pay_status,
                bank_name: bank_name,
                account_number: account_number,
                ifsc_code: ifsc_code,
                transaction_date: transaction_date,
                reference_id: reference_id,
                cheque_number: cheque_number,
                cheque_date: cheque_date,
                receipt_type : receipt_type,
                total_amount_new:total_amount_new,
                _token: $('meta[name="csrf-token"]').attr('content')

            },
            success: function (response) {
                Swal.fire({
                    title: 'Success!',
                    text: response.message,
                    icon: 'success',
                    confirmButtonText: 'OK'
                }).then(() => {
                    $('#add-order-reciept').modal('hide');
                    $('#invdetail').load(window.location.href + ' #invdetail'); 
                    $('#payment_summary').load(window.location.href + ' #payment_summary'); 
                    location.reload();
                });
            
            },
            error: function (xhr, status, error) {
            
                Swal.fire({
                    title: 'Error!',
                    text: 'An error occurred while updating the status.',
                    icon: 'error',
                    confirmButtonText: 'OK'
                });
                
            }
        });
    });

    document.getElementById("myForm").addEventListener("submit", function(event) {
            let submitBtn = document.getElementById("save-reciept-btn");
            
            if (submitBtn.disabled) {
                event.preventDefault(); // Prevent form resubmission
                alert("Please wait, your info is submitted.");
            } else {
                submitBtn.disabled = true;
                submitBtn.innerText = "Submitting...";
            }
    });



    document.addEventListener("DOMContentLoaded", function () {
        let orderStatus = document.getElementById("order-status");
        let selectedValue = orderStatus.value;
        
        let options = Array.from(orderStatus.options);
        let disable = true;

        options.forEach((option) => {
            if (option.value === selectedValue) {
                disable = false; // Enable options from the selected value onward
            }
            option.disabled = disable;
        });
    });



 $('#update-order-reciept').on('submit', function (event) {
    event.preventDefault(); 

    const order_id         = $('#up_order_id').val();
    const customer_name    = $('#up_customer_name').val();
    const customer_email   = $('#up_customer_email').val();
    const customer_phone   = $('#up_customer_phone').val();
    const order_date       = $('#up_order_date').val();
    const total_amount     = $('#up_total_amount').val();
     const paid_amount     = $('#up_paid_amount').val();
    const remaining_amount = $('#up_remaining_amount').val();
    const pay_amount       = $('#up_pay_amount').val();
    const shipping_address = $('#up_shipping_address').val();
    const payment_method   = $('#up_payment_method').val();
    const pay_status       = $('#up_pay_status').val();
    const transaction_date = $('#up_transaction_date').val();
    const receipt_type    = $('#up_receipt_type').val();
    const remark          = $('#up_remark').val();
    
    
    
    let bank_name = '';
    let account_number = '';
    let reference_id = '';
    let cheque_number = '';
    let cheque_date = '';
    let ifsc_code = '';

    if (payment_method === 'Online') {
        $('#up_cheque_number').val('');
        $('#up_cheque_date').val('');
        $('#up_ifsc_code').val('');
        $('#up_bank_name').val('');
        $('#up_account_number').val('');
        reference_id = $('#up_reference_id').val();
    }else if (payment_method === 'Bank Transfer') {
            $('#up_reference_id').val('');
            $('#up_cheque_number').val('');
            $('#up_cheque_date').val('');
            bank_name = $('#up_bank_name').val();
            account_number = $('#up_account_number').val();
            ifsc_code = $('#up_ifsc_code').val();
        } else if (payment_method === 'Cheque') {
        $('#up_bank_name').val('');  
        $('#up_account_number').val('');
        $('#up_reference_id').val('');
        $('#up_ifsc_code').val('');
        cheque_number = $('#up_cheque_number').val();
        cheque_date = $('#up_cheque_date').val();
    } else {
        $('#up_bank_name').val('');
        $('#up_account_number').val('');
        $('#up_reference_id').val('');
        $('#up_cheque_number').val('');
        $('#up_ifsc_code').val('');
        $('#up_cheque_date').val('');
    }
    
  

    $.ajax({
        url: '/update_order_reciept',
        method: 'POST',
        data: {
             order_id : order_id,
            customer_name: customer_name,
            customer_email: customer_email,
            customer_phone: customer_phone,
            order_date: order_date,
            total_amount: total_amount,
            paid_amount: paid_amount,
            remaining_amount : remaining_amount,
            pay_amount : pay_amount,
            shipping_address: shipping_address,
            payment_method: payment_method,
            pay_status: pay_status,
            bank_name: bank_name,
            account_number: account_number,
            transaction_date: transaction_date,
            reference_id: reference_id,
            cheque_number: cheque_number,
            cheque_date: cheque_date,
            ifsc_code: ifsc_code,
            receipt_type : receipt_type,
            remark : remark,
            _token: $('meta[name="csrf-token"]').attr('content')

        },
        success: function (response) {
          //  console.log(response.message);
            
             //alert(response.message);

             Swal.fire({
                title: 'Success!',
                text: response.message,
                icon: 'success',
                confirmButtonText: 'OK'
            }).then(() => {
                $('#update-order-reciept').modal('hide');
                $('#invdetail').load(window.location.href + ' #invdetail'); 
              //   $('#all_buttons').load(window.location.href + ' #all_buttons'); 
                 location.reload();
                  // $('#payment_summary').load(window.location.href + ' #payment_summary'); 
            });

           
           
        },
        error: function (xhr, status, error) {
            Swal.fire({
                title: 'Error!',
                text: 'error in update order receipt.',
                icon: 'error',
                confirmButtonText: 'OK'
            });
               
            
        }
    });
 });


    $("#refundItemsPayment").on('submit',function(e){
        e.preventDefault();
        let form = this;
        let formData = new FormData(form); 
        $('#global-loader').show();
        $.ajax({
            url: form.action,
            method: form.method,
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                $('#global-loader').hide();
                successMessage("Refund Payment Successfully.","");
            },
            error: function(xhr) {
                $('#global-loader').hide();
                errorMessage();
            }
        });
    })
    $(document).on('submit', '#myForminstaller', function(e) {
        e.preventDefault(); // Prevent default form submission

        let formData = new FormData(this);

        $.ajax({
            url: "/update-order-installer", // Ensure the route is correct
            type: "POST",
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content") // CSRF Token
            },
            success: function(response) {
                if (response.success) {
                  Swal.fire({
                    icon: 'success',
                    title: 'Success',
                    text: response.message,
                    confirmButtonText: 'OK'
                }).then(() => {
                    location.reload(); // Reload page after success
                });
                   
                } else {
                    alert("Error: " + response.message);
                }
            },
            error: function(xhr, status, error) {
                console.log(xhr.responseText); // Log error response in console

                let errorMessage = "Something went wrong!";

                if (xhr.responseJSON && xhr.responseJSON.message) {
                    errorMessage = xhr.responseJSON.message;
                }

                alert("Error: " + errorMessage);
            }
        });
    });

       $('#customer_name').on('change', function () {
            var selected = $(this).find('option:selected');
            var email = selected.data('email');
            var phone = selected.data('phone');

            $('#customer_email').val(email);
            $('#customer_phone').val(phone);
       });
        // Trigger change on page load in case a customer is already selected
        $('#customer_name').trigger('change');
        
</script>

<script>
 $(document).on('click', '.cut-roll-btn', function () {
    const orderId = $(this).data('order-id');
    const orderStatus = $(this).data('order-status'); 
    const installerID = "{{$response['order_details']->installer_id ?? ''}}";
    if (!installerID) {
        Swal.fire({
            icon: 'warning',
            title: 'Action Not Allowed',
            text: 'Please assign the installer first.',
            confirmButtonText: 'OK'
        });
        return false; // Stop execution
    }
    // if (orderStatus !== 'Measurement') {
    //     $('#cutRollModal').modal('hide');
    //     Swal.fire({
    //         icon: 'warning',
    //         title: 'Action Not Allowed',
    //         text: 'Please assign the installer first.',
    //         confirmButtonText: 'OK'
    //     });
    //     exit(); // Stop execution
    // }
    // Open modal
    // Set loading state
    $('#rollTableBody').html('<tr><td colspan="8" class="text-center">Loading data...</td></tr>');
    // AJAX request to fetch data
    $.ajax({
        url: `/get-order-mapping_rolls-admin/${orderId}`,
        method: 'GET',
        dataType: 'json',
        success: function (data) {
            if (Array.isArray(data) && data.length > 0) {
                let hasPendingCut = false;
                const rows = data.map(item => {
                    const isCuttingDone = item.installer_status && item.installer_status.trim() === 'Cutting Done' ? 'Yes' : 'No';
                    if (isCuttingDone === 'No') hasPendingCut = true;
                    return `
                        <tr>
                            <td>
                            ${isCuttingDone === 'No' 
                                ? `<input type="checkbox" class="roll-checkbox" value="${item.roll_id}">` 
                                : ''}
                            </td>
                            <td>${item.order_code || 'N/A'}</td>
                            <td>${item.customer_name || 'N/A'}</td>
                            <td><b>${item.product_name || 'N/A'}</b><br>${item.varient_code || 'N/A'} - ${item.varient_name || 'N/A'}</td>
                            <td>${item.roll_id || 'N/A'}</td>
                            <td>${item.roll_quantity || 0}</td>
                            <td>${item.used_quantity || 0}</td>
                            <td>${item.available_quantity || 0}</td>
                            <td>${isCuttingDone}</td>
                            ${/* <td>
                                <span class="installer-status text-primary"
                                    data-roll-id="${item.roll_id}"
                                    data-order-id="${item.order_id}"
                                    data-status="${item.installer_status}">
                                    ${isCuttingDone}
                                </span>
                            </td>*/''}
                        </tr>
                    `;
                }).join('');

                $('#rollTableBody').html(rows);
                // Store data globally to access later
                $('#cutAllRollsBtn').data('order-id', data[0].order_id);
                $('#cutAllRollsBtn').data('rolls', data);
                if (hasPendingCut) {
                    $('#cutAllRollsBtn').show();
                    $('#cutRollModal').modal('show');
                } else {
                    $('#cutRollModal').modal('hide');
                    $('#cutAllRollsBtn').hide();
                }
            } else {
                $('#rollTableBody').html('<tr><td colspan="8" class="text-center">No data available</td></tr>');
                $('#cutAllRollsBtn').hide();
            }
        },
        error: function () {
            $('#rollTableBody').html('<tr><td colspan="8" class="text-center text-danger">Error fetching data</td></tr>');
        }
    });
});

$(document).on('change', '#selectAllRolls', function () {
    $('.roll-checkbox').prop('checked', this.checked);
});

$(document).on('click', '.installer-status', function () {
    let rollId = $(this).data('roll-id');
	let orderId = $(this).data('order-id');
    let currentStatus = $(this).data('status');

    if (currentStatus && currentStatus.trim() === 'Cutting Done') {
        Swal.fire({
            title: "Already Cut",
            text: "This roll is already cut.",
            icon: "info",
            confirmButtonText: "OK"
        });
        return;
    }
    Swal.fire({
        title: "Are you sure?",
        text: "Do you want to cut this roll?",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "Yes, cut it!"
    }).then((result) => {
        if (result.isConfirmed) {
            // Make AJAX request to update status
            $.ajax({
                url: "/update-roll-status-admin", 
                type: "POST",
                data: {
                    roll_id: rollId,
					order_id: orderId,
                    status: "Cutting Done", // New status
                    _token: $('meta[name="csrf-token"]').attr("content") // CSRF token
                },
                success: function (response) {
                    if (response.success) {
                        Swal.fire("Updated!", "The roll has been cut.", "success");
                        location.reload(); // Reload to update the table
                    } else {
                        Swal.fire("Error!", response.message, "error");
                    }
                },
                error: function () {
                    Swal.fire("Error!", "Something went wrong!", "error");
                }
            });
        }
    });
});

$(document).on('click', '#cutAllRollsBtn', function () {
    const orderId = $(this).data('order-id');

    const selectedRolls = $('.roll-checkbox:checked').map(function () {
        return $(this).val();
    }).get();

    if (selectedRolls.length === 0) {
        Swal.fire("Please select at least one roll!", "", "info");
        return;
    }

    Swal.fire({
        title: "Are you sure?",
        text: `You are about to cut ${selectedRolls.length} roll(s).`,
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "Yes, cut selected!"
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: "/cut-all-rolls-admin",
                type: "POST",
                data: {
                    order_id: orderId,
                    roll_ids: selectedRolls,
                    _token: $('meta[name="csrf-token"]').attr("content")
                },
                success: function (response) {
                    if (response.success) {
                        Swal.fire("Cut!", response.message, "success");
                        location.reload();
                    } else {
                        Swal.fire("Error!", response.message, "error");
                    }
                },
                error: function () {
                    Swal.fire("Error!", "Something went wrong!", "error");
                }
            });
        }
    });
});




</script>
<!-- ---Goods Return Modal----- -->
<!-- Refund Modal -->
<div class="modal fade" id="refundModal" tabindex="-1" aria-labelledby="refundModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <form id="refundForm">
      @csrf
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Process Refund</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body">
          <input type="hidden" name="order_receipt_id" id="order_receipt_id">
          <input type="hidden" name="order_id" id="order_id">

          <div class="form-group">
            <label for="refund_amount">Refund Amount</label>
            <input type="number" step="0.01" class="form-control" name="refund_amount" id="refund_amount" required>
          </div>

          <div class="form-group">
            <label for="refund_mode">Refund Mode</label>
            <select name="refund_mode" id="refund_mode" class="form-control" required>
              <option value="">Select Refund Mode</option>
             
              <option value="Cash">Cash</option>
              <option value="Bank Transfer">Bank Transfer</option>
            </select>
          </div>

          <div id="bank-details" style="display: none;">
            <div class="form-group">
              <label for="bank_name">Bank Name</label>
              <select name="bank_name" class="form-control">
                <option value="">Select Bank</option> 
                @foreach($response['banks'] as $row)
                  <option value="{{ $row->id }}">{{ $row->bank_name }}</option>
                @endforeach
              </select>
            </div>
            <div class="form-group">
              <label for="ifsc_code">IFSC Code</label>
              <input type="text" class="form-control" name="ifsc_code" id="ifsc_code">
            </div>
            <div class="form-group">
              <label for="account_number">Account Number</label>
              <input type="text" class="form-control" name="account_number" id="account_number">
            </div>
          </div>

          <div class="form-group">
            <label for="remark">Remark</label>
            <input type="text" class="form-control" name="remark" id="remark">
          </div>
        </div> <!-- END modal-body -->

        <div class="modal-footer">
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>

      </div> <!-- END modal-content -->
    </form>
  </div>
</div>




<script>
$(document).on('click', '.cancel-order-btn', function (e) {
    e.preventDefault();

    var orderId = $(this).data('order-id');
    var orderCode = $(this).data('order-code');

    Swal.fire({
        title: 'Are you sure you want to cancel this order?',
        html: `
            <p><strong>Order No:</strong> ${orderCode}</p>
            <textarea id="cancel-reason" class="swal2-textarea" placeholder="Enter cancellation reason"></textarea>
        `,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes, Cancel it',
        cancelButtonText: 'No, Keep it',
        preConfirm: () => {
            const reason = document.getElementById('cancel-reason').value;
            if (!reason.trim()) {
                Swal.showValidationMessage('Please enter a reason for cancellation');
            }
            return { reason: reason };
        }
    }).then((result) => {
        if (result.isConfirmed) {
            let reason = result.value.reason;
               const orderId = $(this).data('order-id'); 
            // Send AJAX POST request
            $.ajax({
                url: `/orders/${orderId}/cancel`,
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    cancel_reason: reason
                },
                success: function (response) {
                    
                   if (response.refund_required) {
                        // Show refund modal
                        $('#order_id').val(orderId);
                        $('#order_receipt_id').val(response.receipt_id);
                        $('#refund_amount').val(response.refund_amount);
                        $('#refundModal').modal('show');
                    } else {
                        Swal.fire('Cancelled!', response.message, 'success')
                            .then(() => location.reload());
                    }
                },
                error: function (xhr) {
                    Swal.fire('Error!', xhr.responseJSON?.message || 'Something went wrong', 'error');
                }
            });
        }
    });
});


    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
$(document).on('blur', "#refund_payment", function () {
    let total_refund_amount = parseFloat($("#total_refund_amount").val()) || 0;
    let refund_amount = parseFloat($(this).val()) || 0;
    // console.log(total_refund_amount, refund_amount);
    if (refund_amount != total_refund_amount) {
        Swal.fire({
            icon: 'error',
            title: 'Amount Should Be Equal',
            text: 'The refund amount should be equal to total refund amount.',
            confirmButtonColor: '#d33'
        }).then(() => {
            $(this).val(total_refund_amount);
        });
        return false; // stop further action
    }

});
$("#up_bank_name").on("change",function(){
    var id = $(this).val();
    if(id){
         $.ajax({
        url: '/get-bank-details/'+id,
        method: 'GET',
        success: function (res) {
            $("#up_account_number").val(res.data.account_number);
            $("#up_ifsc_code").val(res.data.ifsc_code);
        },
        error: function (xhr) {
            Swal.fire('Error', xhr.responseJSON?.message || 'Something went wrong', 'error');
        }
    });
    }
});
$("#bank_name").on("change",function(){
    var id = $(this).val();
    if(id){
         $.ajax({
        url: '/get-bank-details/'+id,
        method: 'GET',
        success: function (res) {
            $("#account_number").val(res.data.account_number);
            $("#ifsc_code").val(res.data.ifsc_code);
        },
        error: function (xhr) {
            Swal.fire('Error', xhr.responseJSON?.message || 'Something went wrong', 'error');
        }
    });
    }
});
$("#refund_bank_name").on("change",function(){
    var id = $(this).val();
    if(id){
         $.ajax({
        url: '/get-bank-details/'+id,
        method: 'GET',
        success: function (res) {
            $("#refund_account_number").val(res.data.account_number);
            $("#refund_ifsc_code").val(res.data.ifsc_code);
        },
        error: function (xhr) {
            Swal.fire('Error', xhr.responseJSON?.message || 'Something went wrong', 'error');
        }
    });
    }
});
$('#refundForm').on('submit', function (e) {
    e.preventDefault();

    const formData = $(this).serialize();

    $.ajax({
        url: '/orders/process-refund',
        method: 'POST',
        data: formData,
        success: function (res) {
            $('#refundModal').modal('hide');
            Swal.fire('Success', res.message, 'success')
                .then(() => location.reload());
        },
        error: function (xhr) {
            Swal.fire('Error', xhr.responseJSON?.message || 'Something went wrong', 'error');
        }
    });
});



$('#refund_mode').on('change', function () {
    const mode = $(this).val();
    if (mode === 'Bank Transfer') {
        $('#bank-details').slideDown();
        $('#bank_name, #ifsc_code, #account_number').prop('required', true);
    } else {
        $('#bank-details').slideUp();
        $('#bank_name, #ifsc_code, #account_number').prop('required', false);
    }
});


$(document).on('click', '.refund-order-btn', function (e) {
    e.preventDefault();

    const orderId = $(this).data('order-id');
    const receiptId = $(this).data('receipt-id');
    const refundAmount = $(this).data('refund-amount');

    // Set the values in the refund form
    $('#order_id').val(orderId);
    $('#order_receipt_id').val(receiptId);
    $('#refund_amount').val(refundAmount);

    // Show the modal
    $('#refundModal').modal('show');
});



</script>



<script>
    function refundCheckPayAmountValidity() {
        const payInput = document.getElementById("refund_payment");
        const totalInput = document.getElementById("total_refund_amount");
        const submitBtn = document.getElementById("save-refund-amount");
        const errorEl = document.getElementById("refund-amount-error");

        const pay = parseFloat(payInput.value) || 0;
        const total = parseFloat(totalInput.value) || 0;

        if (pay > total) {
            errorEl.classList.remove("d-none");
            submitBtn.disabled = true;
        } else {
            errorEl.classList.add("d-none");
            submitBtn.disabled = false;
        }
    }
    function checkPayAmountValidity() {
        const payInput = document.getElementById("pay_amount");
        const totalInput = document.getElementById("total_amount");
        const submitBtn = document.getElementById("save-reciept-btn");
        const errorEl = document.getElementById("amount-error");

        const pay = parseFloat(payInput.value) || 0;
        const total = parseFloat(totalInput.value) || 0;

        if (pay > total) {
            errorEl.classList.remove("d-none");
            submitBtn.disabled = true;
        } else {
            errorEl.classList.add("d-none");
            submitBtn.disabled = false;
        }
    }

    function checkupPayAmountValidity() {
        const payInput = document.getElementById("up_pay_amount");
        const totalInput = document.getElementById("up_remaining_amount");
        const submitBtn = document.getElementById("update-payment");
        const errorEl = document.getElementById("up-amount-error");

        const pay = parseFloat(payInput.value) || 0;
        const total = parseFloat(totalInput.value) || 0;

        if (pay > total) {
            errorEl.classList.remove("d-none");
            submitBtn.disabled = true;
        } else {
            errorEl.classList.add("d-none");
            submitBtn.disabled = false;
        }
    }
</script>
<script>
document.getElementById('makePaymentBtn')?.addEventListener('click', function () {
    let mystatus = '{{ $response['order_details']->status }}';
    let paymentStatus = document.getElementById('payment-status').value;
    let orderId = '{{ $response['order_details']->order_id }}';

    // Step 1: Check if Cutting Done
    // if (mystatus !== 'Cutting Done') {
    //     Swal.fire({
    //         icon: 'warning',
    //         title: 'Cutting Not Done',
    //         text: 'Please complete the cutting before making payment.',
    //         confirmButtonText: 'OK'
    //     });
    //     return;
    // }



    // Step 2: Based on Payment Status
    if (paymentStatus === 'Partially Paid') {
        // ✅ Use your existing AJAX function
        updatePaymentStatus(orderId);
    } else if (paymentStatus === 'Paid') {
        Swal.fire({
            icon: 'info',
            title: 'Payment Completed',
            text: 'Full payment has already been made.',
            confirmButtonText: 'OK'
        });
    } else {
        // Not paid at all → show new receipt modal
        $('#add-order-reciept').modal('show');
    }
});
$(document).on("click","#makeRefundPayment", async function(){
    const check = await checkPassKeyOnButton();
    if(check){
        $('#refundPayment').modal('show');
    }
});
$(document).on("click","#unClosedOrder", async function(){
    let orderId = $(this).data('order-id');
    let order_status = "{{$response['newOrderStausAfterClosing']}}";
    Swal.fire({
        title: 'Are you sure?',
        text: `Do you want to unclose the order`,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, change it!'
    }).then(async (result) => {
        if (result.isConfirmed) {
            const check = await checkPassKeyOnButton();
            if(check){
                order.changeStatus(orderId, order_status);
            }
        }
    });   
});
$(document).on("click","#closedOrder", async function(){
    let orderId = $(this).data('order-id');
    Swal.fire({
        title: 'Are you sure?',
        text: `Do you want to close the order`,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, change it!'
    }).then(async (result) => {
        if (result.isConfirmed) {
            const check = await checkPassKeyOnButton();
            if(check){
                order.changeStatus(orderId, "Closed Order");
            }
        }
    });   
});

$(document).on('click', '.update-status-btn', function () {
    let orderId = $(this).data('order-id');
    let newStatus = $(this).data('new-status');

      Swal.fire({
        title: 'Are you sure?',
        text: `Do you want to change status to "${newStatus}"?`,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, change it!'
    }).then((result) => {
        if (result.isConfirmed) {
            order.changeStatus(orderId, newStatus);
        }
    });
});

var order = {
    changeStatus: function(orderId, status) {
        fetch("{{ route('order.changeStatus') }}", {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            body: JSON.stringify({ id: orderId, status: status })
        })
        .then(response => response.json())
        .then(data => {
            const messageContainer = document.getElementById('message-container');
            if (data.success) {
                if (data.status === 'Delivered') {
                    $('#deliverydata').show();
                }
                messageContainer.innerHTML = `
                    <div class="alert alert-success">${data.message}</div>
                `;
                updateDropdown(status); // Optional: updates dropdown if needed
                $('#invdetail').load(window.location.href + ' #invdetail'); 
                location.reload();
            } else {
                messageContainer.innerHTML = `
                    <div class="alert alert-danger">${data.message}</div>
                `;
            }
        })
        .catch(error => {
            console.error("Error:", error);
            document.getElementById('message-container').innerHTML = `
                <div class="alert alert-danger">An unexpected error occurred.</div>
            `;
        });
    }
};


</script>