@extends('admin.layouts.contentLayoutMaster')

@section('title','Testing Kits Log Add')
@section('pagelevelcss')
<link rel="stylesheet" type="text/css" href="{{asset('backend/css/page-account-settings.min.css')}}">
@stop
@section('content')
<div class="section">
    <div class="card">
        <div class="card-content">
            @if(count($errors) > 0)
              <div class="card-alert card red lighten-5">
                <div class="card-content red-text">
                  <ul>
                    @foreach($errors->all() as $error)
                      <li>{{$error}}</li>
                    @endforeach
                  </ul>
                </div>
                <button type="button" class="close red-text" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">×</span>
                </button>
              </div>
            @endif

           <div class="row">

            <form class="" action="{{route('testingkl.save')}}" method="post" id="AddForm">
                {{ csrf_field() }}      
              <div class="row">
                <div class="input-field col s6">
                  <input id="kits" name="kits" type="text" class="validate" value="" maxlength="2">
                  <label for="kits">Add number of kits</label>
                </div>                
              </div>  
              <div class="row">
                <div class="input-field col s6">
                  <select name="kit_type" id="kit_type" class="validate">
                    <option value="">select one</option>
                    <option value="1">PCR</option>
                    <option value="2">LFT</option>
                  </select>
                  <label for="kit_type">Kit type</label>
                </div>                
              </div>                           
              <button class="btn waves-effect waves-light generate" type="submit" name="action">Submit
                <!-- <i class="material-icons right">send</i> -->
              </button>
            </form>
          </div>
        </div>
    </div>
</div>
@endsection
@section('pageleveljs')
<script src="{{ asset('backend/js/additional-methods.min.js')}}"></script>
<script type="text/javascript">

$(function () { 

  $("#AddForm").validate({
    ignore: [],
    rules: {
      kits : {
        required: true,
      },
      kit_type : {
        required: true,
      },
    },
    messages : {
      kits: {
        required: "Please enter number of kits",
      },
      kit_type: {
        required: "Please select kit type.",
      },
    },
    errorElement : 'div',    
  });
}); 

/*$('.generate').on('click', function () {
  var order_id = 111111;
   // var href = $(this).data("value"); 
   // var win = window.open(href);
   var win = "{{route('testingkl.reprint')}}?id="+order_id;
    setTimeout(function () { location.reload(true)}, 1000);
});*/
</script>

@stop