@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
span.multiselect-native-select {
    position: relative;
    display: block;
}
.btn-group, .btn-group-vertical {
    display: block;
}
.custom-select, .dropdown-item {
    width: 100% !important;
}
</style>
@endsection
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header">
            <h4>Store Asset Stock</h4>
             <a href="{{ route('oc-staff-assets-list') }}" class="btn btn-info float-right btn-sm" style="float:right; margin:5px;"> Back</a>
        </div>
        </div>
        <div class="card-body">
          
         
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>S.no</th>                        
                        <th>Store </th>
                        <th>Category</th>
                        <th>Sub Category</th> 
                        <th>Qty</th>                       
                        
                    </tr>
                </thead>
                <tbody>
                    @foreach ($assestlist as $key => $assest)
                        <tr>
                            <td>{{$key + $assestlist->firstItem() }}</td> 
                            <td>{{ empty($assest->store->name) ? 'N/A' : $assest->store->name }}</td> 
                            <td>{{ empty($assest->category->name) ? 'N/A' : $assest->category->name}}</td>
                            <td>{{ empty($assest->subcategory->name) ? 'N/A' : $assest->subcategory->name }}</td> 
                            <td>{{ empty($assest->totalqty) ? '0' : $assest->totalqty }}</td>
                            
                           
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @php if($assestlist->count() > 0) { @endphp {!! $assestlist->appends(request()->input())->links() !!} @php } @endphp
    </div>

