@extends('layouts.template')


@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>
        Purchase
        
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Purchase <a target="_blank" class="btn btn-warning btn-sm" href="{{ url('/purchase/invoice/'.$lastPurchaseMasterNo) }}"><i class="fa fa-print"></i> Print Last Invoice</a></li></li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<section class="content">
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    <!-- <form class="form" action="{{ route('purchase.store') }}" method="post" > -->
                    {!! Form::open(array('url' =>'purchase/store','id'=>'purchase_form', 'method' => 'post')) !!}
                    <!-- {!! Form::open(array('method' => 'post')) !!} -->
                        {{ csrf_field() }}
                                <!-- <form class="form" action="{{ route('item.store') }}" method="post" > -->
                                <div class="row">
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="">Supplier Name</label>
                                        <select name="supplier_id" id="supplier_id" class="form-control"  required> 
                                            <option value="">---Select---</option>
                                            @foreach($suppliers as $supplier)
                                                <option value="{{ $supplier->supplier_id }}">{{ $supplier->sup_name }}-{{$supplier->sup_phone_no}} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="">Purchase Date</label>
                                        <input type="text" value="@php echo date('Y-m-d'); @endphp" name="purchase_date" class="form-control" data-date-format="yyyy-mm-dd" id="purchase_date" required>
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label for="">Invoice#</label>
                                        <input type="text" name="memo_no" id="memoNo" class="memo form-control" value="{{ $lastMemoNo }}" readonly/>
                                        <!-- @if($errors->has('memo_no'))
                                            <span class="text-danger">{{ $errors->first('memo_no')}}</span>
                                        @endif -->
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label for="">Discount</label>
                                        <input type="text" name="discount"  id="discount" class="form-control" value="0"/>
                                        <!-- @if($errors->has('item_name'))
                                            <span class="text-danger">{{ $errors->first('item_name')}}</span>
                                        @endif -->
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="">Memo Total</label>
                                        <input type="text" name="memo_total" id="totalPrice" class="form-control totalPrice" readonly/>
                                        <!-- @if($errors->has('item_name'))
                                            <span class="text-danger">{{ $errors->first('item_name')}}</span>
                                        @endif -->
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="">Paid Amount</label>
                                        <input type="text" name="advanced_amount" id="advancePaid"  class="form-control" required/>
                                        <!-- @if($errors->has('item_name'))
                                            <span class="text-danger">{{ $errors->first('item_name')}}</span>
                                        @endif -->
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="">Due</label>
                                        <input type="text"  id="dueAmount" name="due" class="form-control" readonly/>
                                        <!-- @if($errors->has('item_name'))
                                            <span class="text-danger">{{ $errors->first('item_name')}}</span>
                                        @endif -->
                                    </div>
                                </div>
                            </div>
                            
                            <!-- /.box-body -->
                            <h3 align="center"><u>Item Details</u></h3>
                            
                                <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="width:17%">Item</th>
                                            <th style="width:8%">Location</th>
                                            <th style="width:23%">Imei/Serial</th>
                                            <th style="width:5%">Qty</th>
                                            <th style="width:10%">Purchase Price</th>
                                            <th style="width:10%">Note</th>
                                            <th style="width:10%">Condition</th>
                                            <th style="width:10%">Sub Total</th>
                                            <th style="width:5%">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody class="item-body">
                                        <tr class="mycontainer" id="mainrow">
                                            <td style="width:17%">
                                                <select  id="Item_ID" class="form-control select2 product"  > 
                                                    <option value="">---Select---</option>
                                                    @foreach($items as $item)
                                                        <option value="{{ $item->item_id }}">{{ $item->item_name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td style="width:8%"> 
                                                <select  id="Stock_Location_ID" class="form-control location"> 
                                                    @foreach($stock_locations as $stock_location)
                                                        <option value="{{ $stock_location->stock_location_id }}">{{ $stock_location->stock_location_name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td style="width:23%">
                                                <input type="text"  id="imei" class="imei form-control">
                                            </td>
                                            <td style="width:5%">
                                                <input type="text"  id="quantity" class="quantity form-control" value="1">
                                            </td>
                                            <td style="width:10%">
                                                <input type="text" id="price" class="price form-control">
                                            </td>
                                            <td style="width:10%">
                                                <input type="text" id="note" class="form-control">   
                                                <input type="hidden" id="vat"  class="vat form-control" value="0">
                                            </td>
                                            <td style="width:10%">
                                                <select  id="condition" class="form-control condition"> 
                                                        <option value="">---Select---</option>
                                                        <option value="New">New</option>
                                                        <option value="Recondition">Recondition</option>
                                                </select>
                                            </td>
                                            <td style="width:10%">
                                                <input type="text" id="subTotal"  class="subTotal form-control" placeholder="sub total" disabled="">
                                            </td>
                                            <td style="width:5%">
                                            <button type="button" id="add" class="btn dark btn-circle"><i class="fa fa-plus"></i></button>
                                            <!-- <button type="button"  class="remove btn dark btn-circle"><i class="fa fa-minus"></i></button> -->
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                </div>
                           
                            <div id="orderItems">
                                <table class="table table-responsive" id="orderdetailsItems"></table>
                                <span id="orderItemError" style="color:red"></span>
                            </div>

                            <div class="box-footer">
                                <div class="form-group">
                                    <!-- <input type="submit" id="submit" class="btn btn-lg blue-chambray" value="Purchase" style="font-size:x-large;"/> -->
                                    <!-- <button type="button" id="submit" class="btn btn-lg blue-chambray" style="font-size:x-large;"><i class="fa fa-shopping-cart" style="font-size:x-large;"></i>&nbsp;Purchase</button> -->
                                    
                                    <!-- {!! Form::submit('Purchase', array('class'=>'btn btn-lg blue-chambray','id'=>'submit')) !!} -->
                                    
                                    <!-- <button type="button" id="submit" class="btn btn-lg blue-chambray" style="font-size:x-large;"><i class="fa fa-shopping-cart" style="font-size:x-large;"></i>&nbsp;Purchase</button> -->
                                    <!-- {!! Form::open(array('route' =>'store','id'=>'purchase_form', 'method' => 'post')) !!} -->




                                    <button type="submit" class="btn btn-success" name="submit" id="submit"><i class="fa fa-shopping-cart" style="font-size:x-large;"></i> Purchase</button>
                                </div>
                            </div>
                            <!-- /.box-footer-->
                        
                    <!-- </form> -->{!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Main Content -->

<!-- <script src="{{ asset('/js/MasterDetails.js') }}"></script> -->


<script>
$(document).ready(function () {
    //Sub total calculate
    $('#price').keyup(function () {        
        if (!isNaN($('#price').val().trim())) {
            calculatesub();
            $('#price').siblings('span.error').css('visibility', 'hidden');
        }
        else {
            $('#price').siblings('span.error').css('visibility', 'visible');
        }
    });
    $('#price').change(function () {
        if (!isNaN($('#price').val().trim())) {
            calculatesub();
            $('#price').siblings('span.error').css('visibility', 'hidden');
        }
        else {
            $('#price').siblings('span.error').css('visibility', 'visible');
        }
    });
    $('#quantity').keyup(function () {
        if (!isNaN($('#quantity').val().trim()))
        {
            calculatesub();
            $('#quantity').siblings('span.error').css('visibility', 'hidden');
        }
        else
        {
            $('#quantity').siblings('span.error').css('visibility', 'visible');
        }        
    });
    $('#quantity').change(function () {
        if (!isNaN($('#quantity').val().trim())) {
            calculatesub();
            $('#quantity').siblings('span.error').css('visibility', 'hidden');
        }
        else {
            $('#quantity').siblings('span.error').css('visibility', 'visible');
        }
    });
    //Sub total with vat
    $("#vat").change(function () {        
        if ($('#vat').val() != '' && !isNaN($('#vat').val())) {
            calculatesub();
        }
        else {
            $('#quantity').siblings('span.error').css('visibility', 'hidden');
            var textone = Number($('#quantity').val().trim());
            var texttwo = Number($('#price').val().trim());
            var result = textone * texttwo;
            $('#subTotal').val(result.toFixed(2));
        }
    });
    $("#vat").keyup(function () {
        if ($('#vat').val() != '' && !isNaN($('#vat').val())) {
            calculatesub();
        }
        else {
            var textone = Number($('#quantity').val().trim());
            var texttwo = Number($('#price').val().trim());
            var result = textone * texttwo;
            $('#subTotal').val(result.toFixed(2));
        }
    });
    function calculatesub()
    {
        var textone = Number($('#quantity').val().trim());
        var texttwo = Number($('#price').val().trim());
        var vatpercent = Number($('#vat').val().trim());
        var result = textone * texttwo;
        var vat = (result * vatpercent) / 100;
        var itemTotal = result + vat;
        $('#subTotal').val(itemTotal.toFixed(2));
    }
    //Discount with total
    $("#discount").change(function () {
       if (!($('#discount').val() == "0" || $('#discount').val() == '')) {
           var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val()) - Number($('#advancePaid').val());
           $('#dueAmount').val(itemTotal);
       }
       else {
           var itemTotal = Number($('#totalPrice').val())  - Number($('#advancePaid').val());
           $('#dueAmount').val(itemTotal);
       }
    });
    $("#discount").keyup(function () {
        if ($('#discount').val() != "0" && $('#discount').val() != '') {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val()) - Number($('#advancePaid').val());
            $('#dueAmount').val(itemTotal);
        }
        else {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#advancePaid').val());
            $('#dueAmount').val(itemTotal);
        }
    });
    //Calculate Due
    $("#advancePaid").change(function () {
        if (!($('#advancePaid').val() == "0" || $('#advancePaid').val() == '')) {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val()) - Number($('#advancePaid').val());
            $('#dueAmount').val(itemTotal);
        }
        else {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val());
            $('#dueAmount').val(itemTotal);
        }
    });
    $("#advancePaid").keyup(function () {
        if (!($('#advancePaid').val() == "0" || $('#advancePaid').val() == '')) {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val()) - Number($('#advancePaid').val());
            $('#dueAmount').val(itemTotal);
        }
        else {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val());
            $('#dueAmount').val(itemTotal);
        }
    });

    //Add button click event
    $('#add').click(function () {
        //validation and add order items
        var isAllValid = true;
        if ($('#Item_ID').val() == "0" || $('#Item_ID').val() == "") {
            isAllValid = false;
            $('#Item_ID').siblings('span.error').css('visibility', 'visible');
        }
        else {           
            $('#Item_ID').siblings('span.error').css('visibility', 'hidden');
        }
        if ($('#Stock_Location_ID').val() == "0" || $('#Stock_Location_ID').val() == "") {
            isAllValid = false;
            $('#Stock_Location_ID').siblings('span.error').css('visibility', 'visible');
        }
        else {
            $('#Stock_Location_ID').siblings('span.error').css('visibility', 'hidden');
        }
        if (!($('#quantity').val().trim() != '' && (parseInt($('#quantity').val()) || 0))) {
            isAllValid = false;
            $('#quantity').siblings('span.error').css('visibility', 'visible');
        }
        else {
            $('#quantity').siblings('span.error').css('visibility', 'hidden');
        }

        if (!($('#price').val().trim() != '' && !isNaN($('#price').val().trim()))) {
            isAllValid = false;
            $('#price').siblings('span.error').css('visibility', 'visible');
        }
        else {
            $('#price').siblings('span.error').css('visibility', 'hidden');
        }
        if ((isNaN($('#vat').val().trim()))) {
            isAllValid = false;
            $('#vat').siblings('span.error').css('visibility', 'visible');
        }
        else {
            $('#vat').siblings('span.error').css('visibility', 'hidden');
        }
        if (!($('#subTotal').val().trim() != '' && !isNaN($('#subTotal').val().trim()))) {
            isAllValid = false;
            $('#subTotal').siblings('span.error').css('visibility', 'visible');
        }
        else {

            $('#subTotal').siblings('span.error').css('visibility', 'hidden');
        }
        //totalPrice
        if ($('#totalPrice').val() == '') {
            $('#totalPrice').val($('#subTotal').val());
        } else if (parseFloat($('#totalPrice').val()) > 0) {
            var preTotal = parseFloat($('#totalPrice').val()) + parseFloat($('#subTotal').val());
            $('#totalPrice').val(preTotal);
        }
        if ($('#discount').val() != "0" && $('#discount').val() != '') {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#discount').val()) - Number($('#advancePaid').val());
            $('#dueAmount').val(itemTotal);
        }
        else {
            var itemTotal = Number($('#totalPrice').val()) - Number($('#advancePaid').val());
            $('#dueAmount').val(itemTotal);
        }

        //Add New Row With Value


        if (isAllValid) {
            var $newRow = $('#mainrow').clone().removeAttr('id');    
            //add name attribute      
            $('#Item_ID',$newRow).attr('name', 'item_id[]');
            $('#Stock_Location_ID',$newRow).attr('name', 'stock_location_id[]');
            $('#condition',$newRow).attr('name', 'condition[]');
            $('#imei',$newRow).attr('name', 'imei[]');
            $('#quantity',$newRow).attr('name', 'quantity[]');
            $('#price',$newRow).attr('name', 'purchase_price[]');
            $('#vat',$newRow).attr('name', 'vat[]');
            $('#note',$newRow).attr('name', 'note[]');

            $('.product', $newRow).val($('#Item_ID').val());
            $('.location', $newRow).val($('#Stock_Location_ID').val());
            $('.condition', $newRow).val($('#condition').val());
            $('.imei', $newRow).val($('#imei').val());
            $('.quantity', $newRow).val($('#quantity').val());
            $('.price', $newRow).val($('#price').val());
            $('.vat', $newRow).val($('#vat').val());
            $('.note', $newRow).val($('#note').val());
            // $('.location', $newRow).val($('#Stock_Location_ID').val());

            //Replace add button with remove button
            $('#add', $newRow).addClass('remove').html('<i class="fa fa-minus"></i>').removeClass('blue-hoki').addClass('red-flamingo');

            //remove id attribute from new clone row
            $('#Item_ID,#Stock_Location_ID,#condition,#imei,#quantity,#price,#vat,#subTotal', $newRow).removeAttr('id').prop("readonly",true);
            $('#add', $newRow).removeAttr('id');
            $('span.error', $newRow).remove();
            //append clone row
            $('#orderdetailsItems').append($newRow);

            //clear select data
            $('#Item_ID,#Stock_Location_ID,#condition').val('');
            $('#quantity').val('1');
            $('#vat').val('0');
            $('#note').val('');
            $('#imei,#price,#subTotal').val('');
            $('#orderItemError').empty();
            //$('.select2').val([]).trigger('change');
            $("#Item_ID").empty().select2('destroy').select2({data: [ {id: '', text: "---Select---"},@foreach($items as $item)  {id: @php echo $item->item_id @endphp, text: "@php echo $item->item_name @endphp"}, @endforeach  ]});

        }

    });

    //remove button click event
    $('#orderdetailsItems').on('click', '.remove', function () {
        var datl = $(this).closest('td').prev('td').find('input').val();
        if (parseFloat($('#totalPrice').val()) > 0) {
            var preTotal = parseFloat($('#totalPrice').val()) - parseFloat(datl);
            var preDue = parseFloat($('#dueAmount').val()) - parseFloat(datl);
            $('#totalPrice').val(preTotal);
            $('#dueAmount').val(preDue);
        }
        $(this).parents('tr').remove();

    });

    // $('#submit').click(function () {
    //     var isAllValid = true;
    //     var dt = $('#supplier_id').val().trim();
    //     //validate order items
    //     $('#orderItemError').text('');
    //     var list = [];
    //     var errorItemCount = 0;
    //     $('#orderdetailsItems tbody tr').each(function (index, ele) {
    //         if ($('select.product', this).val() == "0" ||
    //             $('select.location', this).val() == "0" ||
    //             (parseInt($('.quantity', this).val()) || 0) == 0 ||
    //             $('.price', this).val() == "" || isNaN($('.price', this).val()) ||
    //             isNaN($('.vat', this).val())) {
    //             errorItemCount++;
    //             $(this).addClass('error');
    //         } else {
    //             var orderItem = {
    //                 Memo_No: $('#memoNo', this).val(),
    //                 Item_ID: $('select.product', this).val(),
    //                 Stock_Location_ID: $('select.location', this).val(),
    //                 Quantity: parseInt($('.quantity', this).val()),
    //                 Purchase_Price: parseFloat($('.price', this).val()),
    //                 Item_Vat: parseFloat($('.vat', this).val()),
    //             }
    //             list.push(orderItem);
    //         }
    //     });

    //     if (errorItemCount > 0) {
    //         $('#orderItemError').text(errorItemCount + " invalid entry in order item list.");
    //         isAllValid = false;
    //     }

    //     if (list.length == 0) {
    //         $('#orderItemError').text('At least 1 order item required.');
    //         isAllValid = false;
    //     }

    //     if ($('#memoNo').val().trim() == '') {
    //         $('#memoNo').siblings('span.error').css('visibility', 'visible');
    //         isAllValid = false;
    //     }
    //     else {
    //         $('#memoNo').siblings('span.error').css('visibility', 'hidden');
    //     }
    //     if ($('#supplier_id').val() == "0" || $('#supplier_id').val() == "") {
    //         isAllValid = false;
    //         $('#supplier_id').siblings('span.error').css('visibility', 'visible');
    //     }
    //     else {

    //         $('#supplier_id').siblings('span.error').css('visibility', 'hidden');
    //     }
    //     if ($('#purchaseDate').val().trim() == '') {
    //         $('#purchaseDate').siblings('span.error').css('visibility', 'visible');
    //         isAllValid = false;
    //     }
    //     else {
    //         $('#purchaseDate').siblings('span.error').css('visibility', 'hidden');
    //     }
    //     if (isNaN($('#dueAmount').val()) || parseFloat($('#dueAmount').val()) < 0)
    //     {
    //         $('#dueAmount').siblings('span.error').css('visibility', 'visible');
    //         isAllValid = false;
    //     }
    //     else {
    //         $('#dueAmount').siblings('span.error').css('visibility', 'hidden');
    //     }




    //     /*if (isAllValid) {
    //         var data = {
    //             Memo_No: $('#memoNo').val().trim(),
    //             Memo_Total: $('#totalPrice').val().trim(),
    //             Advanced_Amount: $('#advancePaid').val().trim(),
    //             Discount: $('#discount').val().trim(),
    //             Supplier_ID: $('#supplier_id').val().trim(),
    //             Purchase_Date: $('#purchaseDate').val().trim(),
    //             tbl_purchase_details: list
    //         }
    //         $(this).val('Save Order');
    //         $('#purchase_form').submit();
    //         $.ajax({
    //             type: 'POST',
    //             url: '/InventoryMasterdetails/Save',
    //             data: JSON.stringify(data),
    //             contentType: 'application/json',
    //             success: function (data) {
    //                 if (data.status) {
    //                     alert('Successfully saved');
    //                     //here we will clear the form
    //                     list = [];
    //                     $('#memoNo,#totalPrice,#advancePaid,#discount,#supplier_id,#purchaseDate').val('');
    //                     $('#orderdetailsItems').empty();
    //                     //$('#submit').text("Save Order");
    //                     $(this).val('Save Order');
    //                 }
    //                 else {
    //                     alert('Error');
    //                 }
    //                 //$('#submit').text('Save');
    //             },
    //             error: function (error) {
    //                 console.log(error);
    //                 //$('#submit').text('Save');
    //             }
    //         });
    //     }*/

    // });

        $('#memoNo').siblings('span.error').css('visibility', 'hidden');
        $('#supplier_id').siblings('span.error').css('visibility', 'hidden');

        $("#submit").click(function() {   //button id
            var loginForm = $("#purchase_form");  //form id
            loginForm.submit(function(e){
            e.preventDefault();
            var formData = loginForm.serialize();

                $.ajax({
                    url:'{{url('/purchase/store')}}',
                    type:'post',
                    data:formData,
                    success:function(data){
                        alert('Successfully saved');
                        location.reload();
                        $('#memoNo,#totalPrice,#advancePaid,#discount,#supplier_id,#purchase_date,#dueAmount').val('');
                        $('#orderdetailsItems').empty();
                    },
                    error: function (data) {
                        $('#orderItemError').text('Error Occured');
                        
                    }
                });
            });
        });
});
// function FillUnit()
// {
//     var item_id = $('#Item_ID').val();
//     $("#unit").val("");
//     $.ajax({
//         url: '/InventoryItem/FillUnit',
//         type: "GET",
//         dataType: "JSON",
//         data: { item_id: item_id },
//         success: function (data) {
//             $("#unit").val(data);
//         }
//     });
// }

</script>
@endsection