@extends('layouts.app')

@section('stitle', __('messages.EditPurchaseRequisition'))
@section('title', __('messages.EditPurchaseRequisition'))

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            @if(session()->get('title') == "success")
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == "error")
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @endif
            <style>
                .table tfoot th {font-size: 1.2rem;}
            </style>
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title') - {{$purchase_requisition->reference}}</h2>
                            <div class="breadcrumb-wrapper">
                                <span class="badge badge-glow badge-warning ml-2" style="margin-top: 5px;">{{$purchase_requisition->status}}</span>
                            </div>
                        </div>

                    </div>

                </div>
                <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                    {{-- @include('purchase_order.purchase_order_inner_menu') --}}
                    <button class="btn btn-secondary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('purchase_requisition.list') }}'"><i data-feather='chevron-left' class="mr-1"></i>Back</button>
                </div>
            </div>

            <div class="content-body">

                <div class="row">
                    <div class="col-12">
                        <div class="card" >
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <h4 class="card-title mb-1">{{__('messages.Supplier')}}</h4>
                                            <input type="text" class="form-control" value="{{ $purchase_requisition->suppliers->name }}" disabled="">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <h4 class="card-title mb-1">{{__('messages.Warehouse')}}</h4>
                                            <input type="text" class="form-control" value="{{ $purchase_requisition->warehouse->name }}" disabled="">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <h4 class="card-title mb-1">{{__('messages.CreateDate')}}</h4>
                                            <input type="text" class="form-control" value="{{ $purchase_requisition->created_at }}" disabled="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Items -->
                <div class="content-header row">
                    <div class="content-header-left col-md-6 col-12 mb-2">
                        <div class="row breadcrumbs-top">
                            <div class="col-12">
                                <h5 class=" float-left mb-0 pt-1">{{__('messages.Item')}}</h5>
                            </div>
                        </div>
                    </div>
                    <div id="addIngDiv" class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                        <div class="form-group breadcrumb-right mb-1">
                            <button class="getIng btn btn-primary waves-effect waves-float waves-light" type="button"
                                    data-toggle="modal" data-target="#addIngredient">{{__('messages.AddItem')}}
                            </button>
                        </div>
                    </div>
                </div>

                <form class="a-form">
                    <div class="card">

                        <table id="POrderData" class="invoice-list-table table prowdata_ing" >
                            <thead>
                            <tr>
                                <th>{{__('messages.name')}}</th>
                                <th>{{__('messages.SKU')}}</th>
                                <th>{{__('messages.BARCODE')}}</th>
                                <th>{{__('messages.UnitCost(ExcVAT)')}}</th>
                                <th>{{__('messages.VAT%')}}</th>
                                <th>{{__('messages.QTY')}}</th>
                                <th>{{__('messages.SubTotal')}}</th>
                                <th>{{__('messages.VAT')}}</th>
                                <th>{{__('messages.TotalAmount')}}</th>
                                <th>{{__('messages.ACTION')}}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($purchase_requisition->prItems as $prItem)
                                <tr class="{{ $prItem->id }}">
                                    <td>{{ $prItem->name }}</td>
                                    <td>{{ $prItem->sku }}</td>
                                    <td>{{ $prItem->barcode }}</td>
                                    <td>
                                        <div class="input-group input-group-sm" style="max-width: 160px;">
                                            <input type="number" class="form-control cost row_{{$prItem->id}}" name="prItemList[{{ $prItem->id }}][cost]" value="{{ $prItem->cost }}"/>
                                        </div>
                                    </td>
                                    <td>{{ $prItem->tax_rate }} %</td>
                                    <td>
                                        <div class="input-group input-group-sm" style="max-width: 160px;">
                                            <input type="number" class="form-control qty row_{{$prItem->id}}" name="prItemList[{{ $prItem->id }}][qty]" value="{{ $prItem->qty }}"/>
                                            <div class="input-group-append">
                                                <span class="input-group-text">{{ $prItem->storage_unit }}</span>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="input-group input-group-sm" style="max-width: 160px;">
                                            <input type="text" readonly class="form-control iqtytotalcost" name="prItemList[{{ $prItem->id }}][totalItemCost]" value="{{ $prItem->subtotal }}"/>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="input-group input-group-sm" style="max-width: 160px;">
                                            <input type="text" readonly class="form-control iqtytotaltax" name="prItemList[{{ $prItem->id }}][totalItemTax]" value="{{ $prItem->tax }}"/>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="input-group input-group-sm" style="max-width: 160px;">
                                            <input type="text" readonly class="form-control totalamount" name="prItemList[{{ $prItem->id }}][totalAmount]" value="{{ $prItem->total }}"/>
                                        </div>
                                    </td>
                                    <td class="text-right">
                                        <button id="{{$prItem->id}}" class="btn btn-sm btn-danger removeItemPro">
                                            {{__('messages.Remove')}}
                                        </button>
                                        <input type="hidden" class="prItemId" name="prItemList[{{ $prItem->id }}][poItemID]" value="{{ $prItem->id }}"/>
                                        <input type="hidden" class="prItemTaxRate" name="prItemList[{{ $prItem->id }}][itemTaxRate]" value="{{ $prItem->tax_rate }}"/>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                            <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th>Cost<br><spsn class="text-warning"><span class="tqtycost">{{ $purchase_requisition->cost }}</span></spsn></th>
                                <th>VAT<br><spsn class="text-warning"><span class="total_vat">{{ $purchase_requisition->tax }}</span></spsn></th>
                                <th colspan="2">Total Amount<br><spsn class="text-warning"><span class="total_amount">{{ $purchase_requisition->total }}</span></spsn></th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="row ingUpdate">
                        <div class="col-10"></div>
                        <div class="col-2 text-right">
                            <input type="hidden" name="pr_id" value="{{ $purchase_requisition->id }}">
                            <input type="hidden" class="pr_cost" name="pr_cost" value="{{ $purchase_requisition->cost }}">
                            <input type="hidden" class="pr_tax" name="pr_tax" value="{{ $purchase_requisition->tax }}">
                            <input type="hidden" class="pr_total" name="pr_total" value="{{ $purchase_requisition->total }}">
                            <button class="btn btn-success mb-2 allIngUpdate" >{{__('messages.Update')}}</button>
                        </div>
                    </div>
                </form>

            </div>
        </div>


        <div class="modal-size-sm d-inline-block">
            <!-- Modal -->
            <div class="modal fade text-left" id="addIngredient" tabindex="-1" role="dialog"
                 aria-labelledby="myModalLabel17" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel17">{{__('messages.AddIngredients')}}</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label>{{__('messages.SelectIngredients')}}:</label>
                                        <select id="addIngre"
                                                class="select2 add_ingredient form-control form-control-lg"
                                                name="add_ingredient[]" multiple required>
                                            @foreach($items as $item)
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                        <input type="hidden" class="purchase_id" name="purchase_id" value="{{ $purchase_requisition->id }}">
                                        <input type="hidden" class="reference" name="reference" value="{{ $purchase_requisition->reference }}">
{{--                                        <input type="hidden" class="branch_id" name="branch_id" value="{{ $purchase_requisition->branch_id }}">--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="addIng btn btn-primary">{{__('messages.Submit')}}</button>
                        </div>
                        {{--                            </form>--}}
                    </div>
                </div>
            </div>
        </div>

@endsection
@push('my_scripts')
    <script>
        function totalCalc() {
            var iqtytotal = 0;
            $('.iqtytotalcost').each(function(){
                iqtytotal += parseFloat(this.value);
            });
            console.log(iqtytotal);
            $('.tqtycost').html(iqtytotal.toFixed(2));
            $('.pr_cost').val(iqtytotal.toFixed(2));

            var totalVat = 0;
            $('.iqtytotaltax').each(function(){
                totalVat += parseFloat(this.value);
            });
            $('.total_vat').html(totalVat.toFixed(2));
            $('.pr_tax').val(totalVat.toFixed(2));

            var subtotalAmount = 0;
            $('.totalamount').each(function(){
                subtotalAmount += parseFloat(this.value);
            });
            $('.total_amount').html(subtotalAmount.toFixed(2));
            $('.pr_total').val(subtotalAmount.toFixed(2));
        }
        function rowTotalCalc(unitprice, unitqty, unittax, gcls) {
            total = unitprice*unitqty;
            unitTotalTax = total*unittax/100;
            totalAmount = total+unitTotalTax;
            $('tr.'+gcls+' input.iqtytotalcost').val(total.toFixed(2));
            $('tr.'+gcls+' input.iqtytotaltax').val(unitTotalTax.toFixed(2));
            $('tr.'+gcls+' input.totalamount').val(totalAmount.toFixed(2));
            totalCalc();
        }
            function removeItem() {
                var iqtytotal = 0;
                $('.totalCost').each(function(){
                    iqtytotal += parseFloat(this.value);
                });
                $('.tqtycost').html(iqtytotal.toFixed(2));
                $('.purchase_order_total').val(iqtytotal.toFixed(2));
            }

            $("#addIngDiv").on("click", ".getIng", function (e) {
                e.preventDefault();
                var pId = $(".purchase_id").val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('input[name="_token"]').val()
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: "{{ route('purchase_requisition.get_ingredient') }}",
                    data: {pId: pId},
                    success: function (data) {
                        $("#addIngre").empty();
                        $.each(data, function (key, value) {
                            $("#addIngre").append('<option value="' + key + '">' + value + '</option>');
                        });
                    }
                });
            });

            $("#addIngredient").on("click", ".addIng", function (e) {
                e.preventDefault();
                var itemIds = $(".add_ingredient").val();
                var pId = $(".purchase_id").val();
                var reference = $(".reference").val();
                var branch_id = $(".branch_id").val();
                if (itemIds != '') {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('input[name="_token"]').val()
                        }
                    });
                    $.ajax({
                        type: 'POST',
                        url: "{{ route('purchase_requisition.add_ingredient') }}",
                        data: {itemIds: itemIds, pId: pId, reference: reference, branch_id: branch_id},
                        success: function (data) {
                            $('.prowdata_ing tbody').append(data.table_data);
                            $('.tqtycost').html(data.pr_cost);
                            $('.total_vat').html(data.pr_tax);
                            $('.total_amount').html(data.pr_total);
                            $('#addIngredient').modal('hide');
                        }
                    });
                }else {
                    Swal.fire({
                        title: 'Error!',
                        text: 'Select Items',
                        icon: 'error',
                        customClass: {
                            confirmButton: 'btn btn-primary'
                        },
                        showClass: {
                            popup: 'animate__animated animate__shakeX'
                        },
                        buttonsStyling: false
                    });
                }
            });

            $(".ingUpdate").on("click", ".allIngUpdate", function (e) {
                e.preventDefault();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('input[name="_token"]').val()
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: "{{ route('purchase_requisition.update_ingredient') }}",
                    data: $('form.a-form').serializeArray(),
                    success: function (data) {
                        Swal.fire({
                            position: 'bottom-end',
                            icon: 'success',
                            title: 'Item has been saved',
                            showConfirmButton: false,
                            timer: 1500,
                            customClass: {
                                confirmButton: 'btn btn-primary'
                            },
                            buttonsStyling: false
                        });
                    }
                });
            });

            $(".prowdata_ing").on("click", ".removeItemPro", function (e) {
                e.preventDefault();
                var id = this.id;
                var pId = $(".purchase_id").val();
                var selectedTr = $(this).closest('tr');

                Swal.fire({
                    title: "Are you sure?",
                    text: "You won't be able to revert this!",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonText: "Yes, remove it!",
                    customClass: {
                        confirmButton: 'btn btn-primary',
                        cancelButton: 'btn btn-outline-danger ml-1'
                    },
                    buttonsStyling: false
                }).then(function(result) {
                    if (result.value) {
                        selectedTr.remove();
                        totalCalc();
                        var pr_cost = $('.pr_cost').val();
                        var pr_tax = $('.pr_tax').val();
                        var pr_total = $('.pr_total').val();
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('input[name="_token"]').val()
                            }
                        });
                        $.ajax({
                            type:'POST',
                            url:"{{ route('purchase_requisition.remove_ingredient') }}",
                            data:{id:id, pId:pId, pr_cost:pr_cost, pr_tax:pr_tax, pr_total:pr_total},
                            success:function(data)
                            {

                            }
                        });
                        Swal.fire({
                            icon: 'success',
                            title: 'Removed!',
                            text: 'Your record has been removed.',
                            customClass: {
                                confirmButton: 'btn btn-success'
                            }
                        });
                    }
                });
            });

            $(".prowdata_ing").on('focusout', '.cost', function () {
                var cls = this.className;
                var gcls = cls.substring(22);
                var unitQty = parseFloat($('tr.'+gcls+' input.qty').val());
                var unittax = parseFloat($('tr.'+gcls+' input.prItemTaxRate').val());
                var unitCost = parseInt($(this).val());
                total = unitCost*unitQty;
                $('tr.'+gcls+' input.iqtytotalcost').val(total.toFixed(2));
                rowTotalCalc(unitCost, unitQty, unittax, gcls);
                totalCalc();
                // removeItem();

            });

            $(".prowdata_ing").on('focusout', '.qty', function () {
                var cls = this.className;
                var gcls = cls.substring(21);
                var unitQty = parseInt($(this).val());
                var unittax = parseFloat($('tr.'+gcls+' input.prItemTaxRate').val());
                var unitCost = parseFloat($('tr.'+gcls+' input.cost').val());
                total = unitCost*unitQty;
                $('tr.'+gcls+' input.iqtytotalcost').val(total.toFixed(2));
                rowTotalCalc(unitCost, unitQty, unittax, gcls);
                // removeItem();
            });
    </script>
@endpush