<!-- Modal -->
<div class="modal fade" id="assestModel" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header" >
              <h5> Add Assets</h5>
              <button type="button" class="close" data-dismiss="modal">&times;</button> 
               
            </div>
            
            <!-- Modal Body -->
            <div class="modal-body">
                <p class="statusMsg"></p>
                <form role="form">
                    <div class="form-group">
                        <label for="inputMessage">Request No</label>
                        <select name="assest_po" id="assest_po" class="form-control" required>
                                <option value="">select</option>
                                @foreach($poreq as $po)
                                <option value="{{ $po->id }}" {{ ( (!empty(request("assest_po")) && (request("assest_po") === $po->id)) ? "selected" : "") }}>{{ $po->reference  }}</option>
                                @endforeach
                        </select>                       
                    </div>
                    <div class="form-group">
                        <label for="inputName">Name</label>
                        <input id="assestid" type="hidden">
                        <input type="text" class="form-control" id="inputName" placeholder="Enter your name" required />
                    </div>
                    <div class="form-group">
                        <label for="inputEmail">Qty</label>
                        <input type="number" class="form-control" id="assest_qty" placeholder="Enter your qty" min='0' required/>
                    </div>
                    <div class="form-group">
                         <label for="Color">Purchase On</label>
                         <input type="text" class="form-control datepicker" style="width:100%"  id='inputpodate' placeholder="Enter your purchase date" required> 
                     </div>
                    <!-- <div class="form-group">
                        <label for="inputMessage">Staff</label>
                        <select name="staff" id="inputstaff" class="form-control" >
                                <option value="">select</option>
                                @foreach($stafflist as $staff)
                                <option value="{{ $staff->id }}" {{ ( (!empty(request("staff")) && (request("staff") === $staff->id)) ? "selected" : "") }}>{{ $staff->name  }}</option>
                                @endforeach
                          </select>                       
                    </div> -->
                    <div class="form-group">
                          <label for="s">Category</label>
                          <select name="category" id="inputcategory" class="form-control" required>
                                <option value="">select</option>
                                @foreach($category as $category)
                                <option value="{{ $category->id }}" {{ ( (!empty(request("category")) && (request("category") === $category->id)) ? "selected" : "") }}>{{ $category->name }}</option>
                                @endforeach
                          </select>                   
                    </div>                    
                    <div class="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="form-group">
                        <label for="inputMessage">Description</label>                        
                        <textarea class="form-control" id="inputDes" placeholder="Enter your description" required></textarea>
                    </div>
                   <!--  <div class="form-group">
                        <label for="inputMessage">Status</label>
                        <select name="status" id="inputstatus" class="form-control" required>
                                <option value="">select</option>                               
                                <option value="1" {{ ( (!empty(request("status")) && (request("status") === 1)) ? "selected" : "") }}>Occupied</option>
                                <option value="2" {{ ( (!empty(request("status")) && (request("status") === 2)) ? "selected" : "") }}>Free</option>
                              
                        </select>                       
                    </div> -->
                </form>
            </div>
            
            <!-- Modal Footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary submitBtn" id="btn-save" onclick="submitContactForm()">SUBMIT</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="assignAssest" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header" >
              <h5> Assest Assign</h5>
              <button type="button" class="close" data-dismiss="modal">&times;</button> 
               
            </div>
            
            <!-- Modal Body -->
            <div class="modal-body">
                <p class="statusMsg"></p>
                <form role="form">
                    <input type="hidden" id="assestId">
                    <div class="form-group store_type"><label for="store_type"> Store / Pos</label> 
                        <select name="warehouse_model" id="pos_model" class="input-md form-control" >   
                          <option value=''>select</option>                             
                          @foreach($ALL_POS as $warehouse)
                          <option value="{{ $warehouse->id }}" >{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                          @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                       <label for="staff">Staff</label>
                       <select  id="Ass_staff" class="form-control" >
                                <option value="">select</option>
                                @foreach($stafflist as $staff)
                                <option value="{{ $staff->id }}" {{ ( (!empty(request("staff")) && (request("staff") === $staff->id)) ? "selected" : "") }}>{{ $staff->name  }}</option>
                                @endforeach
                        </select>
                    </div>                   
                    
                    <div class="form-group">
                        <label for="inputName">Qty</label>                        
                        <input type="number" class="form-control" id="assign_qty" placeholder="Enter your Qty" required />
                    </div>                    
                    
                    <div class="form-group">
                        <label for="assign_desc">Description</label>                        
                        <textarea class="form-control" id="assign_desc" placeholder="Enter your description" required></textarea>
                    </div>

                    <div class="form-group">
                         <label for="Color">Date On</label>
                         <input type="text" class="form-control datepicker" style="width:100%"  id='assign_on' placeholder="Enter your assign date" required> 
                     </div>
                    
                </form>
            </div>
            
            <!-- Modal Footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary AsssubmitBtn" id="btn-save" onclick="submitAssignForm()">SUBMIT</button>
            </div>
        </div>
    </div>
</div>
   
@endsection

@section('extraJs')
<script type="text/javascript">
$('body').on('click', '#add-staff', function () {       
        $('#inputName').val('');
        $('#assest_po').val('');
        $('#assest_qty').val('');
        $('#inputpodate').val('');
        $('#inputstaff').val('');
        $('#inputcategory').val('');
        $('#inputSupplier').val('');
        $('#inputDes').val('');
        $('#inputstatus').val('');
        $('#assestModel .modal-dialog .modal-content .modal-header h5').html("Add Assest");
        $('#assestModel .modal-dialog .modal-content .modal-footer #btn-save').html("Submit");
});

$('body').on('click','#add-assign',function(){
     var assId = $(this).data('id');
     $('#assestId').val(assId);
});

$( ".datepicker" ).datepicker({
    format: 'yyyy-mm-dd',
    todayBtn: "linked",
    language: "it",
    autoclose: true,
    todayHighlight: true
});
function submitContactForm(){
    
    var name = $('#inputName').val();
    var assest_po = $('#assest_po').val();
    var assest_qty = $('#assest_qty').val();
    var podate = $('#inputpodate').val();
    
    var category = $('#inputcategory').val();
    var supplier = $('#inputSupplier').val();
    var desc = $('#inputDes').val();
    
    var assestid =  $('#assestid').val();
    
    if(name.trim() == '' ){
        alert('Please enter name.');
        $('#inputName').focus();
        return false;
    }else if(assest_po.trim() == '' ){
        alert('Please select Request referance.');
        $('#inputpoid').focus();
        return false;
    }else if(podate.trim() == '' ){
        alert('Please enter Date.');
        $('#inputpodate').focus();
        return false;       
    }else if(category.trim() == '' ){
        alert('Please select category.');
        $('#inputcategory').focus();
        return false;
    }else if(supplier.trim() == '' ){
        alert('Please enter supplier.');
        $('#inputSupplier').focus();
        return false;
    }else if(desc.trim() == '' ){
        alert('Please enter description.');
        $('#inputDes').focus();
        return false;
    }else{
        var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('oc-staff-assets-add') }}",
            data: {
            name: name,
            assest_po: assest_po,
            assest_qty : assest_qty,
            podate: podate,           
            category: category,
            supplier:supplier,
            desc:desc,           
            assestid: assestid,
            _token: _token
            },
            dataType: "json",
            beforeSend: function () {
                $('.submitBtn').attr("disabled","disabled");
               
            },           
            success: function(response) { 
                var reason = JSON.stringify(response);  
                var parsed = JSON.parse(reason);            
                console.log(parsed);
                if (parsed.status == false) {
                toastr.error(parsed.info);
                $('.submitBtn').removeAttr("disabled");
                } else {
                toastr.success(parsed.info);
                
                window.location.reload('true');               
                
                }
            }
        });
    }
}

