@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;
    z-index: 11111;
}
.select2-container {
    z-index: 9999 !important;
}
</style>

<script src="/assets/plugins/persiandate/persian.date.js"></script>
<script src="/assets/plugins/persiandate/persian.datepicker.min.js"></script>

<script>
$(document).ready(function () {

    $('#startdate').val('');
    $('#enddate').val('');

    $('#startdate').persianDatepicker({
        altField: '#startdateAlt',
        format: 'YYYY/MM/DD',
        altFormat: 'X', 
        timePicker: false,
        initialValue: false
    });

    $('#enddate').persianDatepicker({
        altField: '#enddateAlt',
        format: 'YYYY/MM/DD',
        altFormat: 'X',
        timePicker: false,
        initialValue: false
    });
});

</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')
    @if(isset($stats))
    <div class="alert alert-info">
        تعداد سفارش: {{ number_format($stats->total_orders) }} |
        جمع حمل و نقل دریافتی (تومان): {{ number_format($stats->total_shipping) }} |
         (تومان)جمع هزینه پست: {{ number_format($stats->total_shipping_cost) }} |
        مابه‌التفاوت: 
        <b class="{{ $stats->total_profit >= 0 ? 'text-success' : 'text-danger' }}">
            {{ number_format($stats->total_profit) }}
        </b>
    </div>
    @endif
  </div>

    <div class="row">
      <div class="panel">
        {!! Form::open(['url'=>'/admin/reports/post-cost-report' , '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" name="order_code" class="form-control input-sm" value="{{ request('order_code') }}">
            </div>
        
            <div class="form-group">
                <p>تعداد رکورد</p>
                <select class="form-control input-sm" name="paginate">
                    @foreach([30,50,100,200,500] as $p)
                        <option value="{{ $p }}" {{ request('paginate',30)==$p?'selected':'' }}>{{ $p }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        
        
        <div class="col-md-4">
            <div class="form-group">
                <p>از تاریخ</p>
                <input id="startdate" type="text" class="form-control input-sm"/>
            </div>
        
            <div class="form-group">
                <p>شهر مقصد</p>
                <select class="form-control input-sm" name="city_id">
                    <option value="">همه شهرها</option>
                    @foreach($cities as $c)
                        <option value="{{ $c->id }}" {{ request('city_id')==$c->id?'selected':'' }}>{{ $c->fname }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        
        
        <div class="col-md-4">
            <div class="form-group">
                <p>تا تاریخ</p>
                <input id="enddate" type="text" class="form-control input-sm"/>
            </div>
        </div>
        
        </div>
        
        {{-- hidden fields برای ارسال timestamp --}}
        <input type="hidden" id="startdateAlt" name="startdate" value="{{ request('startdate') }}">
        <input type="hidden" id="enddateAlt" name="enddate" value="{{ request('enddate') }}">
        
        <button type="submit" class="btn btn-dark">جستجو</button>
        
        </div>
        
        {!! Form::close() !!}
      </div>
      <div class="panel">
        <div class="panel-content table-responsive filter-left">
            @if($orders)
                <table class="table table-dynamic table-tools">
                <thead>
                <tr>
                    <th>کد سفارش</th>
                    <th>هزینه پرداختی مشتری</th>
                    <th>هزینه اداره پست</th>
                    <th>نوع پست</th>
                    <th>مابه‌التفاوت</th>
                    <th>تاریخ</th>
                </tr>
                </thead>
                <tbody>
                @foreach($orders as $or)
                <tr>
                    <td>{{ $or->code }}</td>
                    <td>{{ number_format($or->shipping) }}</td>
                    <td>{{ number_format($or->shipping_post) }}</td>
                    <td>
                        @if($or->shippingmethod == 2)
                            <span class="label label-blue">پیشتاز</span>
                        @else
                            <span class="label label-dark">سفارشی</span>
                        @endif
                    </td>
                    <td>
                        {{ number_format($or->shipping - $or->shipping_post) }}
                    </td>
                    <td>
                        {{\Morilog\Jalali\Jalalian::forge($or->created_at)->format('d F Y')}}
                    </td>
                </tr>
                @endforeach
                </tbody>
                </table>
                
                 {{$orders->links('admin.pagination')}}
        @endif
        </div>
      </div>
    </div>

@stop
@section('js')
<script src="/assets/plugins/select2/select2.full.min.js"></script>
<script type="text/javascript">

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