@extends('layouts.backend')
@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }

    .card-stats{
        border: 1px solid #c0c1ca;
        padding: 16px 8px;
        box-shadow: 5px 5px;
    }
    .oneth{background-color: #74c64e80;}
    .twoth{background-color: #74c64eb8;}
    .threeth{background-color: #78cd51;}
    .fourth{background-color: #74c64e4a;}
    .stats{
        float: right;
        font-size: 18px;
    }
    .fa{font-size: 23px;
    margin-right: 6px;}
</style>

@endsection
@section('mainContentArea')
<div class="card card-default">
    @if(auth()->user()->role_id != 10)
      <div class="card-header">
          <h4> Dashboard Manage Sales and purchase Orders</h4>
          <a href="{{ route('pos-dashboard') }}" class="btn btn-info float-right btn-sm" style="margin-right:10px;"> POS Dashboard </a>
      </div>
    @endif
   
    @if($showing === 1)
    
    <div class="card-body">      
        <div class="content">
          <div class="container-fluid">
            <div class="row">
            
              @if($accountpending > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats oneth">
                    <div class="card-header card-header-warning card-header-icon">  
                         <p>{{ $accountpending}} Account Pending</p>                
                      <h3 class="card-category"> New Sales Order</h3>                  
                    </div>
                    <div class="card-footer" >
                      <div class="stats" style="height:25px;"> 
                       
                      @if($arhamStore == 1)  <span   style="color:green;margin:10px;"> {{ $accountpendingarham }}  Arham</span> @endif
                      @if($jaipurStore == 1)  <span   style="color:red;margin:10px;"> {{ $accountpendingjaipur }}  Jaipur</span> @endif
                                          
                        <a href="{{ route('manage-order-details',['outward' =>0,'ready' =>0,'accounts' =>0,'dispetch' => 0]) }}"><i class="fa fa-eye text-success"></i>View Details</a>
                      </div>
                    </div>
                  </div>
                </div>              
                @endif
                @if($warehousepending > 0) 
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats oneth">
                    <div class="card-header card-header-warning card-header-icon">  
                        <p>{{ $warehousepending }} Warehouse Pending</p>                
                      <h3 class="card-category"> New Sales Order</h3>                  
                    </div>
                    <div class="card-footer">
                      <div class="stats contentsss" style="height:25px;">                    
                        <span  data-id="1" data-toggle="modal" data-target="#Userlist" style="color:green;margin:10px;"> {{ $totalpickcount }}  In Picklist</span>
                        <span  data-id="2" data-toggle="modal" data-target="#Userlist" style="color:red;margin:10px;"> {{ $nonpickcount }}    Not Picklist</span>
                        <a style="margin:10px;" href="{{ route('manage-order-details',['outward' =>0,'ready' =>0,'accounts' =>1,'dispetch' => 0]) }}"><i class="fa fa-eye text-success"></i>View Details</a>
                      </div>                  
                    </div>
                  </div>
                </div>
                @endif
                @if($rtspendingcount > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $rtspendingcount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;"> Ready To Send </h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">
                       
                        @if($arhamStore == 1) <span   style="color:green;margin:10px;"> {{  $rtspendingcountarham }}  Arham</span> @endif
                        @if($jaipurStore == 1) <span   style="color:red;margin:10px;"> {{    $rtspendingcountjaipur }}  Jaipur</span>  @endif
                       
                      <a href="{{ route('manage-order-details',['outward' =>1,'ready' =>0,'accounts' =>1,'dispetch' => 0]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif
                @if($getoutpending > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $getoutpending}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Gate Out Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">
                        
                        @if($arhamStore == 1) <span   style="color:green;margin:10px;"> {{  $getoutpendingarham }}  Arham</span>   @endif 
                        @if($jaipurStore == 1) <span   style="color:red;margin:10px;"> {{    $getoutpendingjaipur }}  Jaipur</span> @endif 
                      
                      <a href="{{ route('manage-order-details',['outward' =>1,'ready' =>1,'accounts' =>1,'dispetch' => 0]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif
                @if($alldispetch > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $alldispetch}} </p>                   
                        <h3 class="card-category" style="font-size: 24px;">All Dispatch</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">
                      
                        @if($arhamStore == 1)  <span   style="color:green;margin:10px;"> {{  $alldispetcharham }}  Arham</span> @endif
                        @if($jaipurStore == 1)  <span   style="color:red;margin:10px;"> {{    $alldispetchjaipur }}  Jaipur</span>   @endif
                       
                      <a href="{{ route('manage-order-details',['outward' =>1,'ready' =>1,'accounts' =>1,'dispetch' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif               
              
              @if(auth()->user()->role_id === 1 )
              @if($assestPo > 0)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <div class="card card-stats twoth">
                  <div class="card-header card-header-success card-header-icon">
                    <div class="card-icon"> 
                      <p> {{ $assestPo}} Pending</p>                   
                      <h3 class="card-category" style="font-size: 24px;">Assest PO</h3> 
                    </div>                
                  </div>
                  <div class="card-footer">
                    <div class="stats" style="height:25px;">
                      
                    <a href="{{ route('oc-items-requested') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                    </div>
                  </div>
                </div>
              </div>
              @endif
              @if($assestInwardePo)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <div class="card card-stats twoth">
                  <div class="card-header card-header-success card-header-icon">
                    <div class="card-icon"> 
                      <p> {{ $assestInwardePo}} Inward Pending</p>                   
                      <h3 class="card-category" style="font-size: 24px;">Assest Inward Pending</h3> 
                    </div>                
                  </div>
                  <div class="card-footer">
                    <div class="stats" style="height:25px;">
                      
                    <a href="{{ route('oc-asset-approved-requested',['inward' =>0]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                    </div>
                  </div>
                </div>
              </div>
              @endif
              @if($contentCount)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $contentCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Content Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('article-contant-list',['is_content' =>1,'content_approved' => 0,'send_approve' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @if($updateCount > 0)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $updateCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Article Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('articles-updatelist',['is_draft' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div> 
              @endif
              @if($autosalesorder > 0)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $autosalesorder }} </p>                   
                        <h3 class="card-category" style="font-size: 24px;">Pos Sales Order Request</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">
                        
                        <span   style="color:green;margin:10px;"> {{-- $alldispetcharham Arham --}}  </span>
                        <span   style="color:red;margin:10px;"> {{-- $alldispetchjaipur Jaipur--}}  </span>  
                        
                      <a href="{{ route('pos-sale-order-details') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif
                @if($hsncount > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $hsncount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">HSN Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('hsn-list',['is_draft' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif
                @if($PartyVendorcount > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $PartyVendorcount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Party/Vendor Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('partyVendors-draft',['is_draft' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif

                @if($challanCount > 0 || auth()->user()->id === 1)  
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <div class="card card-stats twoth">
                  <div class="card-header card-header-success card-header-icon">
                    <div class="card-icon"> 
                      <p> {{ $challanCount}} Challan Pending</p>                   
                      <h3 class="card-category" style="font-size: 24px;">Challan Approved Pending</h3> 
                    </div>                
                  </div>
                  <div class="card-footer">
                    <div class="stats" style="height:25px;">                   
                    <a href="{{ route('challan.issued',['is_draft' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                    </div>
                  </div>
                </div>
              </div>
              @endif

                @if($locationcount > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $locationcount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Location Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('partylocationdraftlist',['approve_status' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
                @endif

                @if($fabricCount > 0)
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $fabricCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Fabric Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('fabrics.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
                </div>
              @endif
              @if($sizeCount > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $sizeCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Size Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('sizes.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @if($colorFamilyCount > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $colorFamilyCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Color Families Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('color-families.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @if($colorsCount > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $colorsCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Colors Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('colors.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @if($seasonnsCount > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $seasonnsCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Seasons Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('seasons.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @if($attributeCount > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $attributeCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Attribute Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('master.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @if($attributeValueCount > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats twoth">
                    <div class="card-header card-header-success card-header-icon">
                      <div class="card-icon"> 
                        <p> {{ $attributeValueCount}} Pending</p>                   
                        <h3 class="card-category" style="font-size: 24px;">Attribute Value Approved Pending</h3> 
                      </div>                
                    </div>
                    <div class="card-footer">
                      <div class="stats" style="height:25px;">                   
                      <a href="{{ route('master-values.draftindex') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                      </div>
                    </div>
                  </div>
              </div>
              @endif
              @endif
              @if($allpurchaseOrder > 0 || auth()->user()->role_id === 23)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="card card-stats oneth">
                    <div class="card-header card-header-warning card-header-icon">  
                         <p>{{ $allpurchaseOrder}} Purchase Pending</p>                
                      <h3 class="card-category"> New Purchase Order</h3>                  
                    </div>
                    <div class="card-footer" >
                      <div class="stats" style="height:25px;"> 
                        @if(auth()->user()->role_id === 1 )
                        <span   style="color:green;margin:10px;"> {{ 0 }}  Arham</span>
                        <span   style="color:red;margin:10px;"> {{ $allpurchaseOrder }}  Jaipur</span>  
                        @endif                   
                        <a href="{{ route('purchase-orders.index',['draft' => 0,'pre_account' =>0,'packingslip' => 0,'ready' => 0 , 'delivered' => 0]) }}"><i class="fa fa-eye text-success"></i>View Details</a>
                      </div>
                    </div>
                  </div>
              </div>
              @endif

              @if($manualbillcount > 0 || auth()->user()->id === 1) 
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <div class="card card-stats twoth">
                  <div class="card-header card-header-success card-header-icon">
                    <div class="card-icon"> 
                      <p> {{ $manualbillcount}} Manual Pending</p>                   
                      <h3 class="card-category" style="font-size: 24px;">Manual Approved Pending</h3> 
                    </div>                
                  </div>
                  <div class="card-footer">
                    <div class="stats" style="height:25px;">                   
                    <a href="{{ route('manual-bill-list') }}"><i class="fa fa-eye text-success"></i>View Details</a>

                    </div>
                  </div>
                </div>
              </div>
              @endif              

             {{-- @if($allpurchaseOrder_Supplier_no > 0)
               <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <div class="card card-stats oneth">
                  <div class="card-header card-header-warning card-header-icon">  
                       <p>{{ $allpurchaseOrder_Supplier_no}} Supplier Order No Approve Pending</p>                
                    <h3 class="card-category"> Supplier Order No</h3>                  
                  </div>
                  <div class="card-footer" >
                    <div class="stats" style="height:25px;">                                       
                      <a href="{{ route('purchase-orders.index',['supplier_no' => 1,'order_no_approve' => 0,'pre_account' =>1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>
                    </div>
                  </div>
                </div>
              </div> 

              @if($challanCount > 0)
              <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <div class="card card-stats twoth">
                  <div class="card-header card-header-success card-header-icon">
                    <div class="card-icon"> 
                      <p> {{ $challanCount}} Pending</p>                   
                      <h3 class="card-category" style="font-size: 24px;">Challan Approved Pending</h3> 
                    </div>                
                  </div>
                  <div class="card-footer">
                    <div class="stats" style="height:25px;">                   
                    <a href="{{ route('challan.issued',['is_draft' => 1]) }}"><i class="fa fa-eye text-success"></i>View Details</a>

                    </div>
                  </div>
                </div>
              </div>
            @endif 

              @endif --}}
             
          
            </div>    
          </div>
        </div>
    </div>
    @endif
</div>

<div class="modal fade bd-example-modal" id="Userlist" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog ">    
      <!-- Modal content-->
      <div class="modal-content" >
        <div class="modal-header" >
          <h5 id='header'> </h5>
          <button type="button" class="close" data-dismiss="modal">&times;</button>         
        </div>
        <div class="modal-body" > 
            <div class="table-responsive" style="margin-top:20px; " id='posdiv'>
                <table class="table table-striped table-bordered" id='compersion' >
                    <thead>
                        <tr >
                           <th > Order </th>
                           <th > Qty </th>
                           <th > Staff </th> 
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
              </table>
            </div>            
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" id='close' data-dismiss="modal">Close</button>
        </div>
      </div>      
    </div>
</div>
@endsection
@section('extraJs')
<script type="text/javascript">
$(document).ready(function(){
  $(function () {
    $('#Userlist').on('show.bs.modal', function (event) {
     
      var button = $(event.relatedTarget); // Button that triggered the modal
      var id = button.data('id'); // Extract info from data-* attributes
      
      var modal = $(this);
      if(id == 1)
      {
          modal.find('#header').html('Working Picklist');
      }else
      {
         modal.find('#header').html('Pending Picklist');
      }
      
      var _token   = $('meta[name="csrf-token"]').attr('content'); 

      $.ajax({
        type: "get",
        url: "{{ route('order-user-list') }}",
        data: {
          id: id,          
          _token: _token
        },
        dataType: "json",
        success: function(response) {        
             $('#compersion tbody').html(''); 
             
              $.each(response, function(propNames, propVals) {             

              $('#compersion tbody').append("<tr><td>" + propVals.order  + "</td><td>" + propVals.qty + "</td><td>" + propVals.staff + 
                 "</td></tr>");
                  
            });
              
        },
        error: function(response) {
          console.log(response.responseJSON);
        }
      });
    });
  });
});
</script>
@endsection