@extends('layouts.backend')
@section('extraCss')
<style>
    
    table.TableAssest,.TableAssest{
    width: 100%;
    border-collapse: collapse;
    margin-top:20px;
    }
    table.TableAssest th, table.TableAssest td{
    border: 1px solid #cdcdcd;
    padding: 7px;
   }
</style>
@endsection
@php  $reqpos = !empty($podetail->id) ? $podetail->pos_id : request("pos_id"); @endphp
@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>Purchase Order For Assest</h4>  
             <a href="{{ route('oc-items-requested') }}" class="btn btn-info float-right btn-sm" style="margin:10px;"> back</a>  
        </div>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card-body">
            <div class="row">

                <div class="form-group col-md-6">
                    <label for="asset_name">Vendor</label>   
                    <input type="hidden" name="editId" value="{{!empty($podetail->id) ? $podetail->id : ''}}">                 
                    <select name="supplier" id="inputSupplier" class="form-control" required>
                        <option value="">select</option>
                        @foreach($supplier as $supplier)
                        <option value="{{ $supplier->id }}" {{  ( ( old('supplier') == $supplier->id ||  ( !empty($podetail->id) && $podetail->supplier == $supplier->id))) ? 'selected' : '' }} >{{ $supplier->company_name }}</option>
                        @endforeach
                    </select> 
                </div>

                <div class="form-group col-md-6">
                    <label for="Color">IN House Date</label>
                    <input type="text" name="deliver_date" class="form-control datepicker" style="width:100%" value="{{ !empty($podetail->deliver_date) ? $podetail->deliver_date : old('deliver_date') }}" id='inhouse_date' placeholder="Enter your purchase date" required> 
                    @if ($errors->has('inhouse_date'))
                      <span class="text-danger">{{ $errors->first('inhouse_date') }}</span>
                    @endif
                </div>

                <div class="form-group col-md-6">
                     <label for="location">Delivery Location</label>
                     <select name="location" id="location" class="form-control" required>
                        <option value="">select</option>                       
                        <option value="2" {{  ( ( old('location') == 2 ||  ( !empty($podetail->location) && $podetail->location == 2))) ? 'selected' : '' }} >Head Office</option>
                        <option value="1" {{  ( ( old('location') == 1 ||  ( !empty($podetail->location) && $podetail->location == 1))) ? 'selected' : '' }} >Location</option>                     
                     </select>
                </div>

                <div class="form-group col-md-6" id="store" style="display:none;">
                     <label for="store"> Location</label>
                     <select name="pos_id" id="pos_id" class="form-control" >
                     </select>
                </div>            

                <div class="form-group col-md-6">
                    <label for="asset_name">Delivery Address</label>
                    <textarea name="deliver_at" id="deliver_at" class="form-control"> {{ !empty($podetail->shipt_to) ? $podetail->shipt_to : old('deliver_at') }}  </textarea>
                    @if ($errors->has('deliver_at'))
                      <span class="text-danger">{{ $errors->first('deliver_at') }}</span>
                    @endif 
                </div>

                <div class="form-group col-md-6">
                    <label for="asset_name">Remarks</label>
                    <textarea name="remark" id="remark" class="form-control"> {{ !empty($podetail->details) ? $podetail->details : old('remark') }}   </textarea>
                    @if ($errors->has('remark'))
                      <span class="text-danger">{{ $errors->first('remark') }}</span>
                    @endif 
                </div> 

                <h5>Assest Details</h5><hr/>


                <div class="col-md-12"><hr/></div>
    
                 <div class="row">                

                <div class="col-sm-3 form-group">
                    <label for="asset_category">Category</label>
                    <select name="asset_category" id="asset_category" class="form-control select2 addCategory" data-placeholder="Select Category" {{ !empty($podetail->id) ? '' : 'required'}} >
                        <option>select category</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->id.'('.$category->name.')' }}" {{ 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-3 form-group">
                    <div class="form-group">
                        <label>Select Sub category</label>                                    
                        <select name="sub_category" id="subsection" class="form-control select2 addSubCategory" {{ !empty($podetail->id) ? '' : 'required'}}>                  
                        </select>
                    </div>
                </div>

                <div class="form-group col-md-3">
                    <label for="asset_name">Item Name</label>                  
                    <input type="text" class="form-control addItem" name="asset_name" id="asset_name" value="{{old('asset_name')}}" placeholder="Enter your name" {{ !empty($podetail->id) ? '' : 'required'}} />
                    @if ($errors->has('asset_name'))
                      <span class="text-danger">{{ $errors->first('asset_name') }}</span>
                    @endif 
                </div>

                <div class="col-md-3 form-group">
                    <label for="inputMessage">Quantity</label>
                    <input type="Number" min='0' class="form-control addQty" name="asset_qty" id="asset_qty" value="{{old('asset_qty')}}" placeholder="Enter your qty" {{ !empty($podetail->id) ? '' : 'required'}} />
                    @if ($errors->has('asset_qty'))
                      <span class="text-danger">{{ $errors->first('asset_qty') }}</span>
                    @endif
                </div> 

                <div class="col-md-3 form-group">
                    <label for="inputMessage">Rate</label>
                    <input type="Number" min='0' class="form-control addRate" name="rate" id="asset_rate" value="{{old('rate')}}" placeholder="Enter your qty" {{ !empty($podetail->id) ? '' : 'required'}} />
                    @if ($errors->has('asset_rate'))
                      <span class="text-danger">{{ $errors->first('asset_rate') }}</span>
                    @endif
                </div>
                <div class="col-md-3 form-group">
                <button type="button" class="addAssest">Add New assest</button>   
                </div>
    </div>

    <div class="col-md-12">
            <table class="TableAssest">
                <thead>
                    <tr>                                  
                        <th>Category</th>
                        <th>Sub Category</th>
                        <th>Item Name</th> 
                        <th>Quantity</th>  
                        <th>Rate</th>   
                        <th>Delete</th>                                                                     
                    </tr>                                   
                </thead>    
                <tbody> 

                @php $count = 0;  @endphp
                  @if(!empty($podetail->items) && count($podetail->items) > 0)
                   @foreach($podetail->items as $key => $value)

                    @php $count = $key +1 ; @endphp
                    <tr id="{{$count}}">
                      <td class="row-index text-center">               
                            <input type="text" name="category[{{$count}}]"  id="vt{{$count}}" value="{{!empty($value->categoryName->name) ? $value->category.'('.$value->categoryName->name.')' : 0}}" class="form-control"  required />
                      </td>
                      <td class="row-index text-center">               
                            <input type="text" name="subcate[{{$count}}]"  value="{{!empty($value->subCategory->name) ? $value->sub_category.'('.$value->subCategory->name.')' : 0}}" class="form-control"  required />
                      </td>
                      <td class="row-index text-center">               
                            <input type="text" name="assestName[{{$count}}]"  value="{{!empty($value->item_code) ? $value->item_code : 0}}" class="form-control" required />
                      </td>
                      <td class="row-index text-center">               
                            <input type="text" name="assestQty[{{$count}}]"  value="{{!empty($value->asset_qty) ? $value->asset_qty : 0}}" class="form-control"  required />
                      </td>
                      <td class="row-index text-center">               
                            <input type="text" name="asestRate[{{$count}}]"  value="{{!empty($value->rate) ? $value->rate : 0}}" class="form-control"  required />
                      </td>
                     
                       <td class="text-center">
                        <button class="btn btn-danger remove assestdelete " 
                            type="button">Remove</button>
                        </td>
                    </tr>
                   @endforeach 
                  @endif

                </tbody>
            </table>
    </div>                

                <div class="col-md-12 form-group">
                    <button class="btn btn-success" style="float:right; margin:10px;" 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 () {

$('#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+')">'+value.name+'</option>');
        });       

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

    })
}    

});

