@extends('stores.procurements.goods_received_notes.profile.main')
@section('demographic_info')
    active
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{--route('home')--}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{--route('drivers_management.index')--}}">Good Received Notes Management</a> <span class="divider">/</span></li>
        <li class="active">Good Received Note Profile</li>
    </ul>
@stop
@section('profile')
    <div class="tabbable">
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">
                <div class="msghead"
                     style="margin-bottom: 15px;margin-top: -20px;"
                >
                    <ul class="msghead_menu">
                        <li class="right btn-group">
                            <button class="btn" onclick='modelShow("edit_good_received_note_modal")'>
                                <i class="icon-edit"></i> &nbsp;EDIT </button></li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->

                <div class="mediamgr">
                    <div class="mediamgr_left">
                        <div class="mediamgr_head tab-content">

                                <div id="general_information" class="tab-pane fade in active">
                                    <table class="table table-invoice">
                                        <tr>
                                            <td style="text-align: right">GRN Number:</td>
                                            <td>{{$good_received_note->id}}</td>
                                            <td style="text-align: right">Date Received:</td>
                                            <td>{{ $good_received_note->getDate()}}</td>
                                        </tr>

                                        <tr>
                                            <td style="text-align: right">Received By:</td>
                                            <td>{{$good_received_note->getReceivedBy() }}</td>

                                            <td style="text-align: right">Exchange Rate:</td>
                                            <td>{{$good_received_note->exchange_rate}}</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Currency:</td>
                                            <td>{{ $good_received_note->currency }}</td>

                                            <td style="text-align: right">Total Amount:</td>
                                            <td>{{ $good_received_note->getAmount()}}</td>
                                        </tr>

                                        <tr>
                                            <td style="text-align: right">CR:</td>
                                            <td></td>

                                            <td style="text-align: right">DR:</td>
                                            <td>{{ $good_received_note->getDrAccount() }}</td>
                                        </tr>

                                        <tr>
                                            <td style="text-align: right">Received Quantity:</td>
                                            <td>{{$good_received_note->getQuantity() }}</td>

                                            <td style="text-align: right">Status:</td>
                                            <td>{{ $good_received_note->status }}</td>
                                        </tr>

                                        <tr>
                                            <td style="text-align: right">Reference Number:</td>
                                            <td>{{ $good_received_note->reference_number}}</td>
                                            <td style="text-align: right">Delivery Order Number:</td>
                                            <td>{{ $good_received_note->delivery_order_number }}</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: right">Remarks:</td>
                                            <td colspan="3">
                                                {{ $good_received_note->description }}
                                            </td>
                                        </tr>

                                    </table>
                                </div>

                                <div id="detailed_information" class="tab-pane fade">
                                    <table class="table">
                                        <tr>
                                            <th>ITEM</th>
                                            <th>DESCRIPTIONS</th>
                                            <th>QUANTITY</th>
                                            <th>PRICE</th>
                                            <th> DATE RECEIVED</th>
                                        </tr>
                                        @foreach($good_received_note->stockReceivedEntries as $good_received_item)
                                            <tr>
                                                <td>{{$good_received_item->item}}</td>
                                                <td>{{$good_received_item->descriptions}}</td>
                                                <td>{{$good_received_item->quantity}}</td>
                                                <td>{{$good_received_item->price_per_item}}</td>
                                                <td>{{$good_received_note->getDate()}}</td>

                                            </tr>
                                        @endforeach

                                    </table>
                                </div>

                        </div>
                    </div>
                </div>

            </div><!--tab-pane-->
        </div>
    </div>


    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="edit_good_received_note_modal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">EDIT GOOD RECEIVED NOTE</h3>
        </div>
        <div class="modal-body" id="edit_good_received_modal_body">
            <form method="POST" action="{{ route('procurement.good-received-notes.update') }}" accept-charset="UTF-8"
                  class="stdform"
                  id="update_procurement_good_received_note_form">
                {{ csrf_field() }}

                <div class="maincontent">

                    <div class="row-fluid">
                        <div class="span6">
                            <label class="span4"> Received Date *</label>

                            <div class="span8 date ">
                                <input type="text" name="date_received" class="span12 date_received" autocomplete="off"
                                       placeholder="Order date" required style="margin-left:-11px" value="{{$good_received_note->date_received}}"/>
                            </div>
                        </div>

                        <div class="span6">
                            <label class="span4">CR</label>
                            <div class="span8 field">
                                <select name="cr_account_id" data-placeholder="Credited Account" required
                                        id="cr_account" style="width: 100%">
                                    @foreach($credit_account_groups as $credit_account_group)
                                        <optgroup label="{{$credit_account_group->name}}">
                                            @foreach($credit_account_group->accounts as $account)
                                                <option class="account-select"
                                                        {{($account->id==$good_received_note->cr_account_id)? 'selected':''}}
                                                        value="{{$account->id}}">{{$account->name}}</option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span6">
                            <label class="span4">Order Number </label>
                            <input type="text" name="delivery_order_number" class="span8"
                                   placeholder="Delivery Order Number" value="{{$good_received_note->delivery_order_number}}"/>

                        </div>

                        <div class="span6">
                            <label class="span4">DR</label>
                            <span class="field span8">
                    <select name="dr_account_id" data-placeholder="Credited Account" required
                            id="dr_account_id" style="width: 100%">
                        @foreach($debit_account_groups as $debit_account_group)
                            <optgroup label="{{$debit_account_group->name}}">
                                @foreach($debit_account_group->accounts as $account)
                                    <option class="account-select" value="{{$account->id}}"
                                            {{($account->id==$good_received_note->dr_account_id)? 'selected':''}}
                                    >{{$account->name}}</option>
                                @endforeach
                            </optgroup>
                        @endforeach
                    </select>
                    </span>
                        </div>
                    </div>

                    <div class="row-fluid" style="margin-top: 4px">
                        <div class="span6">
                            <label class="span4">Reference Number</label>
                            <input type="text" name="reference_number" class="span8"
                                   id="reference_number"
                                   placeholder="Reference Number" value="{{$good_received_note->reference_number}}"/>
                        </div>
                        <div class="span6">
                            <label class="span4">Ordered By</label>
                            <span class="field span8">
                    <select name="received_by" id="received_by" required style="width: 100%">
                        @foreach($employees as $employee)
                            <option value="{{$employee->employee_id}}"
                                    {{($employee->employee_id==$good_received_note->user_id)? 'selected':''}}
                            >{{$employee->fullName}}</option>
                        @endforeach
                    </select>
                    </span>
                        </div>
                    </div>
                    <div class="row-fluid" style="margin-top: 4px">
                        <div class="span6">
                            <label class="span4">Exchange Rate</label>
                            <input type="text" name="exchange_rate" class="span8"
                                   id="exchange_rate"
                                   placeholder="Exchange Rate" value="{{$good_received_note->exchange_rate}}"/>
                        </div>
                        <div class="span6">
                            <label class="span4">Currency</label>
                            <span class="field span8">
                    <select name="currency" id="currency" required style="width: 100%">
                        <option value="TSH">TSH</option>
                        <option value="USD">USD</option>
                    </select>
                    </span>
                        </div>
                    </div>

                    <div class="row-fluid" style="margin-top: 4px">
                        <div class="span6">
                            {{--<label class="span4">VAT</label>--}}
                            {{--<div class="span8">--}}
                            {{--<select style="width: 100%;margin-left: -11px" id="vat_selection" name="vat">--}}
                            {{--<option value="INCLUSIVE">INCLUSIVE</option>--}}
                            {{--<option value="EXCLUSIVE">EXCLUSIVE</option>--}}
                            {{--</select>--}}
                            {{--</div>--}}
                        </div>
                        <div class="span6">
                            <label class="span4">Vendor</label>
                            <span class="field span8">
                      <select class="span12" name="vendor_id">
                            @foreach($vendors as $vendor)
                              <option value="{{$vendor->id}}"
                                      {{--                                      {{($vendor->id==$good_received_note->vendor_id)? 'selected':''}}--}}
                              >
                                    {{$vendor->name}}
                                </option>
                          @endforeach

                        </select>
                    </span>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="good_received_note_id" value="{{$good_received_note->id}}">

                <div class="row-fluid">
                    <table class="table table-condensed" id="added_good_received_row">
                        <tr>
                            <th style="width:25%">Item</th>
                            <th style="width:25%">Descriptions</th>
                            <th style="width:15%">Quantity</th>
                            <th style="width:15%">Price</th>
                            <th style="width:20%">Sub Total</th>
                            <th></th>
                        </tr>
                        @foreach($good_received_note->stockReceivedEntries as $stockReceivedEntry)
                            <tr>
                                <td>
                                    <select class="span12 searchable_select" name="item_id[]" style="width:100%">
                                        <option value="">Items</option>
                                        @foreach($items as $item)
                                            <option value="{{$item->id}}"
                                                    {{($item->id==$stockReceivedEntry->item_id)? 'selected':''}}
                                            >
                                                {{$item->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>

                                    <textarea rows="1" name="descriptions[]">{{$stockReceivedEntry->descriptions}}</textarea>

                                </td>
                                <td>
                                    <input type="text" name="quantity[]" value="{{number_format($stockReceivedEntry->quantity)}}"
                                           class="span12 quantity number"/>
                                </td>

                                <td>
                                    <input type="text" name="price[]" value="{{number_format($stockReceivedEntry->price_per_item)}}"
                                           class="span12 price number"/>
                                </td>

                                <td>
                                    <input type="text" name="sub_total[]"
                                           value="{{number_format(($stockReceivedEntry->price_per_item)*$stockReceivedEntry->quantity)}}"
                                           class="sub_total span12 number"/>
                                </td>

                                <td width="20">
                                    <button type="button" class="btn-mini btn-danger" id="remove_row"><a class="icon-remove"></a>
                                    </button>
                                </td>

                            </tr>
                        @endforeach
                    </table>
                </div>

                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span12">
                        <label class="span2">Remarks</label>
                        <span class="field">
                                    <textarea name="remark" cols="80" rows="5"
                                              class="span10">{{$good_received_note->description}}</textarea>
                                </span>
                    </div>
                </div>
            </form>

            <table style="display:none">
                <tbody id="adding_edit_good_received_order_row">
                <tr>
                    <td>
                        <select class="span12 {{--searchable_select--}}" name="item_id[]" style="width:100%">
                            <option value="">Items</option>
                            @foreach($items as $item)
                                <option value="{{$item->id}}"

                                >
                                    {{$item->name}}
                                </option>
                            @endforeach
                        </select>
                    </td>
                    <td>

                        <textarea rows="1" name="descriptions[]"></textarea>

                    </td>
                    <td>
                        <input type="text" name="quantity[]" value=""
                               class="span12 quantity number" style="text-align: right"/>
                    </td>

                    <td>
                        <input type="text" name="price[]" value=""
                               class="span12 price number" style="text-align: right"/>
                    </td>

                    <td>
                        <input type="text" name="sub_total[]"
                               value=""
                               class="sub_total span12 number" style="text-align: right"/>
                    </td>

                    <td width="20">
                        <button type="button" class="btn-mini btn-danger" id="remove_row"><a class="icon-remove"></a>
                        </button>
                    </td>

                </tr>
                </tbody>
            </table>

            <input type="hidden"  name="good_received_note_id" value="{{0}}">


        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-success" name="add_tyre" type="submit" id="update_procurement_good_received_btn">Save</button>
            <button class="btn addRow" type="button" id="add_edit_good_received_row"><i class="icon-plus-sign"></i> Add</button>
        </div>
    </div>


    <script>

        jQuery(document).ready(function () {
            jQuery(".date_received").datepicker();
            jQuery('.searchable_select').select2();
            multply()
        });


        jQuery('#update_procurement_good_received_btn').on('click', function (e) {
            e.preventDefault();
            var url = "{{route('procurement.good-received-notes.update')}}";
            var formData = jQuery('#update_procurement_good_received_note_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'post',
                data: formData,
                cache: false,
                success: function (data) {
                    if (data == "ERROR") {
                        jQuery.jGrowl('FILL ALL REQUIRED FIELDS', {
                            theme: 'contrastBorder',
                            sticky: true

                        });
                    } else {
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} GRN UPDATED! ', {
                            theme: 'contrastBorder',
                            sticky: true
                        });

                        jQuery('#edit_good_received_note_modal').modal('toggle');
                    }
                    console.log(data);
                }
            });


        });


        jQuery("#added_good_received_row").on('click', '#remove_row', function () {
            jQuery(this).parent().parent().remove();
        });

        jQuery("#add_edit_good_received_row").click(function () {
            var response = jQuery('#adding_edit_good_received_order_row').clone();
            response.removeAttr("id").removeAttr('style');
            response.find('select').select2();
            jQuery('#added_good_received_row').append(response);
            multply();
            numberFormat();
        });

        function multply() {
            jQuery('.quantity').on('keyup', function () {
                var parent_tr = jQuery(this).parents('tr');
                var sub_total_amount = removeComma(parent_tr.find('.price').val()) * removeComma(jQuery(this).val());
                parent_tr.find('.sub_total').val(addCommas(sub_total_amount));
//            calculateTax()
            });

            jQuery('.price').on('keyup', function () {
                var parent_tr = jQuery(this).parents('tr');
                var sub_total_amount = removeComma(parent_tr.find('.quantity').val()) * removeComma(jQuery(this).val());
                parent_tr.find('.sub_total').val(addCommas(sub_total_amount));
//            calculateTax()
            });


        }

        function calculateTax() {
            var basic_value_amount = jQuery('#basic_value_amount');
            if (jQuery('#vat_selection').val() == 'INCLUSIVE') {
                basic_value_amount.val(addCommas(calculateSum() / 1.18));
                jQuery('#grand_total').val(addCommas(calculateSum()));
                jQuery('#tax_amount').val((calculateSum() / 1.18) * 0.18);
            } else {
                basic_value_amount.val(addCommas(calculateSum()));
                jQuery('#tax_amount').val(0.18 * removeComma(basic_value_amount.val()));
                jQuery('#grand_total').val(addCommas(parseFloat(removeComma(basic_value_amount.val()))
                    + parseFloat((removeComma(basic_value_amount.val()) * 0.18))))
            }
        }

        function addCommas(nStr) {
            nStr += '';
            x = nStr.split('.');
            x1 = x[0];
            x2 = x.length > 1 ? '.' + x[1] : '';
            var rgx = /(\d+)(\d{3})/;
            while (rgx.test(x1)) {
                x1 = x1.replace(rgx, '$1' + ',' + '$2');
            }
            return x1 + x2;
        }

        function removeComma(element) {
            return element.replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', '');
        }

        function calculateSum() {
            var sum = 0;
            jQuery(".sub_total").each(function () {
                var value = removeComma(jQuery(this).val());
                if (!isNaN(value) && value.length != 0) {
                    sum += parseFloat(value);
                }
            });
            return sum;
        }


    </script>

@stop