@extends('layouts.main')
@section('contentinner')
<style type="text/css">
    #new_user{
      width: 70%;
      left: 35%;
      /*height: 100px;*/
    }
</style>
  
  <h4 class="widgettitle">Tire Removal
  </h4>
  
    <table class="table table-bordered" 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">S/N</th>
                  <th class="head0">Registration NO</th>
                  <th class="head0">Serial Number</th>
                  <th class="head1">Tyre Size</th>
                  <th class="head1">Brand</th>
                  <th class="head0">Tire Position</th>
                  <th class="head1" width="150">Reason of Removal</th>
              </tr>
          </thead>
             <tbody>
                  @foreach($removal as $key => $tires)
                  <tr>
                      <td>{{$key+1}}</td>
                      <td></td>
                      <td>{{$tires->serial_number}}</td>
                      <td>{{$tires->tire_size}}</td>
                      <td></td>                      
                      <td></td>
                      <td>
                      <button onclick="modelShow('edittyreDetails{{$key}}')" class="btn btn btn-small">
                                Remove Tyre
                       </button>
                      </td>
<div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="edittyreDetails{{$key}}" tabindex="-1">
{!! Form::open(array('route' => 'tires.tyreremove'))!!}
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">{{$tires->serial_number}}</h3>
  </div>
 <div class="modal-body">
  <div class="row-fluid vehicle_details">
<div class="span4">
               <div class="par control-group">
                <label class="control-label" for="vendors ">Action Taken</label>
                <div class="controls">
                <select name="actiontaken" class="chzn-select" required style="width:350px;">
                  <option value=""></option>
                  <option value="2">Sent In Retread Store</option>
                  <option value="3">Disposed</option>
                </select>
                <!-- <input type="text" name="removed_date" value="" class="span12"> -->
                </div>
            </div>
    </div>
    <div class="span4">
               <div class="par control-group">
                <label class="control-label" for="vendors ">Date Removed</label>
                <div class="controls">
                <!-- <textarea class="" cols="1" rows="1"></textarea> -->
                <input type="text" name="removed_date" value="" class="datepicker span12">
                </div>
            </div>
    </div>
    <div class="span4">
               <div class="par control-group">
                <label class="control-label" for="vendors ">Reason</label>
                <div class="controls">
                <textarea name="reason" cols="1" rows="1" class="span12"></textarea>
                </div>
            </div>
    </div>
   </div> 
   <input type="hidden" value="{{$tires->id}}" name="tire_id">  
</div>
     <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn" type="submit">Remove Tire</button>
          </div>
 {!! Form::close() !!}
</div>
                  </tr>
                  @endforeach
              </tbody>
      </table>
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('.datepicker').datepicker({
            dateFormat: "yy-mm-dd",
        });
      });
</script>
@stop