var type = $('#location').val();
callstores(type);

$("#location").on('change', function () {
var type = $('#location').val();
console.log(type);

callstores(type);
});

function callstores(type)
{

  if(type === '1')
  {  
       $("#store").css("display", "block");
  }else
  {
       $("#store").css("display", "none");
  }   

  var _token   = $('meta[name="csrf-token"]').attr('content');   
  var type = $('#location').val();
  $.ajax({
  url:"{{ route('location-list') }}",
  method:"get",
  data:{type: type, _token:_token},
  success:function(res)
  { 

        if(res){ console.log(res);
        $("#pos_id").empty();
        //  $("#subsection").append('<option value="">Select Section</option>');
        $.each(res,function(key,value){ console.log(value);
        $("#pos_id").append('<option value="'+key+'">'+value+'</option>');
        }); 

        var v1 = null;
         console.log(v1);
        $("#pos_id option[value='" + v1 + "']").prop("selected", true);      

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

  })
}


var addmorecount = 0;
 $('.addAssest').click(function(){
        var addCategory = $('.addCategory').val();  
        const Category = addCategory.split(" ");
        console.log(Category);
        var addSubCategory = $('.addSubCategory').val(); 
        var addItem = $('.addItem').val(); 
        var addQty = $('.addQty').val(); 
        var addRate = $('.addRate').val();      
        $('.TableAssest tbody').append("<tr><td><input name='category[]' id='category' class='form-control' value='"+addCategory+"' ></td><td><input name='subcate[]' id='subcate' class='form-control' value='"+addSubCategory+"' ></td><td><input name='assestName[]' id='addItem' class='form-control' value='"+addItem+"' ></td><td><input name='assestQty[]' id='addQty' class='form-control' value='"+addQty+"' ></td><td><input name='asestRate[]' id='addRate' class='form-control' value='"+addRate+"' ></td><td><button type='button' class='assestdelete btn'>x</button></td></tr>");
        addmorecount++;
    });
    $(document).on('click', 'button.assestdelete', function(){
        $(this).closest('tr').remove();
        return false;
    });
</script>
@endsection