@extends('layouts.admin')
@section('page_title')
@parent
گزارش فروش دسته بندی
@endsection
@section('head-js')
  <link rel="stylesheet" href="/assets/plugins/persiandate/persian.datepicker.min.css"/>
<style>
.datepicker-plot-area{
direction: ltr;
text-align: center;
}
.datepicker-plot-area span{
text-align: center;
}
.datepicker-plot-area div{
text-align: center;
}
.select2-container {
    z-index: 97 !important;
}
</style>
  <script src="/assets/plugins/persiandate/persian.date.js"></script>
  <script src="/assets/plugins/persiandate/persian.datepicker.min.js"></script>
  <script type="text/javascript">

    $(document).ready(function () {
        $('#startdate').persianDatepicker({
            altField: '#startdateAlt',
            format: 'YYYY/MM/DD',
        });

    });
    $(document).ready(function () {
        $('#enddate').persianDatepicker({
            altField: '#enddateAlt',
            format: 'YYYY/MM/DD',
        });
        $('#enddateAlt').attr('value','');
        $('#startdateAlt').attr('value','');
    });

  </script>
@stop
@section('main')
  <div class="header">
    <h2>گزارش ها فروش دسته بندی
    </h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li class="active">گزارش فروش دسته بندی</li>
      </ol>
    </div>
    @include('admin.error')
  </div>

    <div class="row">
      <div class="panel">
          {!! Form::open(['url'=>'/admin/reports/sales-category-stats' , 'method'=>'GET' , 'class'=>'search-form']) !!}
          <div class="panel-content bg-blue">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <p>دسته بندی</p>
                        <input type="text" id="catsearch" class="form-control input-sm" placeholder="جستجو دسته بندی">
                        <br>
                        <br>
                        <select class="form-control input-sm" name="cat_id" id="resultcat">
                            @if($cat)
                            <option value="{{$cat->id}}" selected>{{$cat->title}}</option>
                            @else
                            <option value="">انتخاب نمائید</option>
                            @endif
                             
                        </select>
                    </div>  
                    <div class="form-group">
                            <p>تعداد رکورد</p>
                            <select class="form-control input-sm" name="paginate">
                                <option value="30" selected>30</option>
                              <option value="50" @if($paginate == 50) selected @endif>50</option>
                              <option value="100" @if($paginate == 100) selected @endif>100</option>
                              <option value="200" @if($paginate == 200) selected @endif>200</option>
                              <option value="500" @if($paginate == 500) selected @endif>500</option>
                            </select>
                    </div>
                    <div class="form-group">
                            <p>وضعیت پرداخت</p>
                            <select class="form-control input-sm" name="pay">
                              <option value=" " selected>همه</option>
                              <option value="paid" @if($pay == 'paid') selected @endif>پرداخت شده</option>
                              <option value="notpaid" @if($pay == 'notpaid') selected @endif>پرداخت نشده</option>
                            </select>
                    </div>
                </div>
                <div class="col-md-3">
                      <div class="form-group">
                          <p>از تاریخ</p>
                          <input  id="startdate" type="text" class="form-control input-sm"/>
                      </div>
                      <div class="form-group">
                          <p>تا تاریخ</p>
                          <input  id="enddate" type="text" class="form-control input-sm"/>
                      </div>
                    </div>


            </div>
              <div class="row ">
                  <div class="col-md-4">
              <div class="form-group ">
                  <input type="hidden" id="startdateAlt" type="text" class="form-control" name="startdate" />
                  <input type="hidden" id="enddateAlt" type="text" class="form-control" name="enddate" />
              </div>                        
                      <button type="submit" class="btn btn-dark">جستجو</button>
                  </div>
              </div>
          </div>
          {!! Form::close() !!}
      </div>
      <div class="panel">
        <div class="panel-content table-responsive filter-left">
            @if($cat && $prs)
        <table class="table table-dynamic table-tools">
            <thead>
              <tr>
                <th>تصویر</th>
                <th>کدمحصول</th>
                <th>عنوان محصول</th>
                <th>تعداد فروش</th>
                <th>جمع کل فروش(تومان)</th>
                <th width="18%"></th>
              </tr>
            </thead>
            <tbody>
            @foreach($prs as $pr)