@extends('admin.layout.master')
@section('title', 'DELIVERY')
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>Delivery {{ (@$order && @$order->transaction_type == 15) ? 'Return' : '' }}</h4>
        </div>
        <div class="card-body">
            <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
            <form id="form" method="post" action="{{ route('delivery.store') }}" name="form" enctype="multipart/form-data">
                @csrf 
                <div class="">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">{{__('obs.invoice')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">{{__('obs.transportation')}}</a>
                        </li>
                        @if (!@$order)
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">{{__('obs.install')}}</a>
                            </li>                            
                        @endif
                    </ul><!-- Tab panes -->
                    <div class="tab-content mt-3">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                            <div class="row g-2 mb-1">
                                <div class="col-md-4 col-12 d-flex flex-wrap pr-0">
                                    <div class="col-3 px-0">
                                        <label for="party_id">{{__('obs.customer')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="text" class="d-none" name="order_id" id="order_id" value="{{ @$order->ids }}">
                                        <select class="{{ @$order ? 'select_2' : 'party_live' }} form-select" onchange="{{$setting->party_wise_price == 1 ? 'getPartyPrice(2,this.value)' : 'getPartyDetails(this.value)'}}" style="width: 100%" name="party_id" id="party_id"> 
                                            @php
                                                $othr_dc = 0;
                                            @endphp
                                            @if (@$order)
                                                <option value='{{ @$order->showroom->id }}'>
                                                    {{ $order->showroom->name_eng }}
                                                </option>
                                                @php 
                                                    $othr_dc = $order->showroom->other_commission; 
                                                @endphp
                                            @endif 
                                        </select>    
                                        <input type="hidden" name="other_com" id="other_com" value="{{ $othr_dc }}">
                                    </div>
                                </div>
                                <div class="col-md-4 col-12 d-flex flex-wrap pr-0">
                                    <div class="col-3 px-0">
                                        <label for="cost_id">{{__('obs.cost')}} {{__('obs.center')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <select class="select_2 form-select"
                                            style="width: 100%" name="cost_id" id="cost_id">
                                            <option value=" ">-- Select --</option>
                                            @foreach ($cost as $cost)
                                                <option value='{{ $cost->id }}' {{$cost->id == @$order->cost_center_id ? 'selected' : ''}}>{{ $cost->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                 
                                <div class="col-md-4 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-3 px-0">
                                        <label for="ref_no">{{__('obs.ref')}} {{__('obs.no')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="text" class="form-control" name="ref_no" id="ref_no" value="{{@$order->ref_invoice}}">
                                    </div>
                                </div>
                                <div class="col-md-4 col-12 d-flex flex-wrap pr-0">
                                    <div class="col-3 px-0">
                                        <label for="note">{{__('obs.desc')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="text" class="form-control" name="note" id="note" value="{{@$order->note}}">
                                    </div>
                                </div>
                                <div class="col-md-4 col-12 d-flex flex-wrap pr-0">
                                    <div class="col-3 px-0">
                                        <label for="cost_id">{{__('obs.date')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="text" class="form-control date_picker" readonly name="date" id="date" value="{{ date('d-m-Y') }}">
                                    </div>
                                </div>
                                <div class="col-md-4 col-12 d-flex flex-wrap pr-0">
                                    <div class="col-3 px-0">
                                        <label for="attachment">{{__('obs.attach')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="file" class="form-control" style="overflow: hidden" name="attachment" id="attachment">
                                        <input type="text" name="tran_type" id="tran_type" value="{{ @$order ? @$order->transaction_type : 14 }}" style="display: none">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabs-2" role="tabpanel">
                            @include('inventory.global.driver_form')
                        </div>
                        <div class="tab-pane" id="tabs-3" role="tabpanel">
                            <div class="row mb-1"> 
                                <div class="col-md-1 col-12 d-flex flex-wrap pr-0 mb-3"></div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <div class="col-4 px-0">
                                        <label for="invoice_no">{{__('obs.invoice')}} {{__('obs.no')}}</label>
                                    </div>
                                    <div class="col-8 px-0">
                                        <input type="text" class="form-control" name="inv_no" id="inv_no">
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <div class="col-4 px-0">
                                        <label for="date_from">{{__('obs.date')}} {{__('obs.from')}}</label>
                                    </div>
                                    <div class="col-8 px-0">
                                        <input type="text" class="form-control date_picker" name="date_from" id="date_from">
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <div class="col-3 px-0">
                                        <label for="date_to">{{__('obs.date')}} {{__('obs.to')}}</label>
                                    </div>
                                    <div class="col-9 px-0">
                                        <input type="text" class="form-control date_picker" name="date_to" id="date_to">
                                    </div>
                                </div>
                                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-3 text-left">
                                    <div class="col-12 px-0"> 
                                        <a class="btn btn-sm btn-outline-info font-weight-bold" name="filter" onclick="installInv()" id="filter"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16">
                                            <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
                                        </svg>&nbsp;{{__('obs.filter')}}</a>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                {{-- end --}} 
                <div class="row">
                    <div class="col-md-2 col-12 d-flex flex-wrap pr-0 pl-0" style="display: none !important">
                        <input type="checkbox" class="m-1" name="stand_by" id="stand_by" checked value="0">
                        <label for="stand_by" class="text-danger">{{__('obs.stand')}} {{__('obs.by')}}</label>
                    </div>
                </div>
                @if (@$order && @$order->transaction_type == 15)
                    <div class="row justify-content-end mb-1">
                        <div class="col-md-1 form-check d-none">
                            <input class="form-check-input" type="checkbox" value="1" id="s_ret_chk" onchange="activeReturnFields('sr_val', 's_ret_chk')" checked>
                            <label class="form-check-label" for="s_ret_chk">
                            {{__('obs.s.')}} {{__('obs.ret.')}}
                            </label>
                        </div>
                        <div class="col-md-1 form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="s_dmg_chk" onchange="activeReturnFields('sd_val', 's_dmg_chk')">
                            <label class="form-check-label" for="s_dmg_chk">
                            {{__('obs.s.')}} {{__('obs.dmg')}}
                            </label>
                        </div>
                        <div class="col-md-1 form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="f_dmg_chk" onchange="activeReturnFields('fd_val', 'f_dmg_chk')">
                            <label class="form-check-label" for="f_dmg_chk">
                            {{__('obs.f.')}} {{__('obs.dmg')}}
                            </label>
                        </div>
                    </div>
                @endif
                <hr class="mt-2">
                <div class="cl-table-container">
                    <table class="table cl-table table-sm table-borderless table-hover sm-pd-t">
                        <thead>
                            <tr>
                                <th rowspan="2">#</th>
                                <th rowspan="2">{{__('obs.products')}}</th>
                                <th rowspan="2">{{__('obs.unit')}}</th>
                                <th rowspan="2">{{__('obs.desc')}}</th>
                                <th rowspan="2">{{__('obs.img')}}</th>
                                @if (@$order && @$order->transaction_type == 15)
                                    <th colspan="3" class="text-center">{{__('obs.return')}}</th>
                                @endif
                                <th rowspan="2">{{__('obs.quantity')}}</th>
                                <th rowspan="2">{{__('obs.order')}} {{__('obs.qty')}}</th>
                                <th rowspan="2">{{__('obs.allocated')}} {{__('obs.qty')}}</th>
                                <th rowspan="2">{{__('obs.avail')}} {{__('obs.qty')}}</th>
                                <th rowspan="2" style="display: {{ @$order ? 'none' : '' }}">{{__('obs.price')}}</th>
                                <th rowspan="2" style="display: {{ @$order ? 'none' : '' }}">{{__('obs.disc')}} {{__('obs.(%)')}}</th>
                                <th rowspan="2" style="display: {{ @$order ? 'none' : '' }}">{{__('obs.manual')}} {{__('obs.dc')}}</th>
                                <th rowspan="2" style="display: {{ @$order ? 'none' : '' }}">{{__('obs.net')}} {{__('obs.price')}}</th>
                                <th rowspan="2" style="display: {{ @$order ? 'none' : '' }}">{{__('obs.action')}}</th>
                            </tr>
                            @if (@$order && @$order->transaction_type == 15)
                                <tr>
                                    <th>
                                        <div class="d-flex">
                                            <div class="col-md-9 text-center"> {{__('obs.s.')}} {{__('obs.ret')}} </div>
                                            <div class="col-md-2"><a class="" onclick="copyQty('sr_val', 's_dmg')"><i class="fas fa-arrow-right"></i></a></div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="d-flex">
                                            <div class="col-md-9 text-center"> {{__('obs.s.')}} {{__('obs.dmg')}} </div>
                                            <div class="col-md-2"><a class="" onclick="copyQty('sd_val', 'f_dmg')"><i class="fas fa-arrow-right"></i></a></div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="d-flex">
                                            <div class="col-md-9 text-center"> {{__('obs.f.')}} {{__('obs.dmg')}} </div>
                                            <div class="col-md-2"><a class="" onclick="copyQty('fd_val', 'return_qty')"><i class="fas fa-reply"></i></a></div>
                                            <div class="col-md-1"></div>
                                        </div>
                                    </th>
                                </tr>
                            @endif
                        </thead>
                        <tbody id="tbl_body">
                            @php
                                $i=0;
                                $inx = 0;
                            @endphp
                            @if (@$order)
                                @if($st <= 0 && $fgt <= 0)
                                    @php($order_tran = $order->details)
                                @elseif(store_info()->store_table_type == 1)
                                    @php($order_tran = $order->fgTransactions)
                                @else
                                    @php($order_tran = $order->transactions)
                                @endif
                                @forelse ($order_tran as $item) 
                                    <tr id="tr{{ ++$i }}">
                                        <td>{{ $i }}</td>
                                        <td>
                                            <div class="d-flex text-left"> 
                                                <input type="text" class="form-control d-none" readonly name="tran_id[]" value="{{($st <= 0 && $fgt <= 0) ? 0 : $item->id}}">
                                                <input type="text" class="form-control d-none pro_id" readonly name="product_id[]" id="product_id{{ $i }}" value="{{$item->product_id}}">
                                                <input type="text" class="form-control" disabled name="product_name" id="product_name" value="{{$item->product->name_eng}}">
                                                <a class="btn btn-hover text-success p-0 pl-2" id="add{{ $i }}" style="display: none"><i class="fas fa-plus"></i>
                                                </a>
                                            </div>
                                        </td>
                                        <td>
                                            <label id="unit_name{{ $i }}"> {{ ($item->product->primaryUnit ? $item->product->primaryUnit->name : '') }} </label> 
                                        </td> 
                                        <td>
                                            <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control" value="{{$item->description}}">
                                        </td>
                                        <td class="text-center">
                                            <a href="{{asset('storage/'.$item->product->image)}}" target="_blank" class="btn btn-hover text-info" id="img{{ $i }}" style="font-size: 20px">
                                                <i class="fas fa-image"></i> </a>
                                        </td>
                                        @if ($order->transaction_type == 15)
                                            <td> <input type="number" step=".00000001" name="return_qty[{{ $inx }}][]" value="{{ $item->allocated_qty > 0 ? $item->allocated_qty : $item->order_qty}}" onkeyup="totalRetQty({{ $i }})" id="return_qty{{ $i }}" ondblclick="$(this).attr('readonly', false); $('#product_quantity{{ $i }}').attr('readonly', true);" class="form-control sr_val"> </td>
                                            <td> <input type="number" step=".00000001" readonly name="return_qty[{{ $inx }}][]" value="0" onkeyup="totalRetQty({{ $i }})" id="s_dmg{{ $i }}" ondblclick="$(this).attr('readonly', false); $('#product_quantity{{ $i }}').attr('readonly', true);" class="form-control sd_val"> </td>
                                            <td> <input type="number" step=".00000001" readonly name="return_qty[{{ $inx++ }}][]" value="0" onkeyup="totalRetQty({{ $i }})" id="f_dmg{{ $i }}" ondblclick="$(this).attr('readonly', false); $('#product_quantity{{ $i }}').attr('readonly', true);" class="form-control fd_val"> </td>
                                        @endif        
                                        <td>
                                            <input type="number" min="0" step=".01" name="product_quantity[]" value="{{ $item->allocated_qty > 0 ? $item->allocated_qty : $item->order_qty}}" onkeypress="focusNext('product_quantity', event, {{ $i }})"
                                                id="product_quantity{{ $i }}" onkeyup="calculateTotal({{ $i }})" onchange="calculateTotal({{ $i }})" class="form-control" {{ ($order->transaction_type == 15) ? 'readonly' : '' }}>
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="{{$item->order_qty}}" name="order_qty[]" id="order_qty{{ $i }}" readonly  class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="{{$item->allocated_qty}}" name="allocated_qty[]" id="allocated_qty{{ $i }}" readonly  class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="{{($order->transaction_type == 15 || warehouse_info()->stock_check != 1) ? 0 : ($avail_Qty[$item->product_id] > 0 ? round($avail_Qty[$item->product_id], 2) : 0)}}"
                                                id="avail_qty{{ $i }}" readonly  class="form-control {{ $order->transaction_type == 14 ? 'avail' : '' }}">
                                        </td>
                                        {{-- @if (!@$order) --}}
                                            <td style="display: {{ $order ? 'none' : '' }}">
                                                <input type="hidden" min="0" value="{{$item->product->sell_price}}" name="price[]" id="price{{ $i }}" onkeyup="calculateTotal({{ $i }})" onchange="calculateTotal({{ $i }})" class="form-control">
                                            </td>
                                            <td style="display: {{ $order ? 'none' : '' }}; width: 100px">
                                                <input type="number" min="0" style="display: none" max="100" name="dc[]" id="discount{{ $i }}" readonly class="form-control" value="{{ $item->product->fixed_commission > 0 ? $item->product->fixed_commission : $order->showroom->commission }}">
                                                <input type="number" min="0" step=".01" max="100" id="n_discount{{ $i }}" onkeyup="calculateTotal({{ $i }})" onchange="calculateTotal({{ $i }})" class="form-control" value="{{ $order->showroom->commission }}" {{ $order->showroom->commission_type == 1 ? 'readonly' : '' }}> 
                                            </td>
                                            <td  style="display: {{ $order ? 'none' : '' }}; width: 100px">
                                                <input type="hidden" value="{{ $item->manual_dc }}" name="m_dc[]" id="m_dc{{ $i }}" class="form-control">
                                                <input type="number" min="0" value="{{ round($item->manual_dc, 2) }}" step=".01" id="n_m_dc{{ $i }}" onchange="productMDc(this.value, {{ $i }})" class="form-control">
                                            </td>
                                            <td style="display: {{ $order ? 'none' : '' }}">
                                                <input type="number" min="0" value="0" step=".01" style="display: none" name="net_price[]" id="net_price{{ $i }}" readonly class="form-control">
                                                <input type="number" min="0" value="0" step=".01" id="n_net_price{{ $i }}" readonly class="form-control">
                                        
                                            </td>
                                            <td style="display: {{ $order ? 'none' : '' }}" class="text-center">
                                                <a class="btn btn-hover text-danger p-0" step=".01" name="remove_row{{ $i }}" id="remove_row{{ $i }}" onclick="addOrRemoveRow({{ $i }})"><i class="fas fa-sync-alt"></i></a>
                                            </td>
                                        {{-- @endif --}}
                                    </tr> 
                                @empty 
                                @endforelse                                
                            @else
                                @for ($i = 1; $i <= 5; $i++)
                                    <tr id="tr{{ $i }}">
                                        <td>{{ $i }}</td>
                                        <td>
                                            <div class="d-flex text-left"> 
                                                <select class="selectTransaction form-control" onchange="getAvailQTY(this.value, {{ $i }})" style="width: 100%" name="product_id[]" id="product_id{{ $i }}">
                                                    <option value=""></option>
                                                </select>
                                                <a class="btn btn-hover text-success p-0 pl-2" id="add{{ $i }}" style="display: none"><i class="fas fa-plus"></i> </a>
                                            </div>
                                        </td>
                                        <td>
                                            <label id="unit_name{{ $i }}"> </label>
                                        </td> 
                                        <td>
                                            <input type="text" name="desc[]" readonly id="desc{{ $i }}" class="form-control" value="">
                                        </td>
                                        <td class="text-center">
                                            <a target="_blank" readonly class="btn btn-hover text-info" id="img{{ $i }}" style="font-size: 20px">
                                                <i class="fas fa-image"></i> </a>
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0" step=".01" readonly name="product_quantity[]"
                                                id="product_quantity{{ $i }}" onkeyup="calculateTotal({{ $i }})" onchange="calculateTotal({{ $i }})" 
                                                class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0"  name="order_qty[]"
                                                id="order_qty{{ $i }}" readonly  class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0" name="allocated_qty[]"
                                                id="allocated_qty{{ $i }}" readonly  class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0" id="avail_qty{{ $i }}" readonly  class="form-control avail">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0" name="price[]" readonly id="price{{ $i }}" onkeyup="calculateTotal({{ $i }})" onchange="calculateTotal({{ $i }})" class="form-control">
                                        </td>
                                        <td style="width: 100px">
                                            <input type="number" min="0" value="0" style="display: none" max="100" name="dc[]" id="discount{{ $i }}" readonly class="form-control">
                                            <input type="number" min="0" value="0" step=".01" max="100" readonly id="n_discount{{ $i }}" onkeyup="calculateTotal({{ $i }})" onchange="calculateTotal({{ $i }})" class="form-control">
                                        </td>
                                        <td style="width: 100px">
                                            <input type="hidden" value="0" name="m_dc[]" id="m_dc{{ $i }}" readonly class="form-control">
                                            <input type="number" min="0" value="0" step=".01" id="n_m_dc{{ $i }}" readonly onchange="productMDc(this.value, {{ $i }})" class="form-control">
                                        </td>
                                        <td>
                                            <input type="number" min="0" value="0" step=".01" style="display: none" name="net_price[]" id="net_price{{ $i }}" readonly class="form-control">
                                            <input type="number" min="0" value="0" step=".01" id="n_net_price{{ $i }}" readonly class="form-control">
                                        </td>
                                        <td class="text-center">
                                            <a class="btn btn-hover text-danger p-0" step=".01" name="remove_row{{ $i }}" id="remove_row{{ $i }}" onclick="addOrRemoveRow({{ $i }})"><i class="fas fa-sync-alt"></i></a>
                                        </td>
                                    </tr>
                                @endfor
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="col-12 d-flex justify-content-end">
                    <hr class="mb-0 w-100">
                    <button class="btn btn-sm btn-warning btn-pill" style="font-size: 16px" onclick="addOrRemoveRow('addNew')" type="button" name="add_Row" id="add_Row"> <i class="fa fa-plus"></i></button>
                </div>
                @include('inventory.global.inv_foot')
                <div id="div_modal">
                    <!-- Modal -->
                </div>
                <div class="d-flex justify-content-between mt-2 pb-0 modal-footer">
                    <a type="button" class="btn-sina-close" href="{{ route('order.delivery_list') }}">{{__('obs.close')}}</a>
                    {{-- <input class="btn-sina-submit" type="submit" id="save" value="save"> --}}
                    <input class="btn btn-lg btn-primary px-5" type="button" id="save" value="Save" onclick="submitForm()">
                </div>
            </form>
        </div>
    </div>

    <!-- Product Image Modal -->
    @include('inventory.global.img_show')

    <!-- Install Invoice Modal -->
    <div class="modal fade bd-example-modal-lg" id="inv_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalLabel">{{__('obs.invoices')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="col-md-12" id="div_inv_tbl"> 
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        let temp = {{ @$order ? ($i+1) : $i }};
        let inx = {{ $inx }};
        let inv = @JSON(@$order??null);
        let t_type = ($('#tran_type').val() == 14 ? 3 : 4);
        delivery = $('#tran_type').val();
        let st = 0;
        let fgt = 0;
        st = {{ @$st ?? 0 }};
        fgt = {{ @$fgt ?? 0 }};
        const setting = @JSON($setting);
        const pro_setting = @JSON($pro_setting);
        const store_setting = @json(store_info());
        const warehouse_setting = @json(warehouse_info());
    </script> 
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/delivery/delivery-create.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/inventory-default-html.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/inventory-default.js') }}"></script>
@endsection