@extends('layouts.admin')
@section('css')
    <!-- begin::datepicker -->

    <!-- end::datepicker -->
    <link rel="stylesheet" href="/panel/assets/vendors/select2/css/select2.min.css" type="text/css">
    <style>

        .card {
            border: none;
            box-shadow: 5px 6px 6px 2px #e9ecef;
            border-radius: 4px
        }

        .dots {
            height: 4px;
            width: 4px;
            margin-bottom: 2px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block
        }

        .badge {
            padding: 7px;
            padding-right: 9px;
            padding-left: 16px;
            box-shadow: 5px 6px 6px 2px #e9ecef
        }

        .user-img {
            margin-top: 4px
        }

        .check-icon {
            font-size: 17px;
            color: #c3bfbf;
            top: 1px;
            position: relative;
            margin-left: 3px
        }

        .form-check-input {
            margin-top: 6px;
            margin-left: -24px !important;
            cursor: pointer
        }

        .form-check-input:focus {
            box-shadow: none
        }

        .icons i {
            margin-left: 8px
        }

        .reply {
            margin-left: 12px
        }

        .reply small {
            color: #b7b4b4
        }

        .reply small:hover {
            color: green;
            cursor: pointer
        }</style>
@endsection
@section('content')

    <!-- end::page header -->
    <div class="card">
        <div class="card-body">
            <div class="card-title">
                <h5>لیست پرداخت ها

                    <a href="/admin/farhang_tuition/exportpaids">
                        <button class="btn btn-danger">خروجی اکسل پرداخت ها
                            &nbsp;
                            <span class="fa fa-download"></span>
                        </button>
                    </a>
                </h5>

                <div class="heading-elements">
                    <div class="d-flex flex-row">
                        <div class="p-2">

                            <div id='search'>
                                <form method="get" action="/admin/farhang_tuition/pay_report">
                                    <div class="d-flex flex-row">
                                        <div class="p-2">
                                            <span>نام دانش آموز</span>
                                            <select class="js-example-basic-single" dir="rtl"
                                                    name="name">
                                                <option></option>
                                                @foreach($allUser as $user)
                                                    <option value="{{$user->id}}"
                                                            @if($user->id==request()->name) selected @endif>{{$user->f_name}} {{$user->l_name}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="p-2">
                                            <span>کلاس</span>
                                            <select class="js-example-basic-single" dir="rtl"
                                                    name="class">
                                                <option value="">انتخاب کنید</option>
                                                @foreach($classs as $class)
                                                    <option value="{{$class->classnamber}}"
                                                            @if($class->classnamber==request()->class) selected @endif>{{$class->classnamber}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="p-2">
                                            <br>
                                            <button type="submit" class="btn btn-info">جستجوکن</button>
                                        </div>
                                    </div>
                                </form>
                                <div class="p-2">

                                    <a href="/admin/farhang_tuition/pay_report">
                                        <button type="submit" class="btn btn-warning btn-sm">پاک کردن فیلترها</button>

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

                        </div>
                        {{--                                <div class="p-2">--}}
                        {{--                                    <form method="get" action="/admin/farhang_tuition/pay_report/export">--}}
                        {{--                                        <input hidden name="class" value="{{request()->class}}">--}}
                        {{--                                        <input hidden name="name" value="{{request()->name}}">--}}
                        {{--                                        <button type='submit' class="btn btn-warning">--}}
                        {{--                                            دریافت فایل--}}
                        {{--                                        </button>--}}
                        {{--                                    </form>--}}
                        {{--                                </div>--}}

                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr style="text-align: center">
                        <th>#</th>
                        <th>دانش آموز</th>
                        <th>کلاس</th>
                        <th>مبلغ</th>
                        <th>تاریخ پرداخت</th>
                        <th>تاریخ ثبت</th>
                        <th>نحوه پرداخت</th>
                        <th>پرداخت کننده</th>
                        <th>تایید شده</th>
                        <th>فایل</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($rows as $key=>$row)
                        <tr style="text-align: center">
                            <td>{{$key+1}}</td>
                            <td>
                                {{$row->user->f_name}}
                                {{$row->user->l_name}}
                            </td>
                            <td>
                                {{$row->user->class}}
                            </td>
                            <td>{{number_format($row->amount)}}</td>
                            <td>{{\Morilog\Jalali\Jalalian::forge($row->created_at)}}</td>
                            <td>{{$row->date}} {{$row->time}}</td>

                            <td>{{\App\FarhangTuitionPayment::TYPE[$row->type]}}</td>
                            <td>
                                {{$row->user_created->f_name}}
                                {{$row->user_created->l_name}}
                            </td>

                            <td>
                                @if($row->verified==1)
                                    بله
                                @else
                                    خیر
                                @endif
                            </td>
                            <td>
                                @if($row->file)
                                    <a href="/admin/farhang_tuition/download/{{$row->id}}"><i
                                            class="icon-download"></i>&nbsp
                                        &nbsp<span>دانلود فیش</span> </a>
                                @else
                                    بدون فایل
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

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


    {{ $rows->links() }}

@endsection
@section('js')
    <script>
        function hideshow() {
            var x = document.getElementById("search");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }

    </script>
    <script src="/js/sweet.js"></script>

    <script src="/panel/assets/vendors/select2/js/select2.min.js"></script>
    <script src="/panel/assets/js/examples/select2.js"></script>
    <script src="/panel/assets/vendors/ckeditor/ckeditor.js"></script>
    <script src="/panel/assets/js/examples/ckeditor.js"></script>
    <!-- begin::datepicker -->

@endsection