@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-brand-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="brandsearch" class="form-control input-sm" placeholder="جستجو برند">
                    <br>
                    <br>
                    <select class="form-control input-sm" name="brand_id" id="resultbrand">
                        @if($brand)
                        <option value="{{$brand->id}}" selected>{{$brand->title}}</option>
                        @else
                        <option value="">انتخاب نمائید</option>
                        @endif
                         
                    </select>
                <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="form-group col-md-3">
                  <p>از تاریخ</p>
                  <input  id="startdate" type="text" class="form-control input-sm"/>
              </div>
              <div class="form-group col-md-3">
                  <p>تا تاریخ</p>
                  <input  id="enddate" type="text" class="form-control input-sm"/>
              </div>

            </div>
              <div class="row ">
                  <div class="col-md-4">
                      
                      <button type="submit" class="btn btn-dark">جستجو</button>
                  </div>
              <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>  
              </div>
          </div>
          {!! Form::close() !!}
      </div>
      <div class="panel">
        <div class="panel-content table-responsive filter-left">
            @if($brand && $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)