@extends('layouts.backend')

@section('extraCss')
<style type="text/css">
.canvasjs-chart-credit
{
    display: none !important;
}
.modal-body {
     max-width: 900px;
     overflow-x: auto;
}
</style>
@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4> Dashboard  </h4>

        <a href="{{ route('pos-walkin-list') }}" class="btn btn-info float-right btn-sm" style="margin:10px;"><i class="fa fas fa-list"> Walk List</i>  </a> 
       <!--  <a href="{{ route('article-subcategory-update') }}" class="btn btn-info float-right btn-sm" style="margin:10px;"><i class="fa fas fa-list"> Subcategory Update</i>  </a> 
        --> 
        <button class="btn btn-success float-right btn-sm" type="button"  data-toggle="modal" data-target="#walkModel" style="float:right; margin:10px;">
        <i class="fa fas fa-plus"> Add Daily Walk</i></button>
        @if(auth()->user()->role_id === 1 )
        <button class="btn btn-info float-right btn-sm" type="button"  id="planexpire" style="float:right; margin:10px;">
        <i class="fa fas fa-list"> Plan Expire Template</i></button>
        <button class="btn btn-success float-right btn-sm" type="button"  id="walletAmount" style="float:right; margin:10px;">
        <i class="fa fas fa-list"> Wallet Amount Template</i></button>
        <button class="btn btn-info float-right btn-sm" type="button"  id="spsrenewal" style="float:right; margin:10px;">
        <i class="fa fas fa-list"> Sps Renewal Template</i></button>
        @endif
        
    </div>

@if((auth()->user()->role_id === 1 ) ||  (auth()->user()->role_id === 3 ))
    <div class="alert alert-default">
            <form action="{{ route('pos-dashboard') }}" id="productreport">
                <h4>Filter  </h4>                               

                <table class="table filterPosSo">                   
                    <tr>  
                        <td>
                            
                            <label><input type="checkbox" value="month" name="filterby" checked> Month </label>
                            <label><input type="checkbox" value="range" name="filterby"> Date Range </label>
                        </td>

                        <td>
                            <select name="pos_id" id="Pos" class="input-md"  >                                
                                @foreach($ALL_POS as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ ( !empty(request("pos_id")) && ( $warehouse->id == request("pos_id")) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                            </select>
                        </td>
                                            
                        <td id="sdate">
                            <input type="text" name="startdate" id="startdate" readonly class="form-control datepicker" placeholder="Enter Start date" value="