@extends('layouts.backend')

@section('mainContentArea')
<form action="{{ route('oc-asset-items.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="card card-default">
        <div class="card-header">
            <h4>Request New Asset</h4>  
             <a href="{{ route('oc-items-requested') }}" class="btn btn-danger float-right btn-sm" style="margin:10px;"><i class="fa fas fa-times"></i> Cancel</a>  
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 form-group">
                    <label for="asset_category">Category</label>
                    <select name="category" id="asset_category" class="form-control select2" data-placeholder="Select Category" required>
                        <option>select category</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->id }}" {{ old('asset_category') == $category->id ? "selected" : "" }}>{{ $category->name }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('asset_category'))
                    <span class="text-danger">{{ $errors->first('asset_category') }}</span>
                    @endif
                </div>

                <div class="col-sm-6">
                    <div class="form-group">
                        <label>Select Sub category</label>                                    
                        <select name="sub_category" id="subsection" class="form-control select2" >                  
                        </select>
                    </div>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="asset_name">Asset Name</label>
                    <input id="assestid" type="hidden">
                    <input type="text" class="form-control" name="asset_name" id="asset_name" value="{{old('asset_name')}}" placeholder="Enter your name" required />
                    @if ($errors->has('asset_name'))
                      <span class="text-danger">{{ $errors->first('asset_name') }}</span>
                    @endif 
                </div>

                <div class="col-md-6 form-group">
                    <label for="inputMessage">Quantity</label>
                    <input type="Number" min='0' class="form-control" name="asset_qty" id="asset_qty" value="{{old('asset_qty')}}" placeholder="Enter your qty" required />
                    @if ($errors->has('asset_qty'))
                      <span class="text-danger">{{ $errors->first('asset_qty') }}</span>
                    @endif
                </div>
               
                <div class="col-md-12 form-group"><h5>Available Assest</h5><hr></div>
                <div class="col-md-12 form-group">
                    <div class="table-responsive" style="margin-top:20px; display:none;" id='warediv'>

                      <table class="table table-striped table-bordered" id='purchases' >
                        <thead>
                            <tr>
                              <th>Name</th>
                               <th > Status </th>
                               <th id="th2"> Store </th> 
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                      </table>
                    </div>
                </div>
                <!-- <div class="col-md-6 form-group">
                    <label for="inputMessage">Staff</label>
                    <select name="staff" id="inputstaff" class="form-control select2" >
                        <option value="">select</option>
                        @foreach($stafflist as $staff)
                        <option value="{{ $staff->id }}" {{ old('staff') == $staff->id ? "selected" : "" }}>{{ $staff->name  }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('staff'))
                    <span class="text-danger">{{ $errors->first('staff') }}</span>
                    @endif                       
                </div> -->
                <div class="col-md-6 form-group">
                    <label for="s">Supplier</label>
                         <!--  <input type="text" class="form-control" id="inputSupplier" placeholder="Enter your supplier name" required />  -->
                      <select name="supplier" id="inputSupplier" class="form-control" required>
                            <option value="">select</option>
                            @foreach($supplier as $supplier)
                            <option value="{{ $supplier->id }}" {{ ( (!empty(request("supplier")) && (request("supplier") === $supplier->id)) ? "selected" : "") }}>{{ $supplier->company_name }}</option>
                            @endforeach
                      </select>                  
                </div>

                <div class="col-md-6 form-group">
                    <label for="inputMessage">Rate</label>
                    <input type="Number" min='0' class="form-control" name="rate" id="asset_rate" value="{{old('asset_rate')}}" placeholder="Enter your qty" required />
                    @if ($errors->has('asset_rate'))
                      <span class="text-danger">{{ $errors->first('asset_rate') }}</span>
                    @endif
                </div>

                <div class="col-md-6 form-group">
                    <label for="details">Description</label>
                    <textarea name="asset_desc" id="desc" class="form-control"></textarea>
                    @if ($errors->has('asset_desc'))
                      <span class="text-danger">{{ $errors->first('asset_desc') }}</span>
                    @endif 
                </div>

                <div class="col-md-6 form-group">
                    <label for="details">Delivery Address</label>
                    <textarea name="asset_delivery" id="asset_delivery" class="form-control"></textarea>
                    @if ($errors->has('asset_delivery'))
                      <span class="text-danger">{{ $errors->first('asset_delivery') }}</span>
                    @endif 
                </div>

                <div class="col-md-12 form-group">
                    <button class="btn btn-success" id ='rtype' ><i class="fa fas fa-save" ></i> Save Order</button>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection

@section('extraJs')
<script type="text/javascript">
 $(function () {
    if($("#asset_name").val() != '')
    {        
        availassest();
    }
    $("#asset_name").keyup(function(){
        availassest();
    });

    function availassest()
    {
        $('#purchases tbody').html(''); 
        $('#warediv').css('display','none');  
        var _token   = $('meta[name="csrf-token"]').attr('content');
        var name = $('#asset_name').val();
        var cid = $('#asset_category').val();
        $.ajax({
        url:"{{ route('assest-avaiable-details') }}",
        method:"get",
        data:{name: name,cid:cid, _token:_token},
        success:function(response)
        {  console.log(response);
            $('#warediv').css('display','block'); 
            $('#purchases tbody').html('');  
            $('#purchases thead').html(''); 
            $('#purchases thead').append(response.thead);

            $.each(response.data, function(propNames, propVal)
            { console.log(propVal);
              var tbody = "";
              tbody += "<tr><td>"+ propVal.name  + "</td><td>"+ propVal.store  + "</td><td>" + propVal.status + "</td><td><input type='checkbox' class='dassest' value=" + propVal.id + " name='select[]'></td></tr>";
               $('#purchases tbody').append(tbody);
            });

            bindChkClick();
        }

       })
    }
    
    function bindChkClick() {
           $(".dassest").click(function() { 
           $('#rtype').html('');
          var value = $(this).val();
          console.log(value);
          if(value != '')
          {
           $('#rtype').html("Assign To Staff");
          }
   });
}

$('#asset_category').on('change', function (event) {
    section($('#asset_category').val());
});

function section(section)
{
    var section = $('#asset_category').val();
    var _token   = $('meta[name="csrf-token"]').attr('content');

    $.ajax({
    url:"{{ route('assest-subcategory') }}",
    method:"get",
    data:{section: section, _token:_token},
    success:function(res)
    { 
        if(res){ console.log(res);
        $("#subsection").empty();
        //  $("#subsection").append('<option value="">Select Section</option>');
        $.each(res,function(key,value){ console.log(value);
        $("#subsection").append('<option value="'+value.id+'">'+value.name+'</option>');
        });       

        }else{
        $("#subsection").empty();
        }
    }    

    })
}
    

});
</script>
@endsection