@extends('layout.master')
@section('content')

<section class="content pb-5">
    <div class="container-fluid">
        <div class="row pt-4">
            <div class="col-md-12">
                <div class="title-section">
                    <p>Bulk Order LSP</p>
                </div>
            </div>

            <div class="col-md-12">
                <div class="table-responsive"> 
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>  
                                <th>Order Id</th> 
                                <th>SKU</th>
                                <th>Consignee Name</th>
                                <th>No. of Boxes</th>
                                <th>Final Weight</th>
                                <th>From Pincode</th>
                                <th>To Pincode</th>
                                <th>LSP Name</th>
                                <th>LSP Price</th>
                                <th>Docket Number</th>
                            </tr>
                        </thead>
                        <tbody class="appendLspRowData">    
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="col-md-12">
                <div class="paymnt-btn text-right">
                    <button type="button" class="btn btn-warning" onClick="bulkOrdersPayment()">proceed</button>
                </div>
            </div>
        </div>

    </div>


</section>

<script>
   let bulkLspOrders = JSON.parse(localStorage.getItem('packagesData'));
    console.log('+++++++++++test_orders_for_bulk_lsp++++++++++');
    console.log(bulkLspOrders['product_details']);
    jQuery.each((bulkLspOrders['product_details']), function(key,value){
        
        $('.appendLspRowData').append('<tr><td>'+value.data[0].order_id+'</td><td>'+value.data[0].skus+'</td><td>'+value.data[0].concineeName+'</td><td>'+value.data[0].number_of_boxes+'</td><td>'+value.data[0].final_weight+'</td><td>'+value.data[0].from_pincode+'</td><td>'+value.data[0].to_pincode+'</td><td>'+value.data[0].lsp_name+'</td><td>'+value.data[0].lsp_price+'</td><td>'+value.data[0].docket_no+'</td></tr>');
    });
    console.log('++++++++++++test_orders_for_bulk_lsp++++++++++++++');

    function bulkOrdersPayment(){
         window.location.href = '{{ url('/orders/process-order') }}';
    }
</script>

@endsection