@extends("WarehouseDashboard.layouts.dashboard.app")

@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__('Request Items')}}</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="{{route("RequestOrder.index")}}">{{__('Request Items')}}</a></li>

        </ul>
    </div>
@endsection
@section("content")
    @include("layouts.main-parts.page-message")
    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__('Request New Items')}}</h3>
                <div class="tile-body">
                    @foreach($errors->all() as $error)
                        <div class="alert alert-danger">{{$error}}</div>
                    @endforeach
                    @if(has_branch() && isset(Auth::user()->branch_manger->branches->form))



                                     <form action = {{route('form.items',['form_id'=>Auth::user()->branch_manger->branches->form->id])}}>
                                                    <div class="form-group">
                                                        <label for="exampleSelect1">{{__('order Type')}}</label>
                                                        <select  class="form-control" onchange="this.form.submit()"  id="FormName" name="order_type">
                                                            <option value="">{{__("Select order Type")}}</option>
                                                            <option @if(Request()->order_type == 1) selected @endif  value="1">{{__("Warehouse")}}</option>
                                                            <option   @if(Request()->order_type == 2) selected @endif value="2">{{__("Operator")}}</option>
                                                        </select>
                                                    </div>
                                       </form>




{{--                    <form method="post" action="{{route("RequestOrder.store")}}" enctype="multipart/form-data">--}}
                            <form method="post" enctype="multipart/form-data" id="addForm">
                        @csrf
                            <input type="hidden" value="{{Auth::user()->branch_manger->branches->form->id}}" name="form_id" id="form_id">
                            <input type="hidden" name="order_number">
                            <div class="form-group col-md-12">
                                <div class="form-group">
                                    <label for="exampleSelect1">{{__('Type')}}</label>
                                    <select class="form-control"  name="type">
                                            <option selected value="1">{{__("Normal")}}</option>
                                            <option value="2">{{__("urgent")}}</option>
                                    </select>
                                </div>
                                @error("order_type")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>

                            <br>
                            <table class="table table-striped" id="table">
                                <thead>
                                <tr>
                                    <th>{{__('Item Code')}}</th>
                                    <th>{{__('Item Name')}}</th>
                                    <th>{{__('Unit')}}</th>
                                    <th>{{__('request-unit')}}</th>
                                    <th>{{__('Inventory Quantity')}}</th>
                                    <th>{{__('Quantity')}}</th>
                                </tr>
                                </thead>
                                <tbody id="tbody">
                                                                    @if(isset($items)  && $items != null)
                                        <input type="hidden" name="order_type" value="{{$order_type}}">
                                    @foreach( $items as $item)

                                        @if($item->min!=0)

                                        <input type="hidden" name="items[{{$item->item_id}}][type]" value="{{$item->warehous->type_name}}">
                                        <input type="hidden" name="items[{{$item->item_id}}][item_id]" value="{{$item->item_id}}" id="item{{++$serial_number}}">
                                        <tr>
                                            <td> {{$item->warehous->item_code}} </td>
                                            <td> {{$item->warehous->name_ar}}  </td>

                                            <td>{{$item->warehous->unit_name}}</td>
                                            <td>{{$item->min}}</td>
                                            <td>
                                                <input  class="form-control"  type="number" min="0" name="items[{{$item->item_id}}][inventory_quantity]"  value="{{inputValue('items['.$item->item_id.'][inventory_quantity]')}}">
                                            </td>
                                            <td><input class="form-control " type="number" min="0" name="items[{{$item->item_id}}][quantity]" id="qty{{$serial_number}}"></td>
                                        </tr>
                                        @endif
                                    @endforeach
                                @endif
                                </tbody>
                            </table>

                        <div class="tile-footer">
                            <button class="btn btn-primary sub" id="btn" onclick="addRequest()" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i><i
                                    class="loading-icon fa-lg fas fa-spinner fa-spin hide"
                                    style="display: none"></i><span id="textSpan"
                                                                    style="font-size: 14px">{{__('Submit')}}</span>
                            </button>

                        </div>

                    </form>
                     @else
                            <div class="alert alert-danger" role="alert">
                                {{__("your branch don't have form to request item call admin to assign form for your branch")}}
                            </div>
                        @endif
                </div>

            </div>
        </div>
    </div>
@endsection
@section("scripts")
<script>
    $(document).ready(function () {
    var noIndicator = 'No';
    var yesIndicator = 'Yes';
    var isOperationInProgress = 'No';

    $('.sub').click(function (e) {
    // Prevent button from double click
    var isPageValid = Page_ClientValidate();
    if (isPageValid) {
    if (isOperationInProgress == noIndicator) {
    isOperationInProgress = yesIndicator;
    } else {
    e.preventDefault();
    }
    }
    });
    });
</script>
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');

        }
        function addRequest(){
            var locale = '{{ config('app.locale') }}';
            let noOfRows = $('.table tbody tr').length;
            var dataArray = [];
            var addFlag = 1;
            var zeroFlag = 0;
            $('#addForm input[type="number"]').each(function(){
                if(!$(this).val()){
                    addFlag = 0;
                    swal({
                        title: '{{__("warning")}}',
                        text: '{{__("not-filled-quantities")}}',
                        icon: "warning",
                        buttons: ['{{__("no")}}', '{{__("yes")}}'],
                        dangerMode: true,
                    }).then((willCancel) => {
                        if (willCancel) {
                            $('#addForm input[type="number"]').each(function(){
                                if(!$(this).val())
                                    $(this).val(0);
                            })
                        }
                    });
                }
            });
            if(addFlag === 1) {
                for (var i = 1; i <= noOfRows; i++) {
                    if ($("#qty" + i).val() > 0 && zeroFlag == 0) {
                        zeroFlag = 1;
                    }
                    const dataObj = {
                        item_id: $("#item" + i).val(),
                        quantity: $("#qty" + i).val(),
                    };
                    dataArray.push(dataObj);
                }
                if(zeroFlag === 1){
                $(".hide").css({'display': ''});
                $(".fa-check-circle").css("display", "none");
                $("#btn").attr("disabled", true);
                $("#textSpan").html("{{__("saving")}}");
                var formData = new FormData();
                formData.append("lang", locale);
                formData.append("formId", $("#form_id").val());
                formData.append("items", JSON.stringify(dataArray));
                var baseUrl = window.location.origin;
                $.ajax({
                    type: "post",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: baseUrl + "/api/check-request-quantity",
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    data: formData,
                    success: function (response) {
                        if (response["status"] === 201) {
                            $(".hide").css({'display': 'none'});
                            $(".fa-check-circle").css("display", "");
                            $("#btn").attr("disabled", false);
                            $("#textSpan").html("{{__("Submit")}}");
                            swal({
                                icon: 'error',
                                title: '{{__('error')}}',
                                text: response["message"]
                            })
                        } else if(response["status"] === 200){
                            $("#addForm").attr("action", "{{route("RequestOrder.store")}}");
                            $(".sub").attr("type", "submit");
                            $("#addForm").submit()
                        }
                    },
                    error: function (response) {

                    }
                });
            }else{
                    swal({
                        icon: 'error',
                        title: '{{__('error')}}',
                        text: '{{__('add-qty-error')}}',
                    })
                }
            }
        }
    </script>

    <script>

            $(document).ready(function () {})
    </script>
@endsection