@extends('layouts.template')

@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>PURCHASE DETAILS</h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Purcashe</li>
        <li class="active"> Details</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<section class="content">
    <div class="">
        <div class="">
            <div class="row">
                <div class="col-md-12">
                    @if(Session::has('success'))
                    <div class="alert alert-success" id="success">
                        {{Session::get('success')}}
                        @php
                        Session::forget('success');
                        @endphp
                    </div>
                    @endif
                    <div class="">
                        <div class="">

                        
                        <form class="form" action="{{ url('/purchase/memo_details/'.$purchaseMasters->purchase_master_id) }}" method="post">
                                {{ method_field('PUT') }}
                                {{ csrf_field() }}
                            <div class="panel panel-primary">
                              <div class="panel-heading">Basic Info <a href="" data-toggle="modal" data-target="#myModal" class="btn btn-default btn-sm"><i class="fa fa-edit" ></i> Edit</a></div>
                              <div class="panel-body">
                                  
                                  <div class="row">
                                      <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="">Invoice Date: <strong>{{  $purchaseMasters->purchase_date }}</strong></label>
                                            <input type="hidden" name="updated_at" value="{{  $purchaseMasters->purchase_date }}" class="form-control" readonly/>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Invoice No: <strong>{{ $purchaseMasters->purchase_master_id }}</strong></label>
                                            <input type="hidden" value="{{ $purchaseMasters->memo_no }}" name="memo_no" id="memoNo" class="form-control" readonly/>
                                            <input type="hidden" value="{{ $purchaseMasters->purchase_master_id }}" name="purchase_master_id"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="">Supplier: <strong>{{ $purchaseMasters->sup_name }}</strong></label>
                                            <input type="hidden" value="{{ $purchaseMasters->sup_name }}" name="memo_no" id="memoNo" class="form-control" readonly/>
                                            <input type="hidden" value="{{ $purchaseMasters->supplier_id }}" name="supplier_id"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="">User: <strong>@if(isset($purchased_by)){{ $purchased_by->name }}@endif</strong></label>
                                            <input type="hidden" value="@if(isset($purchased_by)){{ $purchased_by->name }}@endif" name="" id="" class="form-control" readonly/>
                                        </div>
                                    </div>
                                    
                                    
                                </div>
                              </div>
                            </div>
                            
                            @if($due!=0 && 1==2)
                            <div class="row">
                              <div class="col-md-12">
  
                                <div class="panel panel-danger">
                                  <div class="panel-heading"><i class="fa fa-money"></i> Payable</div>
                                  <div class="panel-body">
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Tran. Date</label>
                                            <input type="date" name="updated_at" value="{{ date('Y-m-d') }}" class="form-control" required/>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Total Payable</label>
                                            <input type="text" value="{{ $due }}" name="payable"  id="total" class="form-control" readonly/>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Due</label>
                                            <input type="text" value="{{ $due }}" name="due"  id="due" class="form-control" readonly/>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Discount</label>
                                            <input type="text" name="discount" value="0"  id="discount" class="form-control" onkeyup="calculate()" onchange="calculate()"/>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Amount</label>
                                            <input type="text" name="paid" autocomplete="OFF"  id="paid" class="form-control" onkeyup="calculate()" onchange="calculate()" required/>
                                        </div>
                                    </div>
                                    <!--
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Particular</label>
                                            <input type="text" name="particular" value="Cash" class="form-control" readonly/>
                                        </div>
                                    </div>
                                    -->
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="">Pay Via</label>
                                            <select name="bank_account_id" id="bank_account_id" class="form-control">
                                                @foreach($accounts as $key => $account)
                                                <option value="{{ $account->bank_account_id }}">{{ $account->bank_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <br>
                                            <button type="submit" class="btn btn-danger" name="cmd" id="cmd" ><i class="fa fa-money" ></i> Submit</button>
                                        </div>
                                    </div>
                                     </form> 
                                   </div>
                                </div>
                              </div>  
                            </div>                               
                             @endif
                                                            
                            
                       
                                <!-- <div class="col-md-2">
                                    <div class="form-group">
                                         <h1 class="text text-primary"><i class="fa fa-money" ></i> PAID</h1>
                                    </div>
                                </div> -->
                                  
                            
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <div class="panel panel-primary">
                                          <div class="panel-heading">
                                            Item Details <a href="" data-toggle="modal" data-target="#myModal_2" class="btn btn-default btn-sm"><i class="fa fa-plus-circle" ></i> Add new item</a>
                                            
                                           </div>
                                          <div class="panel-body">
                                              
                                            
                                            <table class="table-bordered" id="" width="100%">
                                                <thead>
                                                    <tr>
                                                        <th height="25">Sl</th>
                                                        <th>Item Name</th>
                                                      
                                                        <th>Quantity</th>                                                   
                                                        <th>Unit Price</th>
                                                     <!--    <th>Vat %</th> -->
                                                        <th>Total</th>  
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    @php $row_total = count($purchaseDetail); $total_qty = 0; $total_amount = 0; @endphp
                                                    @foreach($purchaseDetail as $key => $purchaseDetails)
                                                    <tr>
                                                        <td height="25">{{ ++$key }}</td>
                                                        <td>{{ $purchaseDetails->item_code }} | {{ $purchaseDetails->item_name }} | {{ $purchaseDetails->color_name }} | {{ $purchaseDetails->size_name }}</td>
                                                      
                                                        <td>{{ $purchaseDetails->quantity }}</td>
                                                        <td>{{ number_format($purchaseDetails->purchase_price,2) }}</td>
                                                     <!--    <td>{{ $purchaseDetails->item_vat }}</td> -->
                                                        <td>{{ number_format( ($purchaseDetails->purchase_price * $purchaseDetails->quantity) + ($purchaseDetails->item_vat/100) * ($purchaseDetails->purchase_price * $purchaseDetails->quantity), 2)}}</td>
                                                        <td>
                                                        @if(Auth::user()->role == 'admin')
                                                                <a title="Edit" href="{{ url('/purchase/invoice/item-unit/'.$purchaseDetails->purchase_master_id."/".$purchaseDetails->purchase_details_id.'/edit') }}"  class="btn btn-info btn-sm"><i class="fa fa-edit" aria-hidden="true"></i></a>
                                                     
                                                        @if($row_total>1)
                                                            
                                                            <form action="{{ url('/purchase/invoice/item-unit/'.$purchaseDetails->purchase_details_id) }}" method="post" style="display:inline-block">
                                                            {{ method_field('DELETE') }} {{ csrf_field() }}
                                                            <button title="Return This Item" class="delete btn btn-danger btn-sm"  onclick="return confirm('Are you sure you want to return this item?');"  >
                                                                <i class="fa fa-trash" aria-hidden="true"></i>
                                                            </button>
                                                            </form>
                                                            
                                                        @endif

                                                        @endif
                                                        </td>
                                                    </tr>
                                                    @php  $total_qty += $purchaseDetails->quantity; $total_amount += ($purchaseDetails->quantity*$purchaseDetails->purchase_price); @endphp
                                                    @endforeach
                                                    <tr>
                                                        <th colspan="2">
                                                            TOTAL
                                                        </th>
                                                        <th>{{$total_qty}}</th>
                                                        <td colspan="1">
                                                            
                                                        </td>
                                                        <th>{{$total_amount}}</th>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                          </div>
                                        </div>
                                    </div>
                                </div>    

                                <div class="col-md-4">
                                    <div class="panel panel-primary">
                                      <div class="panel-heading"><i class="fa fa-paperclip"></i> Attached Document (Image)</div>
                                      <div class="panel-body">
                                        
                                        @if(!empty($attachment))
                                        <a href='{{ url("$attachment") }}' target="_blank">
                                            <img src='{{ asset("$attachment") }}' height="140" width="100%" alt="Attachment">
                                        </a>
                                        @else
                                        <p class="text text-info">No attachment uploaded for this invoice</p>
                                        @endif
                                        
                                        <form enctype="multipart/form-data" class="form" action="{{ url('purchase/document/'.$purchaseMasters->purchase_master_id) }}" method="post">
                                            {{ method_field('PUT') }}
                                            {{ csrf_field() }}
                                        
                                            <input type="hidden" name="purchase_master_id" value="{{ $purchaseMasters->purchase_master_id }}">
                                            <input type="hidden" name="old_attachment" value="{{ $attachment }}">
                                            <input type="file" name="new_attachment" class="form-control">
                                            <br>
                                            <button type="submit" class="btn btn-success btn-sm">Update Document</button>
                                        </form>
                                        
                                      </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Main Content -->

<!-- START MODAL -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Edit Invoice</h4>
        </div>
        <div class="modal-body">
            <form action="{{ url('/purchase/'.$purchaseMasters->purchase_master_id.'/edit/supplier') }}" method="post">
              {{ csrf_field() }}
              <input type="hidden" name="created_at" class="form-control" value="{{$purchaseMasters->purchase_date}}">
              <div class="form-group">
                <label for="">Purchase Date</label>
                <input type="date" name="updated_at" class="form-control" value="{{$purchaseMasters->purchase_date}}">
             </div>
             <input type="hidden" name="supplier_id_old" class="form-control" value="{{$purchaseMasters->supplier_id}}">
              <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)
                        @if($purchaseMasters->supplier_id == $supplier->supplier_id)
                        <option value="{{$supplier->supplier_id}}" selected="">{{ $supplier->sup_name }}-{{$supplier->sup_phone_no}} </option>
                        @else
                        <option value="{{$supplier->supplier_id}}">{{ $supplier->sup_name }}-{{$supplier->sup_phone_no}} </option>
                        @endif
                    @endforeach
                </select>
             </div>
             <div class="form-group">
                <label for="">Advanced Amount</label>
                <input type="hidden" name="advanced_amount_old" value="{{ $purchaseMasters->advanced_amount }}"/>
                <input type="text" autocomplete="OFF" name="advanced_amount" class="form-control" value="{{$purchaseMasters->advanced_amount}}">
             </div>
            <div class="form-group">
                <input type="submit" value="Update" class="btn btn-danger">
             </div>
            </form> 
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
</div>
<!-- END MODAL -->

<!-- START ADD ITEM MODAL -->
<div class="modal fade" id="myModal_2" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title text-success">ADD NEW ITEM</h4>
        </div>
        <div class="modal-body">
            <form action="{{ url('/purchase/'.$purchaseMasters->purchase_master_id.'/add-item/') }}" method="post" name="add_item_form">
              {{ csrf_field() }}

            <div class="col-md-6">
              <div class="form-group">
                <label for="">Item</label>
                <select name="item_id" id="item_id" class="form-control input-sm"  required> 
                    <option value="">---Select---</option>
                    @foreach($items as $item)
                        <option value="{{ $item->item_id }}">{{ $item->item_name }}-{{$item->item_code}}</option>
                    @endforeach
                </select>
             </div>
         </div>
         <div class="col-md-6">
             <div class="form-group">
                <label for="">Warehouse</label>
                <select name="stock_location_id" class="form-control input-sm" required="" > 
                    <option value="">---Select---</option>
                    @foreach($stock_locations as $st)
                        <option value="{{ $st->stock_location_id }}">{{ $st->stock_location_name }}</option>
                    @endforeach
                </select>
             </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="">Quantity</label>
                
                <input type="text" autocomplete="OFF" value="1" name="quantity" id="quantity" class="form-control input-sm" required>
             </div>
         </div>
         <div class="col-md-6">
             <div class="form-group">
                <label for="">Rate</label>
                
                <input type="text" autocomplete="OFF" name="rate" id="rate" class="form-control input-sm" required>
             </div>   
            </div>  
            <div class="col-md-6">         
             <div class="form-group">
                <label for="">Vat %</label>
                
                <input type="text" autocomplete="OFF" name="vat" id="vat" value="0" class="form-control input-sm">
             </div>
         </div>
         <div class="col-md-6">
             <div class="form-group">
                <label for="">Total</label>
                
                <input type="text" autocomplete="OFF" name="total" id="total" class="form-control input-sm" readonly="">
             </div>
        </div>
        <div class="col-md-6">
             <div class="form-group">
                <label for="">Paid</label>
                
                <input type="text" autocomplete="OFF" name="advanced_amount" class="form-control input-sm">
             </div>
        </div>
            <div class="col-md-12">
            <br>
             <div class="form-group">
                <input type="submit" id="item_submit" value="Submit" class="btn btn-success pull-right">
             </div>
            </div>
            
        </div>
        <div class="modal-footer">
          <!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
        </div>
        </form> 
      </div>
      
    </div>
</div>
<!-- END ADD ITEM MODAL -->

<script type="text/javascript">
    $(document).ready(function (){
        $("#quantity").keyup(function() { 
        var qty = $('#quantity').val();
        var rate = $('#rate').val();
        var vat = $('#vat').val();
        $('#total').val(parseFloat(qty)*parseFloat(rate) + parseFloat(qty)*parseFloat(rate) * parseFloat(vat) / 100);
        });

        $("#rate").keyup(function() { 
            var qty = $('#quantity').val();
            var rate = $('#rate').val();
            var vat = $('#vat').val();
            $('#total').val(parseFloat(qty)*parseFloat(rate) + parseFloat(qty)*parseFloat(rate) * parseFloat(vat) / 100);
        });

        $("#vat").keyup(function() { 
            var qty = $('#quantity').val();
            var rate = $('#rate').val();
            var vat = $('#vat').val();
            $('#total').val(parseFloat(qty)*parseFloat(rate) + parseFloat(qty)*parseFloat(rate) * parseFloat(vat) / 100);
        });

        $("#item_submit").click(function() {   //button id
            if(isNaN($('#total').val())){
                alert("Invalid Input");
                event.preventDefault();
            }
        });
    });
</script>

<script>
    // $(document).ready(function () {
    //     var total = Number($('#total').val());
    //     if (total <= 0) {
    //         $('#cmd').prop("disabled", true);
    //     }
    // });

    // $('.editDialog').click(function (event) {
    //     event.preventDefault();
    //     $.get(this.href, function (response) {
    //         $('.divForUpdate').html(response);
    //     });
    //     $('#inventory_new_item_add').modal({
    //         backdrop: 'static',
    //     }, 'show');
    // });

    // $('.btn-sm').click(function (event) {
    //     event.preventDefault();
    //     $.get(this.href, function (response) {
    //         $('.divForUpdate').html(response);
    //         $('.modal-title').html("Return Product");
    //     });
    //     $('#inventory_new_item_add').modal({
    //         backdrop: 'static',
    //     }, 'show');
    // });

    function calculate() {
        var total = Number($('#total').val());
        var discount = Number($('#discount').val());
        var paid = Number($('#paid').val());
        var due = total - discount - paid;
        $('#due').val(due);

    }

    // function printStatement() {
    //     var id = '23';
    //     //window.location = "/InventoryPurchaseDetails/ExportMemo/?id=" + id;
    //     $.ajax({
    //         type: 'POST',
    //         url: '/InventoryPurchaseDetails/ExportMemo',
    //         data: { id: id },
    //         success: function (data) {
    //             var str = "data:application/pdf;base64," + data;
    //             var object = '<iframe width="100%" height="100%" src="' + str + '"></iframe>';
    //             var generator = window.open("", "", "top=100,left=500,width=500,height=500");
    //             generator.document.write(object);
    //             generator.document.close();
    //         }
    //     });
    // }

    // $('#itemAddForm').validate({
    //     rules: {
    //         Transaction_Date: {
    //             required: true
    //         },
    //         paid: {
    //             number: true
    //         },
    //         discount: {
    //             number: true
    //         },
    //         Particulars: {
    //             required: true
    //         },
    //         due: {
    //             number: true,
    //             min: 0
    //         }
    //     },
    //     messages: {
    //         Transaction_Date: {
    //             required: "Provide Transaction Date"
    //         },
    //         paid: {
    //             number: "Paid Amount must be a number"
    //         },
    //         discount: {
    //             number: "Discount must be a number"
    //         },
    //         Particulars: {
    //             required: "Provide Particular"
    //         },
    //         due: {
    //             number: "must be number",
    //             min: "Due can't be negetive"
    //         }
    //     }
    // });
</script>
@endsection