@extends('tyres.good_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('index')--}}">Procurement Management</a> <span
                    class="divider">/</span></li>
        <li class="active">Purchase Order 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" id="edit_purchase_order_btn">
                                <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">Order Number:</td>
                                        <td>{{$purchase_order->id}}</td>
                                        <td style="text-align: right">Ordered By:</td>
                                        <td>{{$purchase_order->created_by }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: right">Ordered Date:</td>
                                        <td>{{ date('d F Y',strtotime($purchase_order->date ))}}</td>

                                        <td style="text-align: right">Delivery Date:</td>
                                        <td>{{ date('d F Y',strtotime($purchase_order->delivery_date) )}}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: right">Vendor/Supplier:</td>
                                        <td>{{ $purchase_order->vendor }}</td>

                                        <td style="text-align: right">Ordered Quantity:</td>
                                        <td>{{ $purchase_order->getGeneralPurchaseOrderQuantity() }}</td>
                                    </tr>

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

                                        <td style="text-align: right">Currency:</td>
                                        <td>{{ $purchase_order->currency }}</td>
                                    </tr>

                                    <tr>
                                        <td style="text-align: right">Total Price:</td>
                                        <td>{{$purchase_order->tire_total_price }}</td>

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

                                    <tr>
                                        <td style="text-align: right">Quantity Received:</td>
                                        <td>{{ $purchase_order->QuantityReceived() }}</td>
                                        <td style="text-align: right">Quantity Remained:</td>
                                        <td>{{ $purchase_order->getGeneralPurchaseOrderQuantity() - $purchase_order->QuantityReceived() }}</td>
                                    </tr>

                                    <tr>
                                        <td style="text-align: right">Delivery City:</td>
                                        <td>{{ $purchase_order->delivery_city }}</td>

                                        <td style="text-align: right">Delivery Point:</td>
                                        <td>{{ $purchase_order->delivery_point }}</td>
                                    </tr>


                                    <tr>
                                        <td style="text-align: right">Remarks:</td>
                                        <td colspan="3">
                                            {{ $purchase_order->remarks }}
                                        </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>QUANTITY RECEIVED</th>
                                        <th>PRICE</th>
                                        <th>PRICE PER ITEM</th>
                                        <th>VAT</th>

                                    </tr>
                                    @foreach($purchase_order->generalPurchaseOrderItems as $general_order)
                                        <tr>
                                            <td>{{$general_order->item}}</td>
                                            <td>{{$general_order->descriptions}}</td>
                                            <td>{{$general_order->quantity}}</td>
                                            <td>{{$general_order->getQuantityReceived($general_order->item_id)}}</td>
                                            <td>{{$general_order->price}}</td>
                                            <td>{{$general_order->price-$general_order->discount}}</td>
                                            <td>{{$general_order->vat}}</td>


                                        </tr>
                                    @endforeach

                                </table>
                            </div>

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

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

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" class="modal hide fade in"
         id="edit_purchase_order_profile_modal">
        <form method="POST" action="{{ route('procurement.purchase-order.update') }}" accept-charset="UTF-8"
              class="stdform"
              id="edit_procurement_purchase_order_form">
            {{ csrf_field() }}
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">EDIT PURCHASE ORDER</h3>
            </div>

            <div class="modal-body" id="edit_purchase_order_profile_modal_body">
                <div class="maincontent">

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

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

                        <div class="span6">
                            <label class="span4">Delivery Date</label>
                            <div class="span8 field ">
                                <input type="text" name="delivery_date" class="span12 delivery_date" autocomplete="off"
                                       value="{{$purchase_order->delivery_date}}"
                                       placeholder="Delivery date" required/>
                            </div>
                        </div>
                    </div>

                    @if(!$purchase_order_shipment_detail)
                        <div class="row-fluid">
                            <div class="span6">
                                <label class="span4">Delivery City</label>
                                <span class="field span8" style="margin-left:0">
                    <select name="delivery_city_id" style="width: 100%" class="searchable_select span12"
                            required>
                        @foreach($cities as $city)
                            <option
                                    {{($city->id==$purchase_order->city_id)? 'selected':''}}
                                    value="{{$city->id}}"> {{$city->name}}
                            </option>
                        @endforeach
                    </select>
                </span>
                            </div>

                            <div class="span6">
                                <label class="span4">Delivery Point</label>
                                <div class="span8 field ">
                                    <input type="text" name="delivery_point" class="span12" autocomplete="off"
                                           value="{{$purchase_order->delivery_point}}"
                                           placeholder="Specific Location" required/>
                                </div>
                            </div>
                        </div>
                    @endif


                    <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"
                                   value="{{number_format($purchase_order->exchange_rate)}}"
                                   placeholder="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"
                                {{$purchase_order->currency=="TSH"?'selected':''}}
                        >TSH</option>
                        <option value="USD"
                                {{$purchase_order->currency=="USD"?'selected':''}}
                        >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="EXEMPT"
                                    @foreach($purchase_order->generalPurchaseOrderItems as $generalPurchaseOrderItem)
                                        {{$generalPurchaseOrderItem->vat=="EXEMPT"?'selected':''}}
                                            @endforeach
                                    > EXEMPT
                                    </option>
                                    <option value="INCLUSIVE"
                                    @foreach($purchase_order->generalPurchaseOrderItems as $generalPurchaseOrderItem)
                                        {{$generalPurchaseOrderItem->vat=="INCLUSIVE"?'selected':''}}
                                            @endforeach
                                    >INCLUSIVE
                                    </option>
                                    <option value="EXCLUSIVE"
                                    @foreach($purchase_order->generalPurchaseOrderItems as $generalPurchaseOrderItem)
                                        {{$generalPurchaseOrderItem->vat=="EXCLUSIVE"?'selected':''}}
                                            @endforeach
                                    >EXCLUSIVE
                                    </option>

                                </select>

                            </div>
                        </div>
                        <div class="span6">
                            <label class="span4">Vendor</label>
                            <span class="field span8">
                      <select class="span12 searchable_select" name="vendor_id" style="width: 100%">
                            @foreach($vendors as $vendor)
                              <option value="{{$vendor->id}}"
                                      {{($vendor->id==$purchase_order->vendor_id)? 'selected':''}}
                              >
                                    {{$vendor->name}}
                                </option>
                          @endforeach

                        </select>
                    </span>
                        </div>
                    </div>

                    @if($purchase_order_shipment_detail)
                        <div class="row-fluid shipment_details" id="shipment_details">
                            <div class="span6">
                                <label class="span4">Truck</label>
                                <span class="span8 field" style="margin-left: 1px ">
                        <select name="truck_id" style="width:100%;" class="searchable_select " id="truck_id">
                            @foreach($trucks as $truck)
                                <option value="{{$truck->id}}"
                                        {{$purchase_order_shipment_detail->truck_id==$truck->id?'selected':''}}
                                >
                                    {{$truck->registration_number}}
                                </option>
                            @endforeach
                        </select>
                    </span>

                            </div>
                            <div class="span6">
                                <label class="span4">Trailer</label>
                                <span class="field span8">
                      <select class="searchable_select" name="trailer_id" style="width:100%">
                            @foreach($trailers as $trailer)
                              <option value="{{$trailer->id}}"
                                      {{$purchase_order_shipment_detail->trailer_id==$trailer->id?'selected':''}}
                              >
                                    {{$trailer->registration_number}}
                                </option>
                          @endforeach

                        </select>
                    </span>
                            </div>

                        </div>
                        <div class="row-fluid shipment_details">
                            <div class="span6">

                            </div>
                            <div class="span6">

                                <label class="span4">Driver</label>
                                <span class="field span8">
                <select class="span12 searchable_select" name="driver_id" style="width:100%">
                    @foreach($employees as $employee)
                        <option value="{{$employee->employee_id}}"
                                {{$purchase_order_shipment_detail->driver_id==$employee->employee_id?'selected':''}}
                        >
                        {{$employee->employee_name}}{{$employee->middle_name}} {{ $employee->last_name}}
                        </option>
                    @endforeach
                </select>
            </span>
                            </div>

                        </div>
                    @endif
                    <div class="row-fluid">
                        <div class="span6">
                            <label class="span4">Shipment Options</label>

                            <label class="radio-inline span4">
                                <input type="radio" name="shipment_option" id="pickup" style="height:6px;margin:5px"
                                       value="PICKUP"
                                       checked
                                        {{$purchase_order_shipment_detail?'checked':''}}
                                >Pickup
                            </label>
                            <label class="radio-inline span4">
                                <input type="radio" name="shipment_option" id="delivery" style="height:6px;margin:5px"
                                       value="DELIVERY"
                                        {{!$purchase_order_shipment_detail?'checked':''}}
                                >Delivery
                            </label>
                        </div>

                        <div class="span6 shipping_cost" id="shipping_cost">
                            @if(!$purchase_order_shipment_detail)
                                <label class="span4">Shipping Cost</label>
                                <div class="span8 field">
                                    <input type="text" name="shipping_cost" class="span12 number" autocomplete="off"
                                           value="{{$purchase_order_shipment_expense->cost}}"
                                           id="shipping_cost_text_field"/>
                                </div>
                            @else
                                <input type="hidden" name="shipping_cost" value="0" id="shipping_cost_text_field">
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <table class="table table-condensed addedRow" id="added_order_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($purchase_order->generalPurchaseOrderItems as $general_order)
                            <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==$general_order->item_id)? 'selected':''}}
                                            >
                                                {{$item->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>

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

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

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


                                <td>
                                    <input type="text" name="sub_total[]"
                                           value="{{number_format(($general_order->price-$general_order->discount)*$general_order->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">
                    <div class="span7">

                    </div>
                    <div class="span5">
                        <div class="span12 ">
                            <label class="span4"><strong>BASIC VALUE:</strong></label>
                            <div class="span8 pull-right">
                                <input type="text" id="basic_value_amount" class="text-right" style="width: 70%"
                                       name="basic_value_amount">
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span7">

                    </div>
                    <div class="span5">
                        <div class="span12">
                            <label class="span4"><strong>VAT(18%)</strong></label>
                            <div class="span8 pull-right">
                                <input type="text" id="tax_amount" class="text-right" style="width: 70%;" name="">
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span7">

                    </div>
                    <div class="span5">
                        <div class="span12">
                            <label class="span4"><strong>TOTAL AMOUNT:</strong></label>
                            <div class="span8 pull-right field">
                                <input type="text" id="grand_total" class="text-right" style="width: 70%"
                                       name="grand_total">
                            </div>
                        </div>

                    </div>
                </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">{{$purchase_order->remarks}}</textarea>
                                </span>
                    </div>
                </div>
                <input type="hidden" name="purchase_order_id" value="{{$purchase_order->id}}">

            </div>

            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button class="btn btn-primary" name="submit" type="submit" id="update_purchase_order_btn">UPDATE
                </button>
                <button class="btn" name="submit" type="submit" id="add_edit_order_profile_row"
                        onclick="event.preventDefault()"><span class="icon icon-plus-sign"></span>Add
                </button>
            </div>
        </form>

        <table style="display:none">
            <table style="display:none">
                <tbody id="adding_order_row">
                <tr>
                    <td>
                        <select class="span12 " 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>
        </table>

    </div>
    </div>

    <script>
        jQuery(document).ready(function () {
            jQuery(".delivery_date").datepicker();
            jQuery(".order_date").datepicker();
            numberFormat();
            jQuery('.searchable_select').select2();
            multply();
        });
        jQuery('#edit_purchase_order_btn').on('click', function () {
            jQuery('#edit_purchase_order_profile_modal').appendTo("body").modal('toggle');
        });

        jQuery('#add_edit_order_profile_row').on('click', function () {
            var response = jQuery('#adding_order_row').clone();
            response.removeAttr("id").removeAttr('style');
            response.find('select').select2();
            jQuery('#added_order_row').append(response);
            multply();
            numberFormat();
        });

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


        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()
            });

            calculateDiscount()
        }

        jQuery('#vat_selection').on('change', function () {
            calculateTax()
        });

        jQuery('#shipping_cost_text_field').keyup(function (e) {
            calculateTax();
        });

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

        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;
        }

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

        function calculateDiscount() {
            var total_discount = jQuery('#total_discount');
            jQuery('.discount').on('keyup', function () {
                var parent_tr = jQuery(this).parents('tr');
                parent_tr.find('.discount_rate').val(removeComma(jQuery(this).val()) * 100 / removeComma(parent_tr.find('.sub_total').val()));
                total_discount.val(addCommas(calculateTotalDiscount()));
                calculateTax()
            });

            jQuery('.discount_rate').on('keyup', function () {
                var parent_tr = jQuery(this).parents('tr');
                parent_tr.find('.discount').val(removeComma(jQuery(this).val()) * removeComma(parent_tr.find('.sub_total').val()) / 100);
                total_discount.val(addCommas(calculateTotalDiscount()));
                calculateTax()
            })
        }

        jQuery('#update_purchase_order_btn').on('click', function (e) {
            e.preventDefault();
            var url = "{{route('procurement.purchase-order.update')}}";
            var formData = jQuery('#edit_procurement_purchase_order_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'post',
                data: formData,
                cache: false,
                success: function (data) {
                    if (data == 'DONE') {
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} PROCUREMENT PURCHASE ORDER IS UPDATED ', {
                            theme: 'contrastBorder',
                            sticky: true

                        });

                        jQuery('#edit_purchase_order_profile_modal').modal('toggle');
                    } else {
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} THIS ORDER CAN\'T BE UPDATED ', {
                            theme: 'contrastBorder',
                            sticky: true

                        });
                    }
                    console.log(data);
                }
            });


        });

    </script>
@stop