@extends('layouts.template')

@section('content')
    
    <section class="fuel-entry">
      <div class="container">
        <div class="row">
          <h1 class="heading"> Tools Control <a href="{{ url('store/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
          @if(Session::has('flash_message'))
            <div class="row">
              <div class="col-md-12">
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
              </div> 
            </div>   
          @endif
          <div class="fuel-add-table">
            <h1>Tools Control -  Filters
            </h1>
            <div class="fuel-add-form">
            {!! Form::open(['method' => 'GET', 'url' => '/store/tool-creation', 'class' => 'form-vertical', 'role' => 'search'])  !!}
                        
            <div class="fuel-input">
                <div class="form-group col-md-2 col-sm-2" style="margin: 0 !important;">
                    <label for=" Date From"> Date From</label>
                    <input type="date" class="form-control" name="from_date" value="">
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-group col-md-2 col-sm-2" style="margin: 0 !important;">
                    <label for=" Date To"> Date To</label>
                    <input type="date" class="form-control" name="to_date" value="">
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-group col-md-2 col-sm-2" style="margin: 0 !important;">
                    <label for="Tool">Tool</label>
                    <input type="text" class="form-control" name="tool" value="">
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-group col-md-2 col-sm-2" style="margin: 0 !important;">
                    <label for="Registration No.">Supplier</label>
                    <input type="text" class="form-control" name="manufacturer" value="">
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-group col-md-2 col-sm-2" style="margin: 0 !important;">
                    <label for="Description">Description</label>
                    <input type="text" class="form-control" name="description" value="">
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-group col-md-2 col-sm-2" style="margin: 0 !important;">
                    <label for="Category">Category</label>
                    <input type="text" class="form-control" name="category" value="">
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-action col-md-12 col-sm-12">
                  <br/>
                    <center><input type="submit" class="btn btn-success" value="Search Records"> <a href="{{ url('store/tool-creation') }}" class="btn btn-success">All Records</a></center>
                </div>

            </div>
             {!! Form::close() !!}
          </div>
          </div>

          <div class="tools-control-table">
            <div class="table-heading">
              <a id="tool_creation">{!! Html::image('images/tools1.png') !!} Tools Creation</a>
              <a id="tool_issue">{!! Html::image('images/tools2.png') !!}  Tools Issue</a>
              <a id="tool_return">{!! Html::image('images/tools3.png') !!}  Tools Return</a>
              <a id="tool_restock">{!! Html::image('images/tools.png') !!} Tools Restock / Disposal</a>
              <a id=""> <input type="checkbox" name="checkboxitem">  Show All</a>
              <a href="{{url('store/tool-creation/downloadToolStockReport/xls')}}" class=""><span><i class="fa fa-download"></i>Stock Report</span></a>
            </div>

              <!-- Tool Creation Model -->
            <div id="tool_cret" class="tool_area">
              <h4>Tool Creation</h4>    
                {!! Form::open(['url' => '/store/tool-creation/store', 'id'=>'toolcreationform', 'files' => true]) !!}
                <div class="parts-modal-content clearfix">
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('tool') ? 'has-error' : ''}}">
                    <label>Tool <span class="required">*</span></label>
                    {!! Form::text('tool', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('tool', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('quantity') ? 'has-error' : ''}}">
                    <label>Quantity <span class="required">*</span></label>
                    {!! Form::text('quantity', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('price') ? 'has-error' : ''}}">
                    <label>Price <span class="required">*</span></label>
                    {!! Form::text('price', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('price', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('manufacturer') ? 'has-error' : ''}}">
                    <label>Supplier <span class="required">*</span></label>
                     <div class="select">
                    {!! Form::select('manufacturer',['' =>'Select Supplier'] + $page_data['supplier']->toArray() ,null,['class' => 'col-md-6 form-control arr']) !!}
                  </div>
                    {!! $errors->first('manufacturer', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-2 col-xs-12 form-group {{ $errors->has('category') ? 'has-error' : ''}}">
                    <label>Category <span class="required">*</span></label>
                    <div class="select">
                      {!! Form::select('category',['' =>'Select Category'] + $page_data['category']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('category', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-2 col-xs-12 form-group {{ $errors->has('bin_id') ? 'has-error' : ''}}">
                    <label>Bin<span class="required">*</span></label>
                    <div class="select">
                      {!! Form::select('bin_id',['' =>'Select Bin'] + $page_data['bin_id']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('bin-id', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('size') ? 'has-error' : ''}}">
                    <label>Size <span class="required">*</span></label>
                    {!! Form::text('size', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('size', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('description') ? 'has-error' : ''}}">
                    <label>Description <span class="required">*</span></label>
                    {!! Form::text('description', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('description', '<p class="help-block">:message</p>') !!} 
                  </div>
                    <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('image_path') ? 'has-error' : ''}}">
                        <label>Image<span class="required">*</span></label>
                        <div class="upload-input">
                            <img id="output" src="" width="90" height="50">
                            <input name="image_path" type="file" onchange="document.getElementById('output').src = window.URL.createObjectURL(this.files[0])" style="position: relative;left: 90px;top: -43px;">
                            {!! $errors->first('image_path', '<p class="help-block" style="position: initial;">:message</p>') !!}
                        </div>
                    </div>
                  <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                    {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
                    {!! Form::button('Cancel', ['id'=>'tccancel','class' => 'btn btn-primary']) !!}
                  </div>
                </div>
               {!! Form::close() !!}
            </div>
            <!-- End Tool Creation Model -->

            <!-- Tool Issue Model -->
            <div id="tool_iss" class="tool_area">
              <h4>Tool Issue</h4>
              {!! Form::open(['url' => '/store/tool-issue/store', 'id'=>'toolissueform','class'=>'form-vertical','files' => true]) !!}
                <div class="parts-modal-content clearfix">
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('tool_id') ? 'has-error' : ''}}">
                    <label>Tool <span class="required">*</span></label><br/>
                    <div class="select">
                    {!! Form::select('tool_id',['' =>'Select Tool'] + $page_data['tool_id']->toArray(),null,['id'=>'tool_id','class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('tool_id', '<p class="help-block">:message</p>') !!} 
                  </div>
                    <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('job_number') ? 'has-error' : ''}}">
                        <label>Job Number <span class="required">*</span></label><br/>
                        <div class="select">
                            {!! Form::select('job_number',['' =>'Select Job Nr'] + $page_data['job_number']->toArray(),null,['id'=>'job_number','class' => 'col-md-6 form-control arr']) !!}
                        </div>
                        {!! $errors->first('job_number', '<p class="help-block">:message</p>') !!}
                    </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('issue_date') ? 'has-error' : ''}}">
                    <label>Issue Date <span class="required">*</span></label>
                    {!! Form::date('issue_date', null, ['id'=>'datepicker','class' => 'form-control']) !!}
                    {!! $errors->first('issue_date', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group">
                    <label>Stock </label>
                    <input type="text" id="qty_stock" value="" class="form-control" readonly>
                  </div> 
                   <div class="col-md-1 col-sm-1 col-xs-12 form-group">
                    <label>Avl Quantity </label>
                    <input type="text" id="qty_available" value="" class="form-control" readonly>
                  </div> 
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('quantity') ? 'has-error' : ''}}">
                    <label>Qty Issue <span class="required">*</span></label>
                    
                    {!! Form::text('quantity', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('issue_to') ? 'has-error' : ''}}">
                    <label>Issue to <span class="required">*</span></label>
                    {!! Form::text('issue_to', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('issue_to', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('condition') ? 'has-error' : ''}}">
                    <label>Condition <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('condition', [''=>'Select Condition','good'=>'Good','damaged'=>'Damaged','repaired'=>'Repaired'],null, ['class' => 'form-control','id'=>'issuecondition']) !!}
                   </div>
                    {!! $errors->first('condition', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group">
                    <label>Remark </label>
                    {!! Form::text('remark', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('remark', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                    {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
                    {!! Form::button('Cancel', ['id'=>'ticancel','class' => 'btn btn-primary']) !!}
                  </div>
                </div>
              {!! Form::close() !!}  
            </div>
            <!-- End Tool Issue Model -->

            <!-- Tool Return Model -->
            <div id="tool_ret" class="tool_area">
              
                <h4>Tool Return</h4>
              
                {!! Form::open(['url' => '/store/tool-return/store', 'id'=>'toolreturnform','class'=>'form-vertical','files' => true]) !!}
                <div class="parts-modal-content clearfix">
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('tool_id') ? 'has-error' : ''}}">
                    <label>Tool <span class="required">*</span></label><br/>
                    <div class="select">
                    {!! Form::select('tool_id',['' =>'Select Tool'] + $page_data['tool_id']->toArray(),null,['id'=>'returntool_id','class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('tool_id', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('job_number') ? 'has-error' : ''}}">
                    <label>Job Number <span class="required">*</span></label><br/>
                    <input type="text" id="job_number_ret" value="" name="job_number" class="form-control" readonly>
                    {!! $errors->first('job_number', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('return_date') ? 'has-error' : ''}}">
                    <label>Return Date <span class="required">*</span></label>
                    {!! Form::date('return_date', null, ['id'=>'datepicker1','class' => 'form-control']) !!}
                    {!! $errors->first('return_date', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group">
                    <label>Qty Can Free </label>
                    <input type="text" id="qty_free" value="" class="form-control" readonly>
                  </div> 
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('quantity') ? 'has-error' : ''}}">
                    <label>Qty Return <span class="required">*</span></label>
                    <input type="hidden" id="qty_available" value="">
                    {!! Form::text('quantity', null, ['id'=>'qty_can_free','class' => 'form-control']) !!}
                    {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('return_by') ? 'has-error' : ''}}">
                    <label>Return By <span class="required">*</span></label>
                    {!! Form::text('return_by', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('return_by', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('condition') ? 'has-error' : ''}}">
                    <label>Condition <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('condition', [''=>'Select Condition','good'=>'Good','damaged'=>'Damaged','repaired'=>'Repaired'],null, ['class' => 'form-control','id'=>'returncondition']) !!}
                    </div>
                    {!! $errors->first('condition', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-1 col-sm-1 col-xs-12 form-group {{ $errors->has('remark') ? 'has-error' : ''}}">
                    <label>Remark <span class="required">*</span></label>
                    {!! Form::text('remark', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('remark', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                    {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
                    {!! Form::button('Cancel', ['id'=>'trcancel','class' => 'btn btn-primary']) !!}
                  </div>
                </div>
               {!! Form::close() !!}
            </div>
            <!-- End Tool Return Model -->

            <!-- Tool Restock Model -->
            <div id="tool_res" class="tool_area">
             
                <h4>Tool Restock</h4>
            
                {!! Form::open(['url' => '/store/tool-restock/store', 'id'=>'toolrestockform','class'=>'form-vertical','files' => true]) !!}
                <div class="parts-modal-content clearfix">
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('date') ? 'has-error' : ''}}">
                    <label>Date <span class="required">*</span></label>
                    {!! Form::date('date', null, ['id'=>'datepicker1','class' => 'form-control']) !!}
                    {!! $errors->first('date', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('tool_id') ? 'has-error' : ''}}">
                    <label>Tool <span class="required">*</span></label><br/>
                    <div class="select">
                    {!! Form::select('tool_id',['' =>'Select Tool'] + $page_data['tool_id']->toArray(),null,['id'=>'restocktool_id','class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('tool_id', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('manufacturer') ? 'has-error' : ''}}">
                    <label>Supplier <span class="required">*</span></label><br/>
                    <div class="select">
                    {!! Form::select('manufacturer',['' =>'Select Supplier'] + $page_data['supplier']->toArray() ,null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('manufacturer', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('size') ? 'has-error' : ''}}">
                    <label>Size <span class="required">*</span></label>
                    {!! Form::text('size', null, ['class' => 'form-control restocksize']) !!}
                    {!! $errors->first('size', '<p class="help-block">:message</p>') !!} 
                  </div> 

                   <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('quantity') ? 'has-error' : ''}}">
                    <label>Quantity <span class="required">*</span></label>
                    {!! Form::text('quantity', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!} 
                  </div>
                
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('price') ? 'has-error' : ''}}">
                    <label>Price <span class="required">*</span></label>
                    {!! Form::text('price', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('price', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('requested_by') ? 'has-error' : ''}}">
                    <label>Request By <span class="required">*</span></label>
                     <div class="select">
                    {!! Form::select('requested_by',['' =>'Select Requested By'] + $page_data['name']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('requested_by', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('approved_by') ? 'has-error' : ''}}">
                    <label>Approve By <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('approved_by',['' =>'Select Approved By'] + $page_data['approve_name']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('approved_by', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('received_by') ? 'has-error' : ''}}">
                    <label>Received By <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('received_by',['' =>'Select Received By'] + $page_data['name']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('received_by', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                    {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
                    {!! Form::button('Cancel', ['id'=>'trscancel','class' => 'btn btn-primary']) !!}
                  </div>
                </div>
               {!! Form::close() !!}

                <h4>Tool Disposed</h4>
            
                {!! Form::open(['url' => '/store/tool-restock/store', 'id'=>'tooldisposedform','class'=>'form-vertical','files' => true]) !!}
                <div class="parts-modal-content clearfix">
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('date') ? 'has-error' : ''}}">
                    <label>Date <span class="required">*</span></label>
                    {!! Form::date('date', null, ['id'=>'datepicker1','class' => 'form-control']) !!}
                    {!! $errors->first('date', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('tool_id') ? 'has-error' : ''}}">
                    <label>Tool <span class="required">*</span></label><br/>
                    <div class="select">
                    {!! Form::select('tool_id',['' =>'Select Tool'] + $page_data['tool_id']->toArray(),null,['id'=>'disposedtool_id','class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('tool_id', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('manufacturer') ? 'has-error' : ''}}">
                    <label>Supplier <span class="required">*</span></label><br/>
                    <div class="select">
                    {!! Form::select('manufacturer',['' =>'Select Supplier'] + $page_data['supplier']->toArray() ,null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('manufacturer', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('size') ? 'has-error' : ''}}">
                    <label>Size <span class="required">*</span></label>
                    {!! Form::text('size', null, ['class' => 'form-control disposedsize']) !!}
                    {!! $errors->first('size', '<p class="help-block">:message</p>') !!} 
                  </div> 
                   <input type="hidden" id="qty_dispos" value="" class="form-control" readonly>
                   <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('quantity') ? 'has-error' : ''}}">
                    <label>Quantity <span class="required">*</span></label>
                    {!! Form::text('quantity', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('quantity', '<p class="help-block">:message</p>') !!} 
                  </div>
                
                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('price') ? 'has-error' : ''}}">
                    <label>Price <span class="required">*</span></label>
                    {!! Form::text('price', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('price', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('requested_by') ? 'has-error' : ''}}">
                    <label>Request By <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('requested_by',['' =>'Select Request By'] + $page_data['name']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('requested_by', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('approved_by') ? 'has-error' : ''}}">
                    <label>Approve By <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('approved_by',['' =>'Select Approved By'] + $page_data['approve_name']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('approved_by', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="col-md-2 col-sm-2 col-xs-12 form-group {{ $errors->has('disposed_by') ? 'has-error' : ''}}">
                    <label>Disposed By <span class="required">*</span></label>
                    <div class="select">
                    {!! Form::select('disposed_by',['' =>'Select Disposed By'] + $page_data['name']->toArray(),null,['class' => 'col-md-6 form-control arr']) !!}
                    </div>
                    {!! $errors->first('disposed_by', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="clearfix form-group col-md-12 col-sm-12 col-xs-12 submit-btn">
                    {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn btn-primary']) !!}
                    {!! Form::button('Cancel', ['id'=>'tdcancel','class' => 'btn btn-primary']) !!}
                  </div>
                </div>
               {!! Form::close() !!}
            </div>
            <!-- End Tool Restock Model -->

            <div class="table-responsive">
            <table class="table" id="my-table">
                <thead>
                    <tr>
                      <th>Id</th>
                      <th>Logo</th>
                      <th>Tool</th>
                      <th>Manufacturer</th>
                      <th>Category</th>
                      <th>Size</th>
                      <th>Description</th>
                      <th>BIN</th>
                      <th>Stock</th>
                      <th>Qty out</th>
                      <th>Balance</th>
                      @if (Auth::user()->type == 'admin' || Auth::user()->type == 'superuser' || Auth::user()->type == 'supervisor')
                      <th>Action</th>
                      @endif
                    </tr>
                </thead>
                <tbody>
                    @foreach($tool_creation as $item)
                    <tr style="cursor: pointer;" class="toolitem" href="javascript:void(0);" data-id="{{ $item->id }}">
                       <td>{{ $item->id }}</td>
                       <td><img  src="{{ asset('tool_images/'.$item->image_path) }}" alt="Logo" width="100px" height="50px"></td>
                       <td>{{ $item->tool }}</td>
                       <td>{{ $item->manufacturer }}</td>
                       <td>{{ $item->category }}</td>
                       <td>{{ $item->size }}</td>
                       <td>{{ $item->description }}</td>
                       <td>{{ $item->bin_id }}</td>
                       <td>{{ $item->quantity }}</td>
                       <td class="qty_out">{{ $item->tool_issue->sum('quantity') }}</td>
                       <td>{{ $item->quantity - $item->tool_issue->sum('quantity') }}</td>
                        @if (Auth::user()->type == 'admin' || Auth::user()->type == 'superuser' || Auth::user()->type == 'supervisor')
                        <td><a href="{{ route('store.tool-creation.edit',$item->id) }}" class="tabledit-edit-button btn btn-sm btn-default" title="Edit"><span class="glyphicon glyphicon-pencil"></span> </a> </td>
                        @endif

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

            <div class="tools-control-table">
            <h1>Restock / Disposal History Log</h1>
            <div class="table-responsive">
              <table class="table">
                <thead>
                <tr>
                  <th>Tool</th>
                  <th>Manufacturer</th>
                  <th>Category</th>
                  <th>Size</th>
                  <th>Description</th>
                  <th>BIN</th>
                  <th>Re Stock</th>
                  <th>Disposal Stock</th>
                </tr>
                </thead>
                <tbody class="restock_listing">
                </tbody>
              <table>
            </div>
            </div>

            <div class="tools-control-table">
            <h1>History Log</h1>
            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th>Tool</th>
                    <th>Job Number</th>
                    <th>Size</th>
                    <th>Quantity Issued</th>
                    <th>Quantity Returned</th>
                    <th>Issued Date</th>
                    <th>Issued To  </th>
                    <th>Returned Date</th>
                    <th>Returned By</th>
                  </tr>
                </thead>
                <tbody class="tool_listing">
                </tbody>
              <table>
            </div>
            </div>
        </div>
      </div>
    </section>
  

  <script type="text/javascript">
    $(document).ready(function(){

    hideall();

    function hideall()
    {
      var tbl = document.getElementById('my-table');       //find the table
      var rows = tbl.querySelectorAll('tbody tr');        //find all rows in the table body

      for(i = 0; i < rows.length; i++) {                  //iterate through the rows

          var cells = rows[i].querySelectorAll('td');     //find all of the cells in the row
          
          var flag = true;                                //set flag prior to cell evaluation
                                                
          if (cells[9].innerHTML != '0') {            //check if the cell contains '0' (set flag to false if cell is not '0')
              flag = false;                           
          }
          
          if(flag) { 
              rows[i].classList.add('hide');              //hide the row if the falg remained true (i.e. none of the cells contained a value other than '0'
          }
      }
    }

    $('[name="checkboxitem"]').change(function(){
        if ($(this).is(':checked')) {
           // Do something...
           showall();
        }
        else
        {
            hideall();
        }
    });

    function showall(){
      var tbl = document.getElementById('my-table');       //find the table
      var rows = tbl.querySelectorAll('tbody tr');        //find all rows in the table body

      for(i = 0; i < rows.length; i++) {                  //iterate through the rows

          var cells = rows[i].querySelectorAll('td');     //find all of the cells in the row            
                                                
          if (cells[9].innerHTML == '0') {
              rows[i].classList.remove('hide');                    
          }
      }
    }

      $('#tool_id').change(function () {
        var id = $(this).val();
        if (id != '') {
          $.ajax({
              url: "{{URL::to('store/tool-creation/getTool')}}",
              type: 'POST',
              dataType: 'json',
              data: {'id': id, '_token': '{{csrf_token()}}'},
              success: function (response) {    
                  $('#qty_available').val(response.quantity);
                  $('#qty_stock').val(response.stock);
              }
          });
        }
      });

      $('#restocktool_id').change(function () {
        var id = $(this).val();
        if (id != '') {
          $.ajax({
              url: "{{URL::to('store/tool-creation/getTool')}}",
              type: 'POST',
              dataType: 'json',
              data: {'id': id, '_token': '{{csrf_token()}}'},
              success: function (response) { 
                $('.restocksize').val(response.size);
              }
          });
        }
      });


      $('#disposedtool_id').change(function () {
        var id = $(this).val();
        if (id != '') {
          $.ajax({
              url: "{{URL::to('store/tool-creation/getTool')}}",
              type: 'POST',
              dataType: 'json',
              data: {'id': id, '_token': '{{csrf_token()}}'},
              success: function (response) {    
                  $('.disposedsize').val(response.size);
                  $('#qty_dispos').val(response.stock);
              }
          });
        }
      });

      // $('#returntool_id').change(function () {
      //   var id = $(this).val();
      //   if (id != '') {
      //       $.ajax({
      //           url: "{{URL::to('store/tool-creation/getTool')}}",
      //           type: 'POST',
      //           dataType: 'json',
      //           data: {'id': id, '_token': '{{csrf_token()}}'},
      //           success: function (response) {    
      //               $('#qty_free').val(response.free);
      //               $("#job_number").data("selectBox-selectBoxIt").remove();
      //               $.each(response.data, function (index,value) {
      //                   $("#job_number").data("selectBox-selectBoxIt").add({value:value.job_number, text:value.job_number});
      //               });   
      //           }
      //       });
      //   }
      // });

      $('#returntool_id').change(function () {
        var id = $(this).val();
        if (id != '') {
            $.ajax({
                url: "{{URL::to('store/tool-creation/getTool')}}",
                type: 'POST',
                dataType: 'json',
                data: {'id': id, '_token': '{{csrf_token()}}'},
                success: function (response) {    
                    $('#qty_free').val(response.free);
                    $('#job_number_ret').val(response.job_number);   
                }
            });
        }
        else
        {
          $('#qty_free').val('');
          $('#job_number_ret').val('');
        }
      });



      $('#job_number').change(function () {
        var id = $(this).val();
        if (id != '') {
          $.ajax({
              url: "{{URL::to('store/tool-creation/getJobNumberQty')}}",
              type: 'POST',
              dataType: 'json',
              data: {'id': id, '_token': '{{csrf_token()}}'},
              success: function (response) {    
                $('#qty_can_free').val(response.free);
                $('#qty_free').val(response.free);
              }
          });
        }
        else{
          $('#qty_can_free').val('');
          $('#qty_free').val('');
        }
      });

      $('#toolcreationform').validate( {
          highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
            $(element).closest('.form-group').addClass('has-error');
          },
          unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
          },
          errorElement: 'span',
          errorClass: 'help-block',
          focusInvalid: false, // do not focus the last invalid input
          ignore: "", // validate all fields including form hidden input
          rules: {
            'tool': {
              required: true,
            },
            'quantity': {
              required: true,
              number: true,
            },
            'price': {
              required: true,
            },
            'manufacturer': {
              required: true,
            },
            'category': {
              required: true,
            },
            'size' : {
                required : true,
            },
            'description' : {
              required : true,
            },
            'bin_id' : {
              required : true,
            },
            'image_path' : {
                required : true,
                accept: "image/jpg,image/jpeg,image/png,image/gif"
            },
          },
          errorPlacement: function (error, element) {
            if(element.parent('.input-group').length) {
              error.insertAfter(element.parent());
            } else {
              error.insertAfter(element);
            }
          },
          messages: {
            'tool' : {
              required: "The tool field is required",
            },
            'quantity' : {
              required: "qty required",
              number: "Please enter valid number"
            },
            'price' : {
              required: "price required",
            },
            'manufacturer' : {
              required: "The supplier field is required",
            },
            'category' : {
              required: "The category field is required",
            },
            'size' : {
              required: "size required",
            },
            'description' : {
              required: "The description field is required",
            },
            'bin_id' : {
              required: "field required",
            },
            'image_path' : {
                required: "Image is required",
                accept: "Required image file only",
            }
          },
          focusInvalid: false,
          invalidHandler: function(form, validator) {
            if (!validator.numberOfInvalids())
              return false;
            $('html, body').animate({
              scrollTop: $(validator.errorList[0].element).offset().top
            }, 2000);
          }
      });

      $.validator.addMethod("greaterThan",
        function (value, element, param) {
        var $otherElement = $(param);
        return parseInt(value, 10) <= parseInt($otherElement.val(), 10);
      });
    

      $('#toolissueform').validate({
          highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
            $(element).closest('.form-group').addClass('has-error');
          },
          unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
          },
          errorElement: 'span',
          errorClass: 'help-block',
          focusInvalid: false, // do not focus the last invalid input
          ignore: "", // validate all fields including form hidden input
          rules: {
            'tool_id': {
              required: true,
            },
            'job_number': {
              required: true,
            },
            'issue_date': {
              required: true,
            },
            'quantity': {
              required: true,
              greaterThan : '#qty_available',
              number: true,
            },
            'issue_to': {
              required: true,
            },
            'condition' : {
              required : true,
            },
            remark: {
              required: function(element){
                return $('#issuecondition').val() === "damaged" || $('#issuecondition').val() === "repaired";
              }
            },
          },
          errorPlacement: function (error, element) {
            if(element.parent('.input-group').length) {
              error.insertAfter(element.parent());
            } else {
              error.insertAfter(element);
            }
          },
          messages: {
            'tool_id' : {
              required: "The tool field is required",
            },
            'job_number' : {
              required: "Job number field required",
            },
            'issue_date' : {
              required: "The issue date field is required",
            },
            'quantity' : {
              required: "qty required",
              greaterThan : 'Qty enter > avl qty',
            },
            'issue_to' : {
              required: "field required",
            },
            'condition' : {
              required: "The condition field is required",
            },
            'remark' : {
              required: "The remark field is required",
            },
          },
          focusInvalid: false,
          invalidHandler: function(form, validator) {
            if (!validator.numberOfInvalids())
              return false;
            $('html, body').animate({
              scrollTop: $(validator.errorList[0].element).offset().top
            }, 2000);
          }
      });


      $('#toolreturnform').validate({
          highlight: function(element){
            $(element).closest('.form-group').addClass('has-error');
            $(element).closest('.form-group').addClass('has-error');
          },
          unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
          },
          errorElement: 'span',
          errorClass: 'help-block',
          focusInvalid: false, // do not focus the last invalid input
          ignore: "", // validate all fields including form hidden input
          rules: {
            'tool_id': {
              required: true,
            },
            'job_number': {
              required: true,
            },
            'return_date': {
              required: true,
            },
            'quantity': {
              required: true,
              greaterThan : '#qty_free',
              number: true,
            },
            'return_by': {
              required: true,
            },
            'condition' : {
              required : true,
            },
            remark: {
              required: function(element){
                return $('#returncondition').val() === "damaged" || $('#returncondition').val() === "repaired";
              }
            },
          },
          errorPlacement: function (error, element) {
            if(element.parent('.input-group').length) {
              error.insertAfter(element.parent());
            } else {
              error.insertAfter(element);
            }
          },
          messages: {
            'tool_id' : {
              required: "The tool field is required",
            },
            'job_number' : {
              required: "The job number field is required",
            },
            'return_date' : {
              required: "The return date field is required",
            },
            'quantity' : {
              required: "qty required",
              greaterThan : 'quantity enter is more than quantity can free',
            },
            'return_by' : {
              required: "field required",
            },
            'condition' : {
              required: "The condition field is required",
            },
            'remark' : {
              required: "field required",
            },
          },
          focusInvalid: false,
          invalidHandler: function(form, validator) {
            if (!validator.numberOfInvalids())
              return false;
            $('html, body').animate({
              scrollTop: $(validator.errorList[0].element).offset().top
            }, 2000);
          }
      });

      $('#toolrestockform').validate({
          highlight: function(element){
            $(element).closest('.form-group').addClass('has-error');
            $(element).closest('.form-group').addClass('has-error');
          },
          unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
          },
          errorElement: 'span',
          errorClass: 'help-block',
          focusInvalid: false, // do not focus the last invalid input
          ignore: "", // validate all fields including form hidden input
          rules: {
            'date': {
              required: true,
            },
            'tool_id': {
              required: true,
            },
            'manufacturer': {
              required: true,
            },
            'size': {
              required: true,
            },
            'quantity': {
              required: true,
              number: true,
            },
            'price': {
              required: true,
              number: true,
            },
            'requested_by': {
              required: true,
            },
            'approved_by' : {
              required : true,
            },
            'received_by': {
              required: true,
            },
          },
          errorPlacement: function (error, element) {
            if(element.parent('.input-group').length) {
              error.insertAfter(element.parent());
            } else {
              error.insertAfter(element);
            }
          },
          messages: {
            'date': {
              required: "The date field is required",
            },
            'tool_id' : {
              required: "The tool field is required",
            },
            'manufacturer' : {
              required: "The supplier field is required",
            },
            'size' : {
              required: "The size field is required",
            },
            'quantity' : {
              required: "The quantity field is required",
              number : "Only numbers are allowed",
            },
            'price' : {
              required: "The price field is required",
              number : "Only numbers are allowed",
            },
            'requested_by' : {
              required: "The Request field is required",
            },
            'approved_by' : {
              required: "The Approved field is required",
            },
            'received_by' : {
              required: "The Received field is required",
            },
          },
          focusInvalid: false,
          invalidHandler: function(form, validator) {
            if (!validator.numberOfInvalids())
              return false;
            $('html, body').animate({
              scrollTop: $(validator.errorList[0].element).offset().top
            }, 2000);
          }
      });


      $('#tooldisposedform').validate({
          highlight: function(element){
            $(element).closest('.form-group').addClass('has-error');
            $(element).closest('.form-group').addClass('has-error');
          },
          unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
          },
          errorElement: 'span',
          errorClass: 'help-block',
          focusInvalid: false, // do not focus the last invalid input
          ignore: "", // validate all fields including form hidden input
          rules: {
            'date': {
              required: true,
            },
            'tool_id': {
              required: true,
            },
            'manufacturer': {
              required: true,
            },
            'size': {
              required: true,
            },
            'quantity': {
              required: true,
              greaterThan : '#qty_dispos',
              number: true,
            },
            'price': {
              required: true,
              number: true,
            },
            'requested_by': {
              required: true,
            },
            'approved_by' : {
              required : true,
            },
            'disposed_by': {
              required: true,
            },
          },
          errorPlacement: function (error, element) {
            if(element.parent('.input-group').length) {
              error.insertAfter(element.parent());
            } else {
              error.insertAfter(element);
            }
          },
          messages: {
            'date': {
              required: "The date field is required",
            },
            'tool_id' : {
              required: "The tool field is required",
            },
            'manufacturer' : {
              required: "The supplier field is required",
            },
            'size' : {
              required: "The size field is required",
            },
            'quantity' : {
              required: "The qty field is required",
              greaterThan : 'quantity enter is more than quantity can dispose',
              number : "Only numbers are allowed",
            },
            'price' : {
              required: "The price field is required",
              number : "Only numbers are allowed",
            },
            'requested_by' : {
              required: "The Request field is required",
            },
            'approved_by' : {
              required: "The Approve field is required",
            },
            'disposed_by' : {
              required: "The Disposed field is required",
            },
          },
          focusInvalid: false,
          invalidHandler: function(form, validator) {
            if (!validator.numberOfInvalids())
              return false;
            $('html, body').animate({
              scrollTop: $(validator.errorList[0].element).offset().top
            }, 2000);
          }
      });
  });
</script>

<script type="text/javascript"> 
  $(document).ready(function(){

    $(".alert").fadeTo(2000, 500).slideUp(500, function(){
      $(".alert").alert('close');
    });

    {{--$('#my-table').Tabledit({--}}
    {{--  url: "{{URL::to('store/tool-creation/update')}}",--}}
    {{--  restoreButton: false,--}}
    {{--  deleteButton: false,--}}
    {{--  columns: {--}}
    {{--  identifier: [0, 'Id'],--}}
    {{--  editable: [[2, 'Tool'], [3, 'Manufacturer'],[4, 'Category'],[5, 'Size'],[6, 'Description'],[7, 'BIN']]--}}
    {{--  },--}}
    {{--  onSuccess: function() {--}}
    {{--    setTimeout(function(){  location.reload(); }, 1000);--}}
    {{--  }--}}
    {{--});--}}

    $('.toolitem').on('click',function(){
      var tool_id = $(this).data("id");
      $.ajax({
        url: "{{URL::to('store/tool-creation/getToolHistory')}}",
        type: 'POST',
        dataType: 'JSON',
        data: {"id": tool_id,"_token": "{{csrf_token()}}"},
        success: function (response) {
          var html = '';
          $.each(response.data, function (index,value) {
            html += '<tr>';
            html += '<td >'+ value.tool.tool + '</td>';
            html += '<td>' + value.job_number + '</td>';
            html += '<td>' + value.tool.size + '</td>';
            if(value.status == 'issue'){
              html += '<td>' + value.quantity + '</td>'; 
            }else {
              html += '<td>' + '-' + '</td>';
            }
            if(value.status == 'return'){
              html += '<td>' + value.quantity + '</td>'; 
            }else {
              html += '<td>' + '-' + '</td>';
            }
            if(value.status == 'issue'){
              html += '<td>' + convert_to_ddmmyy(value.issue_date)+ '</td>';
            }else {
              html += '<td>' + '-' + '</td>';
            }
            if(value.status == 'issue'){
              html += '<td>' + value.issue_to+ '</td>';
            }else {
              html += '<td>' + '-' + '</td>';
            }
            if(value.status == 'return'){
              html += '<td>' + convert_to_ddmmyy(value.return_date)+ '</td>';
            }else {
              html += '<td>' + '-' + '</td>';
            }
            if(value.status == 'return'){
              html += '<td>' + value.return_by+ '</td>';
            }else {
              html += '<td>' + '-' + '</td>';
            }
            html += '</tr>';
          });
          $('.tool_listing').html(html);
          var html1 = '';
          $.each(response.data1, function (index,value) {
            html1 += '<tr>';
            html1 += '<td >'+ value.tool.tool + '</td>';
            html1 += '<td>' + value.manufacturer + '</td>';
            html1 += '<td>' + value.tool.category + '</td>';
            html1 += '<td>' + value.size + '</td>';
            html1 += '<td>' + value.tool.description + '</td>';
            html1 += '<td>' + value.tool.bin_id + '</td>';
            if(value.received_by !== ""){
              html1 += '<td>' + value.quantity+ '</td>';
            }else {
              html1 += '<td>' + '-' + '</td>';
            }
            if(value.disposed_by !== ""){
              html1 += '<td>' + value.quantity+ '</td>';
            }else {
              html1 += '<td>' + '-' + '</td>';
            }
            html1 += '</tr>';
          });
          $('.restock_listing').html(html1);
        }
      });
    });
  });


  $(document).ready(function(){
    $("#tool_creation").click(function(){
        $("#tool_cret").show("slow");
        $("#tool_iss").hide("slow");
        $("#tool_ret").hide("slow");
        $("#tool_res").hide("slow");
    });
    $("#tool_issue").click(function(){
      $("#tool_iss").show("slow");
        $("#tool_cret").hide("slow");
        $("#tool_ret").hide("slow");
        $("#tool_res").hide("slow");
    });
    $("#tool_return").click(function(){
      $("#tool_ret").show("slow");
        $("#tool_cret").hide("slow");
        $("#tool_iss").hide("slow");
        $("#tool_res").hide("slow");
    });
    $("#tool_restock").click(function(){
      $("#tool_res").show("slow");
        $("#tool_cret").hide("slow");
        $("#tool_ret").hide("slow");
        $("#tool_iss").hide("slow");
    });

    $("#tccancel").click(function(){
      $("#tool_cret").hide("slow");
    });

    $("#ticancel").click(function(){
      $("#tool_iss").hide("slow");
    });

    $("#trcancel").click(function(){
      $("#tool_ret").hide("slow");
    });

    $("#trscancel").click(function(){
      $("#tool_res").hide("slow");
    });

    $("#tdcancel").click(function(){
      $("#tool_res").hide("slow");
    });
});
</script>
@endsection