@extends('adminlte::page')

@section('title', 'Stock Item Add')

@section('content_header')
    <h1> @if(isset($stock))
                    Edit Stock Item 
                  @else
                    Add Stock Item 
                  @endif</h1>
@stop

@section('content')
<div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="col-md-6 col-sm-12">
            <!-- Horizontal Form -->
            <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">
                   @if(isset($stock))
                    Edit Stock Item Form
                  @else
                    Add Stock Item Form
                  @endif
                 
              </h3>
              <input type="hidden" name="edit" value="{{(isset($stock))?1:0}}">
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form class="form-horizontal" id="add-form">
                @csrf
                <input type="hidden" name="_master_id" value="{{$master_id}}">
                <input type="hidden" name="id" value="{{(isset($stock))?$stock['id']:''}}">
                <div class="card-body">
                  @if(isset($stock))
                  <div class="form-group row">
                  <label class="col-sm-2 col-form-label">Stock Code</label>
                  <div class="col-sm-10">
                    <input type="text" name="_code" min="1" class="form-control" value="{{$stock['stock_code']}}" readonly="">
                  </div>
                  </div>
                  @else
                  <div class="form-group row">
                  <label class="col-sm-2 col-form-label">Stock Count</label>
                  <div class="col-sm-10">
                    <input type="number" name="_count" min="1" class="form-control" value="1">
                    <p class="badge badge-primary" style="font-size: 11pt;">Current Stock: {{$stock_count}}</p>
                  </div>
                  </div>
                  @endif
                  <div class="form-group row">
                    <label for="item_code" class="col-sm-2 col-form-label">Rack Code</label>
                    <div class="col-sm-10">
                      <select class="form-control" name="_rack_id">
                        @foreach($rack_code as $k => $v)
                        <option value="{{$v['id']}}">{{$v['rack_code']}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="form-group row">
                  <label class="col-sm-2 col-form-label">Expiry Date</label>
                    <div class="col-sm-10 input-group date" id="expdate" data-target-input="nearest">
                        <input type="text" name="_expired_date" class="form-control datetimepicker-input" data-target="#expdate" readonly="true" value="" />
                        <div class="input-group-append" data-target="#expdate" data-toggle="datetimepicker">
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        </div>
                    </div>
                </div>
                  <div class="form-group row">
                    <label for="item_description" class="col-sm-2 col-form-label">Stock Condition</label>
                    <div class="col-sm-10">
                      <textarea class="form-control" name="_condition">{{(isset($stock))?$stock['stock_condition']:''}}</textarea>
                    </div>
                  </div>
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                  <!-- <button type="submit" class="btn btn-default">Cancel</button> -->
                  <button type="submit" name="submit" class="btn btn-info float-right">Submit</button>
                  <!-- <button type="submit" name="submitback" class="btn btn-info float-right">Submit and Back</button> -->
                  
                </div>
                <!-- /.card-footer -->
              </form>
            </div>
            <!-- /.card -->

          </div>
          <!--/.col (left) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
@stop

@section('css')

<link rel="stylesheet" href="{{asset('plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css')}}">
@stop

@section('js')

<script src="{{asset('plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('plugins/moment/moment.min.js')}}"></script>
<script src="{{asset('plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/daterangepicker.js')}}"></script>
   <script type="text/javascript">
     $(document).ready(function(){
      $('#expdate').datetimepicker({
        format: 'YYYY-MM-DD'
    });
    
      var sel = localStorage.getItem('_rack_id');
       if(sel!=null){
          $("select[name=_rack_id]").val(sel).trigger('change');
       }

       $('select[name=_rack_id]').on('change', function(){
          localStorage.setItem('_rack_id',$(this).val());
        });

      var spinner = $('#loader');
        $('#add-form').on('submit', function(e) {
          var edit = $('input[name=edit]').val();
          var master_id = $('input[name=_master_id]').val();
          var urlForm = '../doAdd';
          if(edit==1){
            urlForm = '../doEdit';
          }
       e.preventDefault(); 
       spinner.show();
       var formData = $('#add-form').serialize();
       
       $.ajax({
           type: "POST",
           url: urlForm,
           data: formData,
           success: function( msg ) {
            spinner.hide();
            if(msg.status){
                showToast('Data successfully inserted');
                location.href="";
            }else{
                showToast('Cannot insert data, please try again later','danger');
            }
            
               console.log(msg);
           }
       });
   });

     });
   </script>
@stop