@extends('layouts.admin')
@section('css')
    <link rel="stylesheet" href="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/vendors/datepicker/daterangepicker.css">

@endsection('css')
@section('script')

    <!-- end::datepicker -->
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.js"></script>
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.fa.min.js"></script>
    <script src="/assets/vendors/datepicker/daterangepicker.js"></script>
    <script src="/assets/js/examples/datepicker.js"></script>
    <!-- begin::sweet alert demo -->
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
    <!-- begin::sweet alert demo -->
@endsection('script')
@section('navbar')


@endsection('navbar')
@section('sidebar')
@endsection('sidebar')

@section('header')
    <div class="page-header">
        <div>
            <h3>گزارش گیری</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#">شهریه ها</a></li>
                    <li class="breadcrumb-item active" aria-current="page">گزارش گیری</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="tab-content">
                <form method="get" action="/admin/new_payment_report">
                    @csrf
                    <div class="d-flex flex-row">
                        <div class="p-2">
                            <input id="date-picker-shamsi-1" class="form-control" autocomplete="off" name="date"
                                   value="{{request()->date}}"
                                   placeholder="از تاریخ ...">
                        </div>
                        <div class="p-2">
                            <input id="date-picker-shamsi-2" class="form-control" autocomplete="off" name="date2"
                                   value="{{request()->date2}}"
                                   placeholder="تا تاریخ ...">
                        </div>
                        <div class="p-2">
                            <button type="submit" class="btn btn-warning">جستجوکن</button>
                        </div>
                    </div>

                </form>
                <br>
                <div class="table-responsive">
                    <br>
                    <button class="btn btn-primary">
                        <span>جمع مبلغ:
                            @if(count($rows)>0)
                                {{number_format($rows->sum('price'))}}
                            @endif
                    </span>
                    </button>

                    <table class="table table-bordered table-striped mb-0 table-fixed" id="myTable">
                        <br>
                        <thead>
                        <tr class="danger" style="text-align: center">
                            <br>
                            <th>نام</th>
                            <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->name}}
                                </td>
                                <td>
                                    {{$row->father_name}}
                                </td>
                                <td>
                                    {{$row->mobile}}
                                </td>
                                <td>
                                    {{$row->national_code}}
                                </td>
                                <td>
                                    {{$row->branch}}
                                </td>
                                <td>
                                    {{number_format($row->price)}}
                                </td>

                                <td>
                                    {{\Morilog\Jalali\CalendarUtils::strftime('Y-m-d', strtotime($row->created_at->toDateString()))}}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
    {!! $rows->appends($_GET)->links("pagination::bootstrap-4") !!}

@endsection('content')