@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>لیست شهریه ها
                    <div class="d-flex flex-row">
                        <div class="p-2">
                            <form action="/admin/farhang_tuition/export" method="get">

                                <input hidden type="text" autocomplete="off" name="name"
                                       value="{{request()->input('name')}}"
                                       class="form-control">
                                <input hidden type="text" autocomplete="off" name="class"
                                       value="{{request()->input('class')}}"
                                       class="form-control">
                                <input hidden type="text" autocomplete="off" name="type_id"
                                       value="{{request()->input('type_id')}}"
                                       class="form-control">
                                <input hidden type="text" autocomplete="off" name="paid"
                                       value="{{request()->input('paid')}}"
                                       class="form-control">
                                <button type="submit" class="btn btn-danger">خروجی اکسل کلیات
                                    &nbsp;
                                    <span class="fa fa-download"></span>
                                </button>
                            </form>

                        </div>
                        <div class="p-2">
                            <form action="/admin/farhang_tuition/exportdetails" method="get">

                                <input hidden type="text" autocomplete="off" name="name"
                                       value="{{request()->input('name')}}"
                                       class="form-control">
                                <input hidden type="text" autocomplete="off" name="class"
                                       value="{{request()->input('class')}}"
                                       class="form-control">
                                <input hidden type="text" autocomplete="off" name="type_id"
                                       value="{{request()->input('type_id')}}"
                                       class="form-control">
                                <input hidden type="text" autocomplete="off" name="paid"
                                       value="{{request()->input('paid')}}"
                                       class="form-control">
                                <button type="submit" class="btn btn-danger">خروجی اکسل جزییات
                                    &nbsp;
                                    <span class="fa fa-download"></span>
                                </button>
                            </form>

                        </div>
                    </div>
                </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/installments_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></option>
                                                @foreach($classs as $class)
                                                    <option value="{{$class->classnamber}}"
                                                            @if(isset(request()->class) && is_array(request()->class) && in_array($class->classnamber, request()->class)) selected @endif>{{$class->classnamber}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="p-2">
                                            <span>اقساط</span>
                                            <select class="js-example-basic-single" dir="rtl"
                                                    name="type_id">
                                                <option></option>
                                                @foreach($types as $type)
                                                    <option value="{{$type->id}}"
                                                            @if(isset(request()->type_id) && is_array(request()->type_id) && in_array($type->id, request()->type_id)) selected @endif>{{$type->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="p-2">
                                            <span>پرداخت</span>
                                            <select name="paid" class="form-control">
                                                <option></option>
                                                <option @if(request()->paid==1) selected @endif  value="1">بله</option>
                                                <option @if(request()->paid==2) selected @endif  value="2">خیر</option>
                                            </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/installments_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/installments_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-bordered table-striped mb-0 table-fixed" id="myTable">

                    <thead>
                    <tr style="text-align: center">
                        <th>دانش آموز</th>
                        <th>کلاس</th>
                        <th>نوع قسط</th>
                        <th>مبلغ کل</th>
                        <th>مبلغ پرداخت شده</th>
                        <th>مبلغ مانده</th>
                    </tr>
                    </thead>
                    <tbody>

                    @include('Admin.errors')
                    @foreach($rows as $row )
                        <tr style="text-align: center">
                            <td>{{$row->user->f_name}}
                                {{$row->user->l_name}}
                            </td>
                            <td>
                                {{$row->user->class}}
                            </td>
                            <td>{{$row->type->name}}</td>

                            <td>{{number_format($row->final_price)}}</td>
                            <td>{{number_format($row->paid)}}</td>
                            <td>{{number_format($row->remaining)}}</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