@extends('admin.layout.master')
@section('title','BILL LIST')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 28px !important;
    }
    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: var(--tableHeader);
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
        .target_chara_btn{
            display: none;
        }
        .target_ala_btn{
            display: inline;
        }
        @media screen and (max-width: 600px) {
            .target_chara_btn{
                display: inline;
            }
            .target_ala_btn{
                display: none;
            }
        }
</style>

@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4> {{$type==1? lt('obs.sale_return_list') :''}} </h4>
        {{-- <button id="myButtonControlID" class="pull-right">Excel</button> --}}
    </div>
    <div class="card-body" id="divTableDataHolder"> 
        {{-- <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" /> --}}
        <div class="card-body" style="padding-bottom:0">
            <form action="{{  Request::url() }}" method="get">
                <div class="row justify-content-end">
                    <div class="col-2">
                        @if($type==1)
                            <label for="invoice_no">{{lt('obs.invoice_no')}}</label>
                            <select class="select_2" style="width: 100%" name="return_type" id="return_type">
                                <option @if (Request()->return_type == 0) selected="selected" @endif value="0">{{lt('obs.only_return')}}</option>
                                <option @if (Request()->return_type == 1) selected="selected" @endif value="1">{{lt('obs.with_damage')}}</option>
                            </select>
                        @endif
                    </div>
                    <div class="col-2">
                        <label for="invoice_no">{{lt('obs.invoice_no')}}</label>
                        <input class="form-control" type="text" name="invoice_no" id="invoice_no">
                    </div>
                    <div class="col-3">
                        <label for="date_type">{{lt('obs.invoice_type')}}</label>
                        <select class="select_2" style="width: 100%" name="date_type" id="date_type">
                                <option @if (Request()->date_type == 0) selected="selected" @endif value="0">{{lt('obs.bill_date')}}</option>
                                <option @if (Request()->date_type == 1) selected="selected" @endif value="1">{{lt('obs.posting_date')}}</option>
                        </select>
                    </div>
                    <div class="col-5">
                        <label for="status">{{lt('obs.date')}}</label>
                        <div class="input-group-append">
                            <input type="date" class="form-control bsdatepicker" id="date_from" name="date_from" value="{{Request()->date_from?date('Y-m-d',strtotime(Request()->date_from)):date('Y-m-d')}}">
                            <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{lt('obs.date_to')}}</label>
                            <input type="date" class="form-control bsdatepicker" id="date_to" name="date_to" value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}"> 

                            <button type="submit" style="height: 28px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </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>{{lt('obs.invoice_no')}}</th>
                            <th>{{lt('obs.order_no')}}</th>
                            <th>{{lt('obs.date')}}</th>
                            <th>{{lt('obs.ammount')}}</th>
                            <th>{{lt('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body_index">
                        <input type="hidden" id="blade_type" value="{{$blade_type}}">
                        @php
                            $p=1;
                            $totalBill=0;
                        @endphp
                        @forelse ($invoices as $i=>$item)
                        
                        <tr id="tr{{$p}}">
                            <td class="text-center">{{ ($p++) }}</td>
                            <td>{{ $item->invoice_no }}</td>
                            <td>{{ $item->order?$item->order->order_no:'' }}</td>
                            <td class="text-left">
                                {{ date('d-M-Y h:i A',strtotime(Request()->date_type==1?$item->created_at:$item->date)) }}
                            </td>
                            <td class="text-right"> 
                                {{ number_format($item->net_total,2) }}
                            </td> 
                            <td class="text-left">
                                {{-- <button type="button" class="btn-info" id="submit_allocation{{$i}}" onclick="showDetails({{$item}})"> <span class="fa fa-eye"></span></button> --}}
                                    @if($item->status==1)
                                        <a href="{{route('sell.client_print',['id'=>$item->id])}}" target="_blank" type="button" class="target_ala_btn btn btn-sm btn-info btn-pill btn-hover" name="sell">{{lt('obs.bill')}}</a>
                                        <a href="{{route('sell.client_print',['id'=>$item->id])}}" type="button" class="target_chara_btn btn btn-sm btn-warning btn-pill btn-hover" name="sell">{{lt('obs.bill')}}</a>
                                    @endif                                   
                            </td>
                            @php
                                $totalBill+=$item->net_total;
                            @endphp
                        </tr>
                        @empty
                        @endforelse
                        
                    </tbody>
                    <tfoot>
                        <tr>
                            <th colspan="4"class="text-right">{{lt('obs.total')}}</th>
                            <th class="text-right">{{$totalBill}}</th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div> 
    </div>
</div>
{{-- @include('inventory.order.detail_modal') --}}
@endsection
@section('script')

<script>
     $(document).ready(function() {
            $('.select_2').select2();
     });
      function showDetails(data){
          var bladeType=$('#blade_type').val();
          if(bladeType==2){
              $('#order_no').val(data.order_no);
              $('#order_id').val(data.id);
              $('#invoice_no').val(data.transactions.length>0?data.transactions[0].autocode_before_bill:data.fg_transactions[0].autocode_before_bill);
          }
        $("#order_details_modal").modal("hide");
            var str ='';
            console.log(data);
        
            if(data.transactions.length>0){
                rawData=data.transactions;
            }else if(data.fg_transactions.length>0){
                rawData=data.fg_transactions;
            }else{
                rawData=data.details;
            }
                    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_local+` (`+rawData[index].product.name_eng+`)</td>
                                <td>`+rawData[index].order_qty+`</td>`;
                                str += `<td>`+rawData[index].quantity+`</td>`;
                                if(bladeType==2){
                                    str += `
                                <td>`+rawData[index].allocated_qty+`</td>
                                <td><input type="number" name="quantity[`+rawData[index].id+`]" value="`+rawData[index].allocated_qty+`"></td>`;
                                }
                                str += `</tr>`;
                            temp=(index+2);
                        }
    
                    }
                   
                    $('#tbl_body').html(str);
                    $("#order_details_modal").modal("show");
                    //initSelect2();
    }


</script>
@stop