@extends('lubricants.includes.lubricants')
@section('tab-pane')
    <div class="tab-pane active">
        <h4 class="widgettitle">List of my Requests
              <span class="pull-right" style="margin-top: -2px;margin-right: 0px">
              <a href="javascript:;" class="btn btn-small" onclick="modelShow('newrequestion')"><i
                          class="icon-plus"></i> New Request </a>
              </span>
        </h4>
      <table class="table table-condensed table-" id="dyntable">
            <colgroup>
                <col class="con0" style="align: center; width: 4%"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
            </colgroup>
            <thead>
            <tr>
                <th class="head0">Request No</th>
                <th class="head0">Requested To</th>
                <!-- <th class="head1">Item Name</th> -->
                <th class="head0">Amount</th>
                <!-- <th class="head1">Date Requested</th> -->
                <th class="head0">Request Status</th>
                <th class="head1" width="100">Actions</th>
                <!-- <th class="head0">CSS grade</th> -->
            </tr>
            </thead>
            <tbody>
            @foreach($variable as $key => $value)
                <tr class="gradeX">
                    <td>{{$key+1}}</td>
                    <td>{{strtoupper($value->username)}}</td>
                    <td style="">{{number_format($value->quantity)}}</td>
                    <td>
                        @if($value->req_sta == 1)
                            <span class="label label-important">{{$value->status}}</span>
                        @elseif($value->req_sta == 2)
                            <span class="label label-success">{{$value->status}}</span>
                        @elseif($value->req_sta == 3)
                            <span class="label">{{$value->status}}</span>
                        @elseif($value->req_sta == 4)
                            <span class="label label-info">{{$value->status}}</span>
                        @elseif($value->req_sta == 5)
                            <span class="label">{{$value->status}}</span>
                        @else
                            <span class="label label-success"></span>
                        @endif
                    </td>
                    <td>
                        <div class="btn-group">
                            <button onclick="ApprovedRequestPreview({{$value->id}});modelShow('reviewrequisition')"
                                    id="" class="btn btn-mini">
                                <i class="icon-eye-open icon"></i> review
                            </button>
                            <button onclick="PrintRequesting({{$value->id}});" id="" class="btn btn-mini">
                                <i class="icon-print icon"></i> Print
                            </button>
                        </div>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="reviewrequisition" tabindex="-1">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Requisition preview</h3>
        </div>
        <div class="modal-body">
            <p>
                <span class="requestions">Requisition No : #</span><span id="requestnumber"></span>
  <span style="float:right">
    <span class="requestions">Department :</span><span id="department"></span>
  </span>
            </p>
            <div class="row-fluid" id="">
                <div id="tabs">
                    <ul>
                        <li><a href="#tabs-1"> Request</a></li>
                        <li><a href="#tabs-2"> Approved</a></li>
                    </ul>
                    <input type="hidden" value="" id="orderid">
                    <input type="hidden" value="" id="ordernumber">
                    <div id="tabs-1">
                        <table class="table table-bordered table-condensed">
                            <thead><tr>
                                <th class="head0" style="text-align:center" width="4%">S/N</th><th class="head1" style="text-align:center">Items</th>
                                <th class="head0" style="text-align:center">Quantity</th>
                                <th class="head0" style="text-align:center" width="150">Request Remarks</th>
                            </thead>
                            <tbody id="itemrequested">
                            </tbody>
                        </table>
                    </div>
                    <div id="tabs-2">
                        <table class="table table-bordered table-condensed">
                            <thead><tr>
                                <th class="head0" style="text-align:center">S/N</th><th class="head1" style="text-align:center">Items</th>
                                <!-- <th class="head0" style="text-align:center">Requested To</th> -->
                                <th class="head0" style="text-align:center">Quantity</th>
                                <th class="head1" style="text-align:center">Rate</th><th class="head0" style="text-align:center">Amount</th>
                                <th class="head0" style="text-align:center">Request Status</th></tr>
                            </thead>
                            <tbody id="itemrequest">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <p>
                <span class="requestions">Requested By : </span><span id="first_name"> </span><span id="last_name"></span>
  <span style="float:right">
    <span class="requestions"> Requested On :</span><span id="requestedon"></span>
  </span><br />
                <span class="requestions">Remarks : </span><span id="">N/A</span>
            </p>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <a href="javascript:" class="btn" style="float:right" onclick="Print()"><i class="icon-print"></i> Print </a>
        </div>
    </div>
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="newrequestion" tabindex="-1">
        {!! Form::open(array('route'=>'procurements.procurementadd','class' => 'stdform'))!!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">New Requisition </h3>
        </div>
        <div class="modal-body">
            <div class="row-fluid" id="">
                <table class="table table-condensed"  id="TabletoAdd">
                    <tr>
                        <th>Item</th><th>Quantity</th><th>Send To</th><th>Descriptions</th><th width="4%"></th>
                    </tr>
                    <tr class="txtMult">
                        <td>
                            {!! Form::select('items[]',
                                 (['' => 'Select Item'] + $items),
                                     null,
                                     ['class' => 'chzn-select form-control','' ,'id'=>'item','style' => 'width:250px']) !!}
                        </td>
                        <td scope="row"><input type="text" class="quantity span12" name="quantity[]" required value="" placeholder="Quantity"></td>
                        <td scope="row">
                            <!-- {{ $selected = 4 ? 4 : ''}} -->
                            {!! Form::select('department_id[]',
                              (['' => 'Select '] + $department),
                                  4,
                                  ['class' => 'chzn-select form-control','readonly','id'=>'department_id','style' => 'width:250px']) !!}
                        </td>
                        <td scope="row"><textarea  name="description[]" class="span12" rows="1"></textarea></td>
                        <td scope="row" width="4%"></td>
                    </tr>
                </table>

            </div>
        </div>
        <!-- <input type="hidden" value="2" name="qtd_itens" /> -->
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <!-- <button class="btn btn-success" name="update_customer" type="submit">Update Customer</button> -->
            <a href="javascript:void(0);"  style="float:right"  id="addRow" class="btn addCF"><i class="icon-plus-sign"></i> Add</a>
            <!-- <input type="submit" name="sendrequest" class="btn btn-small" style="float:right" value="Send Request"> -->
            <button type="submit" class="btn">Send Request</button>
        </div>
        {!! Form::close()!!}
    </div>
    <table style="display:none">
        <tbody id="addingrow">
        <tr class="txtMult">
            <td>

                {!! Form::select('items[]',
            (['' => 'Select Item'] + $items),
                null,
                ['class' => 'chzn-select1 form-control','' ,'id'=>'item','style' => 'width:250px']) !!}

            </td>
            <td scope="row"><input type="text" class="quantity span12" required name="quantity[]" value="" placeholder="Quantity"></td>
            <td scope="row">
                {!! Form::select('department_id[]',
                         (['' => 'Select'] + $department),
                             4,
                             ['class' => 'chzn-select1 form-control','readonly' ,'id'=>'department_id','style' => 'width:250px']) !!}

            </td>
            <td scope="row"><textarea cols="1" name="description[]" class="span12" rows="1"></textarea></td>
            <td width="4%"><button class="btn" type="button" id="removerow"><i class="icon-remove"></i></button></td>
        </tr>
        </tbody>
    </table>
    <script type="text/javascript">
        jQuery(document).ready(function(){

            jQuery('.rate , .quantity').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                jQuery(this).val(function (index, value) {
                    return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                });
            });
        });

        jQuery(document).ready(function(){
            jQuery("#TabletoAdd").on('click','#removerow',function(){
                jQuery(this).parent().parent().remove();
            });
            jQuery("#addRow").click(function(){
                var response = jQuery('#addingrow').html();
                jQuery('#TabletoAdd').append(response).slideDown('slow');
                Multiplications();
            });
        });
        function Multiplications () {
            jQuery('.rate , .quantity').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                jQuery(this).val(function (index, value) {
                    return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                });
            });
        }
        function ApprovedRequestPreview(argument) {
            jQuery("#orderid").val(argument);
            CheckingRequest(argument);
            RequestApproved(argument);
        }
        function CheckingRequest(argument) {
            jQuery.ajax({
                url: "{{route('procurements.requestpreview')}}",
                type: 'GET',
                data: {'orderid': argument},
                beforeSend: function(){
                },
                success: function(response) {
                    jQuery('#itemrequested').html(response);
                    // alert(response);
                },
            });
        }
        function RequestApproved(argument) {

            jQuery.ajax({
                url: "{{route('procurements.requestapprove')}}",
                type: "GET",
                data:{
                    orderid : argument,
                },
                success: function(response) {
                    jQuery("#itemrequest").html(response);
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                }
            });
        }
        function PrintRequesting(argument) {
            var base_url = {!! json_encode(url('/procurements')) !!};
            var url = base_url + '/printrequesting/'+ argument;
            var win = window.open(url, '_blank');
            win.focus();
        }
        function Print() {
            var argument = jQuery("#orderid").val();
            PrintRequesting(argument)
        }
    </script>
@stop