@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>گزارش ها
    @if(@$startdate) از {{\Morilog\Jalali\Jalalian::forge(@$startdate)->format('Y/m/d')}} @endif 
    @if(@$enddate) تا {{\Morilog\Jalali\Jalalian::forge(@$enddate)->format('Y/m/d')}} @endif
    </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-product-stats' , 'method'=>'GET' , 'class'=>'search-form']) !!}
          <div class="panel-content bg-blue">
            <div class="row">
                <div class="form-group col-md-4">
                    <p>محصول</p>
                    <input type="text" id="productsearch" class="form-control input-sm" placeholder="جستجو محصول">
                    <br>
                    <br>
                    <select class="form-control input-sm" name="product_id" id="resultproduct">
                        @if($product)
                        <option value="{{$product->id}}" selected>{{$product->title}} - {{$product->code}}</option>
                        @else
                        <option value="">انتخاب نمائید</option>
                        @endif
                         
                    </select>
                </div>
            </div>
            <div class="row">                
              <!--<div class="form-group col-md-4">-->
              <!--  <p>انتخاب درگاه</p>-->
              <!--  <select class="form-control input-sm" name="paymethod">-->
              <!--    <option value="">انتخاب نمائید</option>-->
              <!--    <option value="saman" @if($paymethod == 'saman') selected @endif>درگاه سامان</option>-->
              <!--    <option value="mellat" @if($paymethod == 'mellat') selected @endif>درگاه ملت</option>-->
              <!--    <option value="snapp" @if($paymethod == 'snapp') selected @endif>درگاه اسنپ</option>-->
              <!--  </select>-->
              <!--</div>-->
              <!--<div class="form-group col-md-4">-->
              <!--  <p>انتخاب روش ارسال</p>-->
              <!--  <select class="form-control input-sm" name="shippingmethod">-->
              <!--    <option value="">انتخاب نمائید</option>-->
              <!--    <option value="1" @if($shippingmethod == 1) selected @endif>پیک موتوری</option>-->
              <!--    <option value="2" @if($shippingmethod == 2) selected @endif>پست پیشتاز</option>-->
              <!--    <option value="3" @if($shippingmethod == 3) selected @endif>پست سفارشی</option>-->
              <!--  </select>-->
              <!--</div>-->
             <div class="form-group col-md-4">
                <p>از تاریخ</p>
                <input  id="startdate" type="text" class="form-control input-sm"/>
                <input type="hidden" id="startdateAlt" type="text" class="form-control" name="startdate" />
             </div>
             <div class="form-group col-md-4">
                <p>تا تاریخ</p>
                <input  id="enddate" type="text" class="form-control input-sm"/>
                <input type="hidden" id="enddateAlt" type="text" class="form-control" name="enddate" />
             </div>             
              <div class="form-group col-md-4">
                <p>وضعیت مالی</p>
                <select class="form-control input-sm" name="paymentstatus">
                  <option value="">انتخاب نمائید</option>
                  <option value="1" @if($paymentstatus == 1) selected @endif>پرداخت نشده </option>
                  <option value="2" @if($paymentstatus == 2) selected @endif>پرداخت شده </option>
                </select>
              </div>
            </div>
              <div class="row ">
                  <div class="col-md-4">
                      
                      <button type="submit" class="btn btn-dark">جستجو</button>
                  </div>
              </div>
              @if($items)
              <p>تعداد کل آیتم های فروش : {{$items->total()}}</p>
              <p>تعداد کل فروش : {{$count}}</p>
              @endif
          </div>
          {!! Form::close() !!}
      </div>
      <div class="panel">
        <div class="panel-content pagination2 table-responsive filter-left">
            @if($product && $items)
        <table class="table table-dynamic table-tools">
            <thead>
              <tr>
                <th>کدسفارش</th>
                <th>مشتری</th>
                <th>تعداد</th>
                <th>روش ارسال</th>
                <th>وضعیت پرداخت</th>
                <th>درگاه</th>
                <th>تاریخ</th>
                <th width="18%"></th>
              </tr>
            </thead>
            <tbody>
            @foreach($items as $item)
                <tr>
                  <td>{{$item->orders->code}}</td>
                  <td>@if($item->orders) @if($item->orders->users) {{$item->orders->users->fname}} {{$item->orders->users->lname}} @endif @endif</td>
                  <td>{{$item->num}}</td>
                  <td>
                    @if($item->orders->shippingmethod == 1)
                        <span class="label label-success">پیک موتوری</span>
                    @elseif($item->orders->shippingmethod == 2)
                        <span class="label label-blue">پست پیشتاز</span>
                    @elseif($item->orders->shippingmethod == 3)
                        <span class="label label-dark">پست سفارشی</span>
                    
                    @elseif($item->orders->shippingmethod == 4)
                        <span class="label label-danger">تیپاکس</span>
                    @endif

                  </td>
                  <td>

                      @if($item->orders->paymentstatus == 1)
                        <span class="label label-danger">پرداخت نشده</span>
                      @elseif($item->orders->paymentstatus == 2)
                        <span class="label label-success">پرداخت شده</span>
                      @endif

                  </td>
                  <td>
                    @if($item->orders->paymethod == 'mellat')
                        <span class="label label-success"> ملت</span>
                    @elseif($item->orders->paymethod == 'saman')
                        <span class="label label-blue"> سامان</span>
                    @elseif($item->orders->paymethod == 'snapp')
                        <span class="label label-dark">اسنپ</span>
                    
                    @elseif($item->orders->paymethod == 'cod')
                        <span class="label label-info">پرداخت در محل</span>
                    @endif

                  </td>                  
                  <td>{{\Morilog\Jalali\Jalalian::forge($item->created_at)->format('d F Y در H:i')}}</td>
                  <td>
                    <a class="btn btn-blue btn-sm" href="{{url('/admin/orders/view/'.$item->orders->id)}}" title="نمایش فاکتور" ><i class="icon-eye" data-toggle="tooltip" title="نمایش فاکتور"></i></a>

                  </td>
                </tr>
            @endforeach
            </tbody>
        </table>
 {{$items->links('admin.pagination')}}
        @endif
        </div>
      </div>
    </div>

@stop
@section('js')

<script type="text/javascript">

    
    $('#productsearch').keyup(function(){
      
      var input = $(this).val();
      var timeout = null;
      if(input.length >= 4){
    
        $.ajax({
        url : '/admin/ajax/productsearch',
        method : 'get',
        data : {search : input },
        dataType : 'json',
        success : function(data){
            $('#resultproduct').html('');
            $('#resultproduct').append('<option value="">انتخاب کنید</option>');
          $.each(data.prs,function(i,data){
            $('#resultproduct').append('<option value="'+data.id+'">'+data.title+'- '+ data.code+'</option>');
          });        
    
        },
        error : function(data){}
        });
      }
    });
    
</script>
@stop