@extends('admin.layout.master')
@section('title','ORDER LIST MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }

</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>{{__('obs.order')}}</h4>
    </div>
    <div class="card-body">
         
        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
        <div class="card-body" style="padding-bottom:0">
            <form action="{{route('order.list')}}" method="get">
                <div class="form-group">
                    <div class="row">
                        <div class="input-group col-6"></div>
                        <div class="input-group col-6">
                            <input type="text" class="form-control date_picker_report" id="date_from" name="date_from">
                                <div class="input-group-append">
                                    <span class="input-group-text">{{__('obs.date_to')}}</span>
                                </div>
                                
                                    <input type="text" class="form-control date_picker_report" id="date_to" name="date_to">
                            
                                <div class="input-group-append">
                                    <button type="submit" class="btn btn-danger">
                                    <span class="fa fa-search"></span>
                                    </button>
                                </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        {{-- <form id="form" method="post" action="{{ route('order.mass_allocation_store') }}" name="form" enctype="multipart/form-data"> --}}
            <div class="table-responsive">
                    @csrf
                    <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{__('obs.date')}}</th>
                            <th>{{__('obs.transaction')}} {{__('obs.id')}}</th>
                            <th>{{__('obs.showroom')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body_index">
                        @php
                            $p=1;
                        @endphp
                        @forelse ($transaction->GroupBy('autocode_before_bill') as $i=>$item)
                        
                        <tr id="tr{{$p}}">
                            <td>{{ ($p++) }}</td>
                            <td>
                                {{ date('d-M-Y h:i A',strtotime($item->first()->created_at)) }}
                            </td>
                            <td>{{ $i }}</td>
                            <td>
                                {{ $item->first()->created_by }}
                            </td>
                            <td><button type="button" class="btn-info" id="submit_allocation{{$i}}" onclick="showDetails({{$item}})"> <span class="fa fa-eye"></span></button>
                                {{-- <button type="button" class="btn-info" id="submit_allocation{{$i}}" onclick="updateBill({{$i}})">{{__('obs.bill')}} {{__('obs.now')}}</button> --}}
                            </td>
                        </tr>
                        @empty
                        @endforelse
                        
                    </tbody>
                </table>
            </div>
            
            <hr>
            
            <div class="row pb-0  modal-footer">
                <input class="btn-sina-submit" type="submit" id="save" value="save" onclick="return confirm('are you sure?');">
            </div>
    </div>
</div>
@include('inventory.order.detail_modal')
@endsection
@section('script')
<script>
      function showDetails(data){
        $("#order_details_modal").modal("hide");
            var str ='';
            console.log(data);
        //    $('#recipe_id').val(data.recipe_id);
        //    $('#indent_id').val(data.id);
        //    $('#b_qty').val(data.indent_qty);
        //    $('#finished_product').html(
        //     `<option value=`+data.product_id+`>`+data.product.name_eng+`</option>`
        //    );
            //    $('#finished_product').val(data.name);
            rawData=data;
                    if(rawData.length>0){
                        for (let index = 0; index < rawData.length; index++) {
                             str += `<tr id="tr`+index+`">
                                <td>`+(index+1)+`</td>
                                <td>`+rawData[index].product.name_eng+`</td>
                                <td>`+rawData[index].order_qty+`</td>
                                <td>`+rawData[index].allocated_qty+`</td></tr>`;
                            temp=(index+2);
                                // <td text-align="center">
                                //     <a class="btn btn-hover text-danger p-0" name="remove _row`+index+`"
                                //         id="remove _row`+index+`" onclick="removeRow(`+index+`)"><i class="fas fa-trash-alt"></i></a>
                                // </td>
                        }
    
                    }
                   
                    $('#tbl_body').html(str);
                    $("#order_details_modal").modal("show");
                    //initSelect2();
    }
//     // $(document).ready(function() {
//     //    getSum();
//     // });
//     function getSum(i){
//         var sum=0;
//         var stock=parseFloat($('#getStockQty'+i).text());
//         //alert(stock);
//         $('.showroom_wise_allocation-'+i).each(function(){
//             sum += parseFloat(this.value);
//         });
//         $('#allocated'+i).text(sum);
//         $('#closing'+i).text((stock-sum));
//         if(stock<sum){
//             $('#submit_allocation'+i).attr('disabled',true);
//         }else{
//             $('#submit_allocation'+i).attr('disabled',false);
//         }
//     }
// function deleteRow(id){
//     if(confirm('are you sure?')){
// // $('.showroom_wise_allocation_qty').
//         $.ajax({
//                 type: "GET",
//                 // url: "{{route('order.cart_remove')}}",
//                 data: {
//                     cart_id:id,
//                 },
//                 success: function (data) {
//                     $('#tr'+id).remove();
//                 },
//                 error: function (response) {
//                 },
//             });
//     }
// }
// function setAllocationForProduct(i){
//     var showrooms=[];
//     var qtys=[];
//     var pids=[];
//     if(confirm('are you sure?')){
//     $('.shoowroom-'+i).each(function(){
//         //showrooms.push(this.value);
//         var showroom=this.value;
//         if(showroom){
//          var quantity=$('#quantity-'+showroom+'-'+i).val();
//          qtys.push(quantity);
//          showrooms.push(showroom);
//          pids.push(i);
//         }
//     });
//        console.log(qtys);
//        console.log(showrooms);
//        console.log(pids);
//         $.ajax({
//                 type: "GET",
//                 url: "{{route('order.store_allocation')}}",
//                 data: {
//                     product_id:pids,
//                     showrooms:showrooms,
//                     quantity:qtys,
//                 },
//                 success: function (data) {
//                     $('#tr'+id).remove();
//                 },
//                 error: function (response) {
//                 },
//             });
//     }
// }
</script>
@stop