$('body').on('click', '#edit-post', function () {
      var post_id = $(this).data('id');
      var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('oc-staff-assets-edit') }}",
            data: {
            id:  post_id,        
            _token: _token
            },
            dataType: "json",                       
            success: function(data) { 
                  $('#assestModel .modal-dialog .modal-content .modal-header h5').html("Edit Assest");
                  $('#assestModel .modal-dialog .modal-content .modal-footer #btn-save').html("update");
                  $('#assestModel').modal('show'); 

                  var today =  new Date(data.purchase_date);
           
                  var dd = String(today.getDate()).padStart(2, '0');
                  var mm = today.getMonth() + 1; //January is 0!
                  var yyyy = today.getFullYear();

                  today = dd + '-' + mm + '-' + yyyy;    
                  console.log(today);       

                  $('#assestid').val(data.id);
                  $('#inputName').val(data.name);
                  $('#inputpoid').val(data.po_reference);
                  $('#inputpodate').val(data.purchase_date);
                  $('#inputstaff').val(data.current_holding); 
                  $('#inputSupplier').val(data.supplier);  
                  $('#inputDes').val(data.description);   
                  $('#assest_qty').val(data.assest_qty);            
                  $("#inputcategory option[value=" + data.category_id + "]").attr('selected', true);
                  $("#assest_po option[value=" + data.assest_po + "]").attr('selected', true);    
                  $("#inputstatus option[value=" + data.current_postion + "]").attr('selected', true);                
            }
        });
      
});

function submitAssignForm(){
    
    var pos = $('#pos_model').val();
    var assign_qty = $('#assign_qty').val();
    var assign_desc = $('#assign_desc').val();
    var assId = $('#assestId').val();
    var staff = $('#Ass_staff').val();
    var assign_on = $('#assign_on').val();
    
    if(pos.trim() == '' && staff.trim() == '' ){
        alert('Please select pos or staff.');
        $('#pos_model').focus();
        return false;
    }else if(assign_qty.trim() == '' ){
        alert('Please enter qty.');
        $('#assign_qty').focus();
        return false;
    }else if(assign_desc.trim() == '' ){
        alert('Please enter description.');
        $('#assign_desc').focus();
        return false;       
    }else{
        var _token   = $('meta[name="csrf-token"]').attr('content'); 
        $.ajax({
            type: "get",
            url: "{{ route('oc-assets-assign-add') }}",
            data: {
            pos: pos,
            staff : staff,
            assign_qty: assign_qty,
            desc : assign_desc,
            assest_id:assId, 
            assign_on:assign_on,            
            _token: _token
            },
            dataType: "json",
            beforeSend: function () {
               // $('.AsssubmitBtn').attr("disabled","disabled");
               
            },           
            success: function(response) { 
                var reason = JSON.stringify(response);  
                var parsed = JSON.parse(reason);            
                console.log(parsed);
                if (parsed.status == false) {
                toastr.error(parsed.info);
               // $('.submitBtn').removeAttr("disabled");
                } else {
                toastr.success(parsed.info);
                
                window.location.reload('true');               
                
                }
            }
        });
    }
}
</script>
@endsection