@php
    $material_details = null;
    if(isset($material_with_qty) and !empty($material_with_qty)){
        $material_details = [
            'action' => 'ajax',
            'material' => null,
            'data' => $material_with_qty
        ];
    }
    else if (isset($materialissue) and isset($materialissue->materialIssueDetails)){
        $material_details = [
            'action' => 'edit',
            'material' => $materialissue->toArray(),
            'data' => $materialissue->materialIssueDetails->toArray()
        ];
    }
@endphp

@if(!empty($material_details))

    @foreach($material_details['data'] as $key => $material_detail)
        @php
            $material_details_action = $material_details['action'];
            if($material_details_action === "edit"){
                $uniqueValue = uniqueValue($key);
                $main_record = "material_issue_details[$uniqueValue]";
            }else{
                $main_record = "material_issue_details[$key]";
            }
        @endphp
        <tr data-tr_count="{{ $key }}" class="table_tr">
            @if($material_details_action === "edit")
                <input type="hidden" name="{{ $main_record }}[id]" value="{{ $material_detail['id'] }}">
                <input type="hidden" id="totalCountTr" value="{{ count($material_details['data']) }}">
                <input type="hidden" name="{{ $main_record }}[requisition_detail_id]"
                       value="{{ $material_detail['requisition_detail_id'] }}">
            @else
                <input type="hidden" name="{{ $main_record }}[requisition_detail_id]"
                       value="{{ $material_detail['requisition_detail'] }}">
            @endif
            <td>
                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                    <div class="btn-group" role="group">
                        @if($material_details_action === "edit")
                            <select name="{{ $main_record }}[material_id]" id="material_id_{{ $key }}"
                                    data-count="{{ $key }}"
                                    class="form-control form-control-sm form-control-solid material-select2-js"
                                    data-action="{{ route('material.autocomplete') }}"
                                    required
                                    @if(!empty($material_detail['requisitionapproval_id']) and !empty($material_detail['requisition_detail_id'])) disabled @endif>
                                @if(isset($material_detail['material']) and !empty($material_detail['material']))
                                    <option value="{{ $material_detail['material']['id'] }}"
                                            selected>{{ $material_detail['material']['name'] }}</option>
                                @endif
                            </select>
                            <input type="hidden" name="{{ $main_record }}[material_id]"
                                   value="{{ $material_detail['material']['id'] }}">
                        @else
                            <select name="{{ $main_record }}[material_id]" id="material_id_{{ $key }}"
                                    data-count="{{ $key }}"
                                    class="form-control form-control-sm form-control-solid material-select2-js"
                                    data-action="{{ route('material.autocomplete') }}"
                                    required disabled>
                                <option value="{{ $material_detail['material_id'] }}"
                                        selected>{{ $material_detail['material_name'] }}</option>
                            </select>
                            <input type="hidden" name="{{ $main_record }}[material_id]"
                                   value="{{ $material_detail['material_id'] }}">
                        @endif
                    </div>
                    <a href="{{ route('material.create') }}" target="_blank" class="btn btn-primary btn-sm">
                        <i class="flaticon-plus"></i>
                    </a>
                    {{--<button type="button" class="btn btn-primary btn-sm" onclick="GlobalJs.open_new_mini_widow('{{ route('material.create') }}', 500,100)">
                        <i class="flaticon-plus"></i>
                    </button>--}}
                </div>
                <br>
                @if(isset($stockData))
                    @if($stockData[$material_detail['id']])
                        <span class="label label-inline label-light-primary mt-2">
                            Current Stock&nbsp;
                            <b><span id="current_stock_{{ $key }}" data-count="{{ $key }}"
                                     class="current_stock-js font-weight-bold">
                                    {{ $stockData[$material_detail['id']]['current_stock']['closing'] }}
                            </span></b>
                        </span>
                    @else
                        <span class="label label-inline label-light-primary mt-2">
                            Current Stock&nbsp;
                            <b><span id="current_stock_{{ $key }}" data-count="{{ $key }}"
                                     class="current_stock-js font-weight-bold ">0</span></b>
                        </span>
                    @endif
                @else
                    <span class="label label-inline label-light-primary mt-2">
                        Current Stock&nbsp;&nbsp;<b><span id="current_stock_{{ $key }}" data-count="{{ $key }}"
                                                          class="current_stock-js font-weight-bold ">{{ $material_detail['closing_stock'] }}</span></b>
                    </span>
                @endif
            </td>
            <td>
                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                    <div class="btn-group" role="group">
                        @if($material_details_action === "edit")
                            <select name="{{ $main_record }}[color_id]" id="color_id_{{ $key }}" data-count="{{ $key }}"
                                    class="form-control form-control-sm form-control-solid color-select2-js"
                                    data-action="{{ route('color.autocomplete') }}"
                                    required
                                    @if(!empty($material_detail['requisitionapproval_id']) and !empty($material_detail['requisition_detail_id'])) disabled @endif>
                                @if(isset($material_detail['color']) and !empty($material_detail['color']))
                                    <option value="{{ $material_detail['color']['id'] }}"
                                            selected>{{ $material_detail['color']['name'] }}</option>
                                @endif
                            </select>
                            <input type="hidden" name="{{ $main_record }}[color_id]"
                                   value="{{ $material_detail['color']['id'] }}">
                        @else
                            <select name="{{ $main_record }}[color_id]" id="color_id_{{ $key }}" data-count="{{ $key }}"
                                    class="form-control form-control-sm form-control-solid color-select2-js"
                                    data-action="{{ route('color.autocomplete') }}"
                                    required disabled>
                                <option value="{{ $material_detail['color_id'] }}"
                                        selected>{{ $material_detail['color_name'] }}</option>
                            </select>
                            <input type="hidden" name="{{ $main_record }}[color_id]"
                                   value="{{ $material_detail['color_id'] }}">
                        @endif
                    </div>
                    <a href="{{ route('color.create') }}" target="_blank" class="btn btn-primary btn-sm">
                        <i class="flaticon-plus"></i>
                    </a>
                    {{--<button type="button" class="btn btn-primary btn-sm" onclick="GlobalJs.open_new_mini_widow('{{ route('material.create') }}', 500,100)">
                        <i class="flaticon-plus"></i>
                    </button>--}}
                </div>
            </td>
            <td>
                <div class="input-group">
                    @if(isset($material_detail['pending_qty']))
                        <input type="text" class="form-control form-control-sm text-right quantity-js"
                               name="{{ $main_record }}[quantity]" id="quantity_{{$key}}" data-count="{{ $key }}"
                               value="{{ number_format($material_detail['pending_qty'], 3) }}" min="1" required/>
                        <input type="hidden" value="{{ $material_detail['pending_qty'] }}" class="pending_qty-js">
                    @else
                        @php
                            $pending_qty = 0;
                            $sum_quantity = \Modules\MaterialIssue\Entities\MaterialIssueDetail::where('material_issue_id', '!=', $materialissue->id)->where('requisition_detail_id', $material_detail['requisition_detail_id'])->sum('quantity');
                            $re_detailModel = \Modules\Requisition\Entities\RequisitionDetail::find($material_detail['requisition_detail_id']);
                            if(!empty($re_detailModel)) $pending_qty = ($re_detailModel->approved_qty - ($sum_quantity));
                        @endphp
                        <input type="text" class="form-control form-control-sm text-right quantity-js"
                               name="{{ $main_record }}[quantity]" id="quantity_{{$key}}" data-count="{{ $key }}"
                               value="{{ number_format($material_detail['quantity'], 3) }}" min="1"
                               @if(!empty($material_detail['requisition_detail_id'])) readonly @endif/>
                        @if(!empty($material_detail['requisition_detail_id']))
                            <input type="hidden" name="{{ $main_record }}[quantity]"
                                   value="{{ $material_detail['quantity'] }}">
                        @endif
                        @if($pending_qty > 0) <input type="hidden" value="{{ $pending_qty }}"
                                                     class="pending_qty-js"> @endif
                    @endif
                </div>
            </td>
            <td>
                <div class="input-group">
                    <select name="{{$main_record}}[unit_id]" id="unit_id_{{ $key }}" data-count="{{ $key }}"
                            class="form-control form-control-sm material_receipt_unit_id-js" readonly="readonly"
                            required>
                        @if(isset($material_detail['unit']) and is_array($material_detail['unit']))
                            <option value="{{ $material_detail['unit']['id'] }}"
                                    selected>{{ $material_detail['unit']['name'] }}</option>
                        @else
                            <option value="{{ $material_detail['unit_id'] }}"
                                    selected>{{ $material_detail['unit_name'] }}</option>
                        @endif
                    </select>
                </div>
            </td>
            <td>
                <textarea class="form-control form-control-sm" type="text" name="{{$main_record}}[remarks]"
                          id="remarks_{{ $key }}">@if(isset($material_detail['remarks'])){{ $material_detail['remarks'] }}@endif</textarea>
            </td>
            @if($material_details_action === "edit" and !empty($material_details['material']) and empty($material_details['material']['requisitionapproval_id']))
                <td>
                    <button type="button" class="btn btn-sm btn-clean btn-icon"
                            onclick="$(this).parents('tr').remove()">
                        <i class="fas fa-trash-alt text-danger icon-md"></i>
                    </button>
                </td>
            @endif
        </tr>
    @endforeach
