@include('header')


<div class="x_panel">
    <div class="x_title">
        <h2>تراکنش های کاربران</h2>
        <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>

    </div>
    <div class="row">
        <div class="col-lg-4">
            <input type="text" class="form-control has-feedback-left" id="start_date" name="start_date"
                   placeholder="لطفا یک تاریخ وارد نمایید"/>
        </div>
        <div class="col-lg-4">
            <input type="text" class="form-control has-feedback-left" id="end_date" name="end_date"
                   placeholder="لطفا یک تاریخ وارد نمایید"/>
        </div>
        <div class="col-lg-4">
            <input type="button" class="btn btn-primary" onclick="search_data()" value="جستجو">
        </div>
    </div>
    <div class="x_content">
        <div id="datatable-fixed-header_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
            <div class="row">
                <div class="col-sm-12">
                    <table id="datatable-responsive" class="table table-striped table-bordered dataTable no-footer"
                           role="grid" aria-describedby="datatable-fixed-header_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending">کاربر
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending">نوع
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending">قیمت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="اداره: activate to sort column ascending">نوع
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending">علت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending">نوع تراکنش
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending">تاریخ
                            </th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($items as $item)
                            <tr role="row" class="odd">
                                <td>{{$item->user_name}}</td>
                                @if($item->user_type == 'user')
                                    <td>کاربر</td>
                                @else
                                    <td>راننده</td>
                                @endif
                                <td>{{number_format($item->price)}}</td>
                                @if($item->type == 'decrease')
                                    <td><p style="color: #bd0000">کاهشی</p></td>
                                @else
                                    <td><p style="color: #00A000">افزایشی</p></td>
                                @endif
                                @if($item->pay_type == 'cash')
                                    <td><p style="color: #bd0000">نقدی </p></td>
                                @else
                                    <td><p style="color: #00A000">کیف پول</p></td>
                                @endif
                                <td>{{$item->reason}}</td>
                                <td>{{$item->date}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>


@include('footer')

<script src="/resources/assets/persian-date.min.js"></script>
<script src="/resources/assets/persian-datepicker.js"></script>

<script>

    function search_data() {
        var start_date = document.getElementById("start_date").value
        var end_date = document.getElementById("end_date").value
        window.location.href = 'https://back.samankhedmat.ir/panel/transaction_page?start_date=' + start_date + '&end_date=' + end_date
    }

    $(document).ready(function () {
        $("#start_date").pDatepicker({
            format: 'YYYY/MM/DD',
        });

        $("#end_date").pDatepicker({
            format: 'YYYY/MM/DD',
        });
    });
</script>