@endif

@if(empty($material_details) or (isset($material_details['action']) and $material_details['action'] === "edit"))

        <tr data-repeater-item
        data-tr_count="{{ $tr_count }}"
        class="table_tr"
        @if(!empty($material_details) and isset($material_details['action']) and $material_details['action'] === "edit" ) style="display: none" @endif>
        <td>
            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                <div class="btn-group" role="group">
                    <select name="material_issue_details[0][material_id]" id="material_id_{{ $tr_count }}"
                            class="form-control form-control-sm form-control-solid material-select2-js"
                            data-count="{{ $tr_count }}"
                            data-action="{{ route('material.autocomplete') }}"
                            required>
                    </select>
                </div>
                <a href="{{ route('material.create') }}" target="_blank" class="btn btn-primary btn-sm">
                    <i class="flaticon-plus"></i>
                </a>
                {{--<button type="button" class="btn btn-primary btn-sm" onclick="GlobalJs.open_new_mini_widow('{{ route('material.create') }}', 500,600)">
                    <i class="flaticon-plus"></i>
                </button>--}}
            </div>
            <br>
            <span class="label label-inline label-light-primary mt-2">
            Current Stock&nbsp;&nbsp;<b><span id="current_stock_0" data-count="0"
                                              class="current_stock-js font-weight-bold "></span></b>
        </span>
        </td>
        <td>
            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                <div class="btn-group" role="group">
                    <select name="material_issue_details[0][color_id]" id="color_id_{{ $tr_count }}"
                            class="form-control form-control-sm form-control-solid color-select2-js"
                            data-count="{{ $tr_count }}"
                            data-action="{{ route('color.autocomplete') }}">
                    </select>
                </div>
                <a href="{{ route('color.create') }}" target="_blank" class="btn btn-primary btn-sm">
                    <i class="flaticon-plus"></i>
                </a>
            </div>
        </td>
        <td>
            <div class="input-group">
                <input class="form-control form-control-sm text-right quantity-js"
                       type="text" data-count="0"
                       name="material_issue_details[0][quantity]" id="quantity_{{ $tr_count }}"
                       placeholder=""
                       value=""
                       min="1" required/>
            </div>
        </td>
        <td>
            <div class="input-group">
                <select name="material_issue_details[0][unit_id]" id="unit_id_{{ $tr_count }}"
                        class="form-control form-control-sm material_receipt_unit_id-js"
                        data-count="{{ $tr_count }}" required readonly="readonly">
                </select>
            </div>
        </td>
        <td>
            <textarea class="form-control form-control-sm" type="text" name="material_issue_details[0][remarks]"
                      id="remarks_{{ $tr_count }}"></textarea>
        </td>
        <td>
            <button type="button" class="btn btn-sm btn-clean btn-icon" data-repeater-delete>
                <i class="fas fa-trash-alt text-danger icon-md"></i>
            </button>
        </td>
    </tr>
@endif