@extends('layouts.front_end')
@section('title', 'Referal')
@section('content')
    <div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <style>
            .image-upload>input {
                display: none;
            }

            #profile-submit-button {
                display: none;
            }

            table {
                border: 1px solid #ccc;
                border-collapse: collapse;
                margin: 0;
                padding: 0;
                width: 100%;
                table-layout: fixed;
            }

            table caption {
                font-size: 1.5em;
                margin: .5em 0 .75em;
            }

            table tr {
                background-color: #fdfdfd;
                border: 1px solid #ddd;
                padding: .35em;
            }

            table th,
            table td {
                padding: .625em;
                text-align: center;
            }

            table th {
                font-size: .85em;
                letter-spacing: .1em;
                text-transform: uppercase;
            }

            @media screen and (max-width: 600px) {
                table {
                    border: 0;
                }

                table caption {
                    font-size: 1.3em;
                }

                table thead {
                    border: none;
                    clip: rect(0 0 0 0);
                    height: 1px;
                    margin: -1px;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    width: 1px;
                }

                table tr {
                    border-bottom: 3px solid #ddd;
                    display: block;
                    margin-bottom: .625em;
                }

                table td {
                    border-bottom: 1px solid #ddd;
                    display: block;
                    font-size: .8em;
                    text-align: right;
                }

                table td::before {
                    /*
                            * aria-label has no advantage, it won't be read inside a table
                            content: attr(aria-label);
                            */
                    content: attr(data-label);
                    float: left;
                    font-weight: bold;
                    text-transform: uppercase;
                }

                table td:last-child {
                    border-bottom: 0;
                }
            }

            /* general styling */
            body {
                font-family: "Open Sans", sans-serif;
                line-height: 1.25;
            }

            .mandatory{
                color: red;
                font-size: 16px;
            }
        </style>

        <main>
            <!-- checkout-area -->
            <section class="checkout-area pt-50 pb-100">
                <div class="container">
                    {{-- Start My Account --}}
                    <div class="row">
                        {{-- Start Left Side --}}
                        <div class="col-md-4">
                            {{-- Start First Card --}}
                            <div class="card shadow-sm mb-3">
                                <center>
                                    <img loading="lazy" id="imagePreview" class="card-img-top rounded-circle my-2"
                                        src="{{ asset('images/' . Auth::user()->profile_photo_path) }}"
                                        style="width:100px;height:100px;" alt="Profile Photo">
                                    {{-- Start Profile Photo Change --}}
                                    <form enctype="multipart/form-data" id="profile_photo_path"
                                        action="{{ route('change-profile-photo') }}" method="POST">
                                        @csrf
                                        <div class="image-upload">
                                            <label for="file-input">
                                                <i style="font-size: 30px;" class="fas fa-camera"></i>
                                            </label>

                                            <input id="file-input" name="profile_photo_path" type="file" />
                                        </div>
                                        <button class="mb-1 mt-0 py-2 px-3" type="submit" id="profile-submit-button"
                                            style="border-radius: 80%; border: 1px solid red;font-size:14px;color: red;">Save</button>
                                    </form>
                                    {{-- End Profile Photo Change --}}
                                </center>
                                <div class="card-body pt-0 mt-0">
                                    <h6 class="card-title text-center">
                                        @if (Auth::user() && Auth::user()->Contact)
                                            {{ Auth::user()->Contact?->business_name }}@endif
                                    </h6>
                                    <div class="card-title text-center font-weight-bold text-dark">
                                        @if (Auth::user())
                                            {{ Auth::user()->name }}@endif
                                    </div>
                                    <div class="card-title text-center pb-1" style="font-weight: bold;color: black;">
                                        {{ Auth::user()->mobile }}</div>
                                    <center>
                                        <div class="heder-top-guide">
                                            <a class="log-out-btn text-danger border border-danger p-1 pt-2 rounded"
                                                href="#">রেফারেল সংখ্যা : {{ $ReferralUsers->count() }}</a> <br><br>
                                            <a class="log-out-btn text-danger border border-danger p-1 pt-2 rounded"
                                                href="#">Balance: {{ $balance - $withdraw_balance }}</a>
                                        </div>
                                    </center>
                                </div>
                                <ul class="list-group list-group-flush" style="font-weight: bold;">
                                    <li>
                                        @if (Auth::user())
                                            @if (Auth::user()->hasAnyRole('admin') || Auth::user()->hasAnyRole('user'))
                                    <li class="list-group-item">
                                        <a href="{{ route('dashboard') }}" class="text-dark">
                                            Admin Panel
                                        </a>
                                    </li>
                                    @endif
                                    @endif
                                    </li>
                                    <li class="list-group-item"><a class="text-dark" href="{{ route('my-account') }}">আমার
                                            একাউন্ট </a></li>

                                    <li class="list-group-item"><a class="text-dark"
                                        href="#new_referal" data-toggle="tab"><span> নতুন রেফারেল রেজিস্ট্রেশন
                                                </span></a>
                                    </li>

                                @if(\Illuminate\Support\Facades\Session::has('filter_session'))
                                    <li class="list-group-item @if(\Illuminate\Support\Facades\Session::get('filter_session') == "referel") active @endif">
                                        <a class="text-dark @if(\Illuminate\Support\Facades\Session::get('filter_session') == "referel") active @endif" href="#referral_income"
                                            data-toggle="tab"><span>আপনার রেফারেল লিস্ট</span>
                                        </a>
                                    </li>
                                @else
                                   <li class="list-group-item @if(!\Illuminate\Support\Facades\Session::has('bank_validation_error') && !\Illuminate\Support\Facades\Session::has('mobile_validation_error') && !\Illuminate\Support\Facades\Session::has('payment_requqest') && !\Illuminate\Support\Facades\Session::has('payment_requqest_list')) active @endif">
                                        <a class="text-dark @if(!\Illuminate\Support\Facades\Session::has('bank_validation_error') && !\Illuminate\Support\Facades\Session::has('mobile_validation_error') && !\Illuminate\Support\Facades\Session::has('payment_requqest') && !\Illuminate\Support\Facades\Session::has('payment_requqest_list')) active @endif" href="#referral_income"
                                                       data-toggle="tab"><span>আপনার রেফারেল লিস্ট</span>
                                         </a>
                                   </li>

                                @endif


                                    <li class="list-group-item @if(\Illuminate\Support\Facades\Session::get('filter_session') == "refer_customer") active @endif">
                                        <a class="text-dark @if(\Illuminate\Support\Facades\Session::get('filter_session') == "refer_customer") active @endif" href="#refer_customer_order"
                                            data-toggle="tab"><span>আপনার কাস্টমারের অর্ডার লিস্ট</span></a></li>

                                    <li class="list-group-item @if(\Illuminate\Support\Facades\Session::get('filter_session') == "refer_income") active @endif">
                                        <a class="text-dark @if(\Illuminate\Support\Facades\Session::get('filter_session') == "refer_income") active @endif" href="#refer_income_list"
                                            data-toggle="tab"><span>আপনার ইনকাম লিস্ট </span></a></li>

                                    <li class="list-group-item @if(\Illuminate\Support\Facades\Session::has('payment_requqest')) active  @endif">
                                        <a class="text-dark @if(\Illuminate\Support\Facades\Session::has('payment_requqest')) active  @endif" href="#claim" data-toggle="tab">
{{--                                            <span>Withdraw Claim </span>--}}
                                            <span>আপনার টাকা উত্তোলনের জন্য রিকুয়েস্ট করুন</span>
                                        </a></li>

                                    <li class="list-group-item @if(\Illuminate\Support\Facades\Session::get('filter_session') == "withdraw_payment") active @endif">
                                        <a class="text-dark @if(\Illuminate\Support\Facades\Session::get('filter_session') == "withdraw_payment") active @endif" href="#withdraw_history"
                                            data-toggle="tab">
{{--                                            <span>Withdraw History </span>--}}
                                            <span>আপনার উত্তোলনকৃত টাকার তালিকা</span>
                                        </a></li>

                                    <li class="list-group-item @if(\Illuminate\Support\Facades\Session::has('bank_validation_error')) active @endif">
                                        <a class="text-dark @if(\Illuminate\Support\Facades\Session::has('bank_validation_error')) active @endif" href="#payment_method_setup"
                                            data-toggle="tab"><span>পেমেন্ট মেথড সেটআপ </span>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                            {{-- End First Card --}}
                        </div>
                        {{-- End Left Side --}}

                        {{-- Start Right Side --}}
                        <div class="col-md-8">
                            {{-- Start Card For Basic Information --}}
                            <div class="card shadow-sm tab-content clearfix">

                                    {{-- New Referel Resiger Start --}}
                                    <div class="card-body basic tab-pane" id="new_referal">
                                        <form action="{{ route('new-referal-customer-register') }}" method="POST">
                                            @csrf
                                            <h5 class="card-title">নতুন কাস্টমার রেজিস্ট্রেশন</h5>
                                            <hr class="mt-2">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">কাস্টমারের নাম<span>*</span></label>
                                                        <x-jet-input id="name" class="block mt-1 w-full form-control" type="text" name="name"
                                                            :value="old('name')" required
                                                            placeholder="কাস্টমারের নাম লিখুন" />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6">
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">কাস্টমারের দোকানের নাম<span>*</span></label>
                                                        <x-jet-input id="business_name" class="block mt-1 w-full form-control" type="text"
                                                            name="business_name" :value="old('business_name')" required placeholder="কাস্টমারের দোকানের নাম লিখুন" />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6"><br>
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">কাস্টমারের মোবাইল নাম্বার (Only 11 Digit)<span>*</span></label>
                                                        <x-jet-input id="mobile" class="block mt-1 w-full form-control" type="phone" name="mobile" maxlength="11"
                                                            :value="old('mobile')" required placeholder="কাস্টমারের ১১ ডিজিটের নাম্বার লিখুন" />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6"><br>
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">জেলা<span>*</span></label>
                                                        <select class="custom-select district" name="district_id" required>
                                                            <option value="">সিলেক্ট করুন</option>
                                                            @php
                                                               $Districts=App\Models\District::orderBy('name','asc')->get();
                                                            @endphp
                                                            @foreach ($Districts as $zilla)
                                                            <option value="{{$zilla->id}}"
                                                                class="district-items division_id_{{$zilla->division_id}} " style="color:black;"
                                                                @if($zilla->
                                                                name=='Dhaka') selected @endif>{{$zilla->name}}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="col-sm-12"><br>
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">কাস্টমারের ডেলিভারি এড্রেস<span>*</span></label>
                                                        <x-jet-input id="shipping_address" class="block mt-1 w-full form-control" type="text" name="shipping_address"
                                                            :value="old('shipping_address')" placeholder="কাস্টমারের ডেলিভারি ঠিকানা লিখুন" required />
                                                    </div>
                                                </div>

                                                <div class="col-sm-12"><br>
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">বিক্রয় প্রতিনিধির রেফারেল নাম্বার<span>*</span></label>
                                                        <x-jet-input id="referral_number" class="block mt-1 w-full form-control" type="text" name="referral_number" maxlength="11"
                                                            :value="old('referral_number')" placeholder="আপনার ১১ ডিজিটের রেফারেল নাম্বার লিখুন" />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6"><br>
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">পাসওয়ার্ড<span>*</span></label>
                                                        <x-jet-input id="password" class="block mt-1 w-full form-control" type="password" name="password"
                                                            required placeholder="সর্বনিম্ন ৪ সংখ্যার পার্সওয়ার্ড লিখুন" />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6"><br>
                                                    <div class="form-grp">
                                                        <label for="fName" style="color: black;">কনফার্ম পাসওয়ার্ড<span>*</span></label>
                                                        <x-jet-input id="second_password" class="block mt-1 w-full form-control" type="password"
                                                            name="password_confirmation" required
                                                            placeholder="একই পাসওয়ার্ড আবার লিখুন" />
                                                    </div>
                                                </div>

                                                <div class="col-12">
                                                    <center>
                                                        <button type="submit"
                                                            class="border py-2 px-5 mt-3 rounded text-info text-light px-3"
                                                            style="background-color: #ff5c00;font-size: 14px;">রেজিস্ট্রার</button>
                                                    </center>
                                                </div>
                                            </div>

                                            <br>
                                        </form>
                                    </div>
                                     {{-- New Referel Resiger End --}}



                                {{-- Start Delivery Address --}}
                                <div class="card-body basic tab-pane" id="delivery-address">
                                    <form action="{{ route('edit-shipping-address') }}" method="POST">
                                        @csrf
                                        <h5 class="card-title">ডেলিভারি এড্রেস</h5>
                                        <hr class="mt-2">
                                        {{-- <div class="row">
                                        <div class="col-6 pb-2 font-weight-bold">Delivery Address:</div>
                                        <div class="col-6 pb-2">
                                            <input class="form-control" type="shipping_address" name="shipping_address"
                                                value="@if (Auth::user()->Contact) {{Auth::user()->Contact->shipping_address}}
                                    @endif" name="email" />
                                        </div>
                                        <hr>
                                    </div> --}}
                                        <div class="row">
                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">দোকানের
                                                        নাম<span>*</span></label>
                                                    <input class="form-control" type="text" name="business_name" required
                                                        value="@if (Auth::user() && Auth::user()->Contact) {{ Auth::user()->Contact?->business_name }} @endif"
                                                        placeholder="আপনার দোকানের নাম লিখুন">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">আপনার
                                                        নাম<span>*</span></label>
                                                    <input class="form-control" type="text" name="first_name" required
                                                        value="@if (Auth::user() && Auth::user()->Contact) {{ Auth::user()->Contact->first_name }} @endif"
                                                        placeholder="আপনার নাম লিখুন">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="mobile" style="color: black;">মোবাইল
                                                        নাম্বার<span>*</span></label>
                                                    <input class="form-control" type="text" name="mobile" required
                                                        value="@if (Auth::user() && Auth::user()->Contact) {{ Auth::user()->Contact->mobile }} @endif"
                                                        placeholder="মোবাইল নাম্বার লিখুন">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label style="color: black;">জেলা *</label>
                                                    <select class="custom-select district" name="district_id" required>
                                                        <option value="">সিলেক্ট করুন</option>
                                                        @foreach ($Districts as $zilla)
                                                            <option value="{{ $zilla->id }}"
                                                                class="district-items division_id_{{ $zilla->division_id }} "
                                                                @if (Auth::user()->Contact && !Auth::user()->Contact->District) @if ($zilla->name == 'Dhaka') selected @endif
                                                            @elseif(Auth::user()->Contact && $zilla->name == Auth::user()->Contact->District->name) selected @endif style="color:black;">{{ $zilla->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 mt-1">
                                                <div class="form-grp">
                                                    <label for="shipping_address" style="color: black;">পূর্ণ
                                                        ঠিকানা*</label>
                                                    <textarea id="shipping_address" class="form-control" name="shipping_address" placeholder="আপনার পূর্ণ ঠিকানা লিখুন"
                                                        style="height: 100px;" required placeholder="আপনার পূর্ণ ঠিকানা লিখুন">
                                    @if (Auth::user() && Auth::user()->Contact){{ Auth::user()->Contact->shipping_address }}@endif
                                    </textarea>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <center>
                                                    <button type="submit"
                                                        class="border py-2 px-5 mt-3 rounded text-info text-light px-3"
                                                        style="background-color: #ff5c00;font-size: 14px;">Save</button>
                                                </center>
                                            </div>
                                        </div>

                                        <br>
                                    </form>
                                </div>
                                {{-- End Delivery Address --}}
                                {{-- Start Basic Information Card --}}
                                <div class="card-body basic tab-pane" id="basic-information">
                                    <form id="edit-info-customer" action="{{ route('edit') }}" method="POST">
                                        @csrf
                                        <hr class="mt-2">
                                        <div class="row">
                                            <div class="col-6 pb-2 font-weight-bold">আপনার নাম:</div>
                                            <div class="col-6 pb-2">
                                                {{-- {{$contact->first_name}} --}}
                                                <input class="form-control" type="text" name="name"
                                                    value="{{ Auth::user()->name }}" name="first_name"
                                                    placeholder="আপনার নাম লিখুন" />
                                            </div>
                                            <div class="col-6 pb-2 font-weight-bold">মোবাইল নাম্বার:</div>
                                            <div class="col-6 pb-2">
                                                {{-- {{$contact->phone}} --}}
                                                <input class="form-control" type="text" name="mobile"
                                                    value="{{ Auth::user()->mobile }}" name="phone"
                                                    placeholder="মোবাইল নাম্বার লিখুন" />
                                            </div>
                                            <div class="col-6 pb-2 font-weight-bold">পূর্ণ ঠিকানা :</div>
                                            <div class="col-6 pb-2">
                                                {{-- {{$contact->phone}} --}}
                                                <input class="form-control" type="text" name="address"
                                                    value="{{ Auth::user()->address }}" name="address"
                                                    placeholder="আপনার পূর্ণ ঠিকানা লিখুন" />
                                            </div>
                                            <hr>
                                        </div>
                                        <button type="submit"
                                            class="float-right border p-1 rounded text-info text-light px-3"
                                            style="background-color: #ff5c00;">Save</button>
                                        <br>
                                    </form>
                                </div>

                                {{-- Start Referal list --}}
                                @if(\Illuminate\Support\Facades\Session::has('filter_session'))
                                    <div class="card-body basic tab-pane @if(\Illuminate\Support\Facades\Session::get('filter_session') == "referel") active @endif" id="referral_income">
                                @else
                                    <div class="card-body basic tab-pane @if(!\Illuminate\Support\Facades\Session::has('bank_validation_error') && !\Illuminate\Support\Facades\Session::has('mobile_validation_error') && !\Illuminate\Support\Facades\Session::has('payment_requqest') && !\Illuminate\Support\Facades\Session::has('payment_requqest_list')) active @endif" id="referral_income">
                                @endif


                                    <h5 class="card-title text-center">রেফারেল লিস্ট</h5>
                                    <hr style="margin: 5px"/>

                                    <form style="margin-bottom: 20px;" action="{{route('referal')}}" method="get">
                                        <div class="row">
                                            <input type="hidden" name="filter_section" value="referel"/>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">From</label>
                                                <input type="date" name="referel_start_date" class="form-control" value="{{$referel_start_date}}"/>
                                            </div>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">To</label>
                                                <input type="date" name="referel_end_date" class="form-control" value="{{$referel_end_date}}"/>
                                            </div>
                                            <div class="col-md-4">
                                                <label style="font-weight: 600;margin-top: 10px">Search</label>
                                                <input type="text" name="referel_search" class="form-control" placeholder="Search" value="{{$referel_search}}"/>
                                            </div>
                                            <div class="col-md-2">
                                                <label style="width: 100%;opacity: 0;font-weight: 600;margin-top: 10px">Btn</label>
                                                <button type="submit" class="btn btn-primary btn-block" style="padding: 12px 20px;"><i class="fas fa-search"></i></button>
                                            </div>
                                        </div>
                                    </form>



                                @if(!\Illuminate\Support\Facades\Session::has('bank_validation_error') && !\Illuminate\Support\Facades\Session::has('mobile_validation_error') && !\Illuminate\Support\Facades\Session::has('payment_requqest') && !\Illuminate\Support\Facades\Session::has('payment_requqest_list'))
                                        @if(session()->has('message'))
                                            <div class="alert alert-success">
                                                {{ session()->get('message') }}
                                            </div>
                                        @endif

                                        @if ($errors->any())
                                            @foreach ($errors->all() as $error)
                                                <div class="alert alert-warning">{{$error}}</div>
                                            @endforeach
                                        @endif
                                    @endif


                                    <div class="row" style="overflow: scroll;">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>দোকানের নাম </th>
                                                    <th>নাম</th>
                                                    <th>মোবাইল </th>
                                                    {{-- <th>ইমেইল</th> --}}
                                                    <th>অ্যাড্রেস </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i = 0;
                                                @endphp
                                                @if (isset($ReferralUsers))
                                                    @foreach ($ReferralUsers as $refUser)
                                                        <tr>
                                                            <td scope="row" data-label="সিরিয়াল">
                                                                <span
                                                                    class="badge badge-primary p-1">{{ ++$i }}</span>
                                                            </td>
                                                            <td data-label="দোকানের নাম">{{ $refUser->Contact?->business_name }}</td>
                                                            <td data-label="নাম">{{ $refUser->name }}</td>
                                                            <td data-label="মোবাইল">{{ $refUser->mobile }}</td>
                                                            {{-- <td data-label="ইমেইল">{{ $refUser->email }}</td> --}}
                                                            <td data-label="অ্যাড্রেস">{{ $refUser->address }}</td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                        <div style="margin-bottom: 20px;">
                                        {{$ReferralUsers->appends(['referel_search'=>$referel_search,'referel_start_date'=>$referel_start_date,'referel_end_date'=>$referel_end_date])->links()}}
                                        </div>
                                    </div>
                                </div>
                                {{-- End Referal list --}}

                                {{-- Start Refer Customer Order --}}
                                <div class="card-body basic tab-pane @if(\Illuminate\Support\Facades\Session::get('filter_session') == "refer_customer") active @endif" id="refer_customer_order">
                                    <h5 class="card-title text-center">Refer Customer Order</h5>
                                   <hr style="margin: 5px"/>
                                    <form style="margin-bottom: 20px;" action="{{route('referal')}}" method="get">
                                        <div class="row">
                                            <input type="hidden" name="filter_section" value="refer_customer"/>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">From</label>
                                                <input type="date" name="refer_customer_start_date" class="form-control" value="{{$refer_customer_start_date}}"/>
                                            </div>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">To</label>
                                                <input type="date" name="refer_customer_end_date" class="form-control" value="{{$refer_customer_end_date}}"/>
                                            </div>
                                            <div class="col-md-4">
                                                <label style="font-weight: 600;margin-top: 10px">Search</label>
                                                <input type="text" name="refer_customer_search" class="form-control" placeholder="Search" value="{{$refer_customer_search}}"/>
                                            </div>
                                            <div class="col-md-2">
                                                <label style="width: 100%;opacity: 0;font-weight: 600;margin-top: 10px">Btn</label>
                                                <button type="submit" class="btn btn-primary btn-block" style="padding: 12px 20px;"><i class="fas fa-search"></i></button>
                                            </div>
                                        </div>
                                    </form>


                                    <div class="row" style="overflow: scroll;">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>দোকানের নাম</th>
                                                    <th>নাম</th>
                                                    <th>মোবাইল</th>
                                                    <th>আইডি</th>
                                                    <th>তারিখ</th>
                                                    <th>সর্বমোট</th>
                                                    <th>অর্ডার স্ট্যাটাস</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i = 0;
                                                @endphp
                                                @if (isset($ReferralCustomerOrders))
                                                    @foreach ($ReferralCustomerOrders as $referralCustomerOrder)
                                                        <tr>
                                                            <td scope="row" data-label="সিরিয়াল">
                                                                <span
                                                                    class="badge badge-primary p-1">{{ ++$i }}</span>
                                                            </td>
                                                            <td data-label="দোকানের নাম">{{ $referralCustomerOrder->Contact?->business_name }}</td>
                                                            <td data-label="নাম">{{ $referralCustomerOrder->User->name }} </td>
                                                            <td data-label="মোবাইল">{{ $referralCustomerOrder->Contact->mobile }} </td>
                                                            <td data-label="আইডি">{{ $referralCustomerOrder->code }}</td>
                                                            <td data-label="তারিখ">{{ $referralCustomerOrder->order_date }}</td>
                                                            <td data-label="সর্বমোট">{{ $referralCustomerOrder->payable_amount }}</td>
                                                            <td data-label="অর্ডার স্ট্যাটাস">{{ $referralCustomerOrder->status }}</td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>

                                        <div style="margin-bottom: 20px;">
                                            {{$ReferralCustomerOrders->appends(['refer_customer_search'=>$refer_customer_search,'refer_customer_start_date'=>$refer_customer_start_date,'refer_customer_end_date'=>$refer_customer_end_date])->links()}}
                                        </div>

                                    </div>
                                </div>
                                {{-- End Refer Customer Order --}}

                                {{-- Start Refer Income List --}}
                                <div class="card-body basic tab-pane @if(\Illuminate\Support\Facades\Session::get('filter_session') == "refer_income") active @endif" id="refer_income_list">
                                    <h5 class="card-title text-center">Refer Income List</h5>

                                    <hr style="margin: 5px"/>
                                    <form style="margin-bottom: 20px;" action="{{route('referal')}}" method="get">
                                        <div class="row">
                                            <input type="hidden" name="filter_section" value="refer_income"/>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">From</label>
                                                <input type="date" name="refer_income_start_date" class="form-control" value="{{$refer_income_start_date}}"/>
                                            </div>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">To</label>
                                                <input type="date" name="refer_income_end_date" class="form-control" value="{{$refer_income_end_date}}"/>
                                            </div>
                                            <div class="col-md-4">
                                                <label style="font-weight: 600;margin-top: 10px">Search</label>
                                                <input type="text" name="refer_income_search" class="form-control" placeholder="Search" value="{{$refer_income_search}}"/>
                                            </div>
                                            <div class="col-md-2">
                                                <label style="width: 100%;opacity: 0;font-weight: 600;margin-top: 10px">Btn</label>
                                                <button type="submit" class="btn btn-primary btn-block" style="padding: 12px 20px;"><i class="fas fa-search"></i></button>
                                            </div>
                                        </div>
                                    </form>

                                    <div class="row" style="overflow: scroll;">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>দোকানের নাম</th>
                                                    <th>নাম</th>
                                                    <th>আইডি</th>
                                                    <th>তারিখ</th>
                                                    <th>সর্বমোট</th>

                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i = 0;
                                                @endphp
                                                @if (isset($RefIncome))
                                                    @foreach ($RefIncome as $refIncome)
                                                        <tr>
                                                            <td scope="row" data-label="সিরিয়াল">
                                                                <span
                                                                    class="badge badge-primary p-1">{{ ++$i }}</span>
                                                            </td>
                                                            <td data-label="দোকানের নাম">{{ $refIncome->User->Contact?->business_name }}</td>
                                                            <td data-label="নাম">{{ $refIncome->User->name }}</td>
                                                            <td data-label="আইডি">{{ $refIncome->code }}</td>
                                                            <td data-label="তারিখ">{{ $refIncome->income_date }}</td>
                                                            <td data-label="সর্বমোট">{{ $refIncome->net_amount }}</td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>

                                        <div style="margin-bottom: 20px;">
                                            {{$RefIncome->appends(['refer_income_search'=>$refer_income_search,'refer_income_start_date'=>$refer_income_start_date,'refer_income_end_date'=>$refer_income_end_date])->links()}}
                                        </div>

                                    </div>
                                </div>
                                {{-- End Refer Income List --}}

                                {{-- Start withdraw history --}}
                                <div class="card-body basic tab-pane @if(\Illuminate\Support\Facades\Session::get('filter_session') == "withdraw_payment") active @endif" id="withdraw_history">
                                    <h5 class="card-title text-center">আপনার উত্তোলনকৃত টাকার তালিকা</h5>

                                    <hr style="margin: 5px"/>

                                    <form style="margin-bottom: 20px;" action="{{route('referal')}}" method="get">
                                        <div class="row">
                                            <input type="hidden" name="filter_section" value="withdraw_payment"/>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">From</label>
                                                <input type="date" name="withdraw_start_date" class="form-control" value="{{$withdraw_start_date}}"/>
                                            </div>
                                            <div class="col-md-3">
                                                <label style="font-weight: 600;margin-top: 10px">To</label>
                                                <input type="date" name="withdraw_end_date" class="form-control" value="{{$withdraw_end_date}}"/>
                                            </div>
                                            <div class="col-md-4">
                                                <label style="font-weight: 600;margin-top: 10px">Search</label>
                                                <input type="text" name="withdraw_search" class="form-control" placeholder="Search" value="{{$withdraw_search}}"/>
                                            </div>
                                            <div class="col-md-2">
                                                <label style="width: 100%;opacity: 0;font-weight: 600;margin-top: 10px">Btn</label>
                                                <button type="submit" class="btn btn-primary" style="padding: 12px 20px;"><i class="fas fa-search"></i></button>
                                            </div>
                                        </div>
                                    </form>

                                    <div class="row" style="overflow: scroll;">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>লেনদেন নাম্বার</th>
                                                    <th>টাকার পরিমাণ</th>
                                                    <th>পেমেন্ট মেথড</th>
                                                    <th>স্টেটাস</th>
                                                    <th>মন্তব্য</th>
                                                    <th>ছবি</th>
                                                    <th>তারিখ</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i = 0;
                                                @endphp
                                                @if (isset($withdrawLists))
                                                    @foreach ($withdrawLists as $pay_list)
                                                        <tr>
                                                            <td scope="row" data-label="সিরিয়াল">
                                                                <span
                                                                    class="badge badge-primary p-1">{{ ++$i }}</span>
                                                            </td>
                                                            <td>{{$pay_list->transaction_id == "" ? 'N/A': $pay_list->transaction_id}}</td>
                                                            <td>{{$pay_list->requested_amount}}</td>
                                                            <td>{{$pay_list->paymentMethod?->types}} | {{$pay_list->paymentMethod?->ac_account}}</td>
                                                            <td>{{$pay_list->status}}</td>
                                                            <td>{{$pay_list->comments}}</td>
                                                            <td>
                                                                @if($pay_list->image != "")
                                                                <a href="{{asset('storage/transction/'.$pay_list->image)}}" target="_blank">Download</a>
                                                                @else
                                                                N/A
                                                                @endif
                                                            </td>
                                                            <td>{{date('d-m-Y',strtotime($pay_list->created_at))}}</td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>

                                        <div style="margin-bottom: 20px;">
                                            {{$withdrawLists->appends(['withdraw_search'=>$withdraw_search,'withdraw_start_date'=>$withdraw_start_date,'withdraw_end_date'=>$withdraw_end_date])->links()}}
                                        </div>

                                    </div>
                                </div>
                                {{-- End withdraw history --}}

                                {{-- Start Payment method setup --}}
                                {{-- <div class="card-body basic tab-pane" id="payment_method_setup">
                                    <h5 class="card-title text-center">Payment method setup</h5>
                                    <div class="row" style="overflow: scroll;">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i = 0;
                                                @endphp
                                                @if (isset($ReferralUsers))
                                                    @foreach ($ReferralUsers as $refUser)
                                                        <tr>
                                                            <td scope="row" data-label="সিরিয়াল">
                                                                <span class="badge badge-primary p-1">{{ ++$i }}</span>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div> --}}

                                <div class="card-body basic tab-pane @if(\Illuminate\Support\Facades\Session::has('bank_validation_error') || \Illuminate\Support\Facades\Session::has('mobile_validation_error')) active @endif" id="payment_method_setup">

                                    <form action="{{ route('customer.bank.paymentMethod') }}" method="POST">
                                        @csrf
                                        <h5 class="card-title">পেমেন্ট মেথড সেটআপ</h5>
                                        <hr class="mt-2">

                                        <div class="row" style="margin-bottom: 50px;">
                                            <div class="col-12">
                                                <h4 class="">ব্যাঙ্ক একাউন্ট ইনফরমেশন</h4>

                                                @if(\Illuminate\Support\Facades\Session::has('bank_validation_error') || \Illuminate\Support\Facades\Session::has('mobile_validation_error'))
                                                    @if(session()->has('bank_success'))
                                                        <div class="alert alert-success">
                                                            {{ session()->get('bank_success') }}
                                                        </div>
                                                    @endif



                                                    @if ($errors->any())
                                                        @foreach ($errors->all() as $error)
                                                            <div class="alert alert-warning">{{$error}}</div>
                                                        @endforeach
                                                    @endif
                                                @endif

                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">ব্যাংকের নাম<span class="mandatory">*</span></label>
                                                    <input class="form-control" type="text" name="bank_name"
                                                        value="{{$bank_info?->bank_name}}" placeholder="ব্যাংকের নাম লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">একাউন্ট হোল্ডারের নাম<span class="mandatory">*</span></label>
                                                    <input class="form-control" type="text" name="account_holder_name"
                                                         value="{{$bank_info?->account_holder_name}}" placeholder="একাউন্ট হোল্ডারের নাম লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">ব্যাংক একাউন্ট নাম্বার<span class="mandatory">*</span></label>
                                                    <input class="form-control" type="text" name="bank_account_number"
                                                         value="{{$bank_info?->ac_account}}" placeholder="ব্যাংক একাউন্ট নাম্বার লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">রাউটিং নাম্বার<span class="mandatory">*</span></label>
                                                    <input class="form-control" type="text" name="routing_number"
                                                         value="{{$bank_info?->routing_number}}" placeholder="রাউটিং নাম্বার লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">ব্রাঞ্চের নাম<span class="mandatory">*</span></label>
                                                    <input class="form-control" type="text" name="branch_name"
                                                         value="{{$bank_info?->branch_name}}" placeholder="ব্রাঞ্চের নাম লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <center>
                                                    <button type="submit"
                                                        class="border py-2 px-5 mt-3 rounded text-info text-light px-3"
                                                        style="background-color: #ff5c00;font-size: 14px;">Submit</button>
                                                </center>
                                            </div>
                                        </div>
                                    </form>


                                    <form action="{{ route('customer.mfs.paymentMethod') }}" method="POST">
                                        @csrf
                                        <hr class="mt-2">
                                        <div class="row">
                                            <div class="col-12">
                                                <h4 class="">মোবাইল ব্যাংকিং ইনফরমেশন</h4>
                                                @if(session()->has('mobile_success'))
                                                    <div class="alert alert-success">
                                                        {{ session()->get('mobile_success') }}
                                                    </div>
                                                @endif
                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">বিকাশ অ্যাকাউন্ট নাম্বার</label>
                                                    <input class="form-control" type="number"
                                                        name="bkash_account_number" value="{{$bkash?->ac_account}}"
                                                        placeholder="বিকাশ অ্যাকাউন্ট নাম্বার লিখুন">
                                                </div>
                                            </div>


                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">নাগদ অ্যাকাউন্ট নাম্বার</label>
                                                    <input class="form-control" type="number"
                                                        name="nogad_account_number" value="{{$Nagad?->ac_account}}"
                                                        placeholder="নাগদ অ্যাকাউন্ট নাম্বার লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">রকেট অ্যাকাউন্ট নাম্বার</label>
                                                    <input class="form-control" type="number"
                                                        name="rocket_account_number" value="{{$Rocket?->ac_account}}"
                                                        placeholder="রকেট অ্যাকাউন্ট নাম্বার লিখুন">
                                                </div>
                                            </div>


                                            <div class="col-sm-6 pb-3">
                                                <div class="form-grp">
                                                    <label for="fName" style="color: black;">উপায় অ্যাকাউন্ট নাম্বার</label>
                                                    <input class="form-control" type="number" name="upay_account_number"
                                                           value="{{$Upay?->ac_account}}" placeholder="উপায় অ্যাকাউন্ট নাম্বার লিখুন">
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <center>
                                                    <button type="submit"
                                                        class="border py-2 px-5 mt-3 rounded text-info text-light px-3"
                                                        style="background-color: #ff5c00;font-size: 14px;">Submit</button>
                                                </center>
                                            </div>
                                        </div>

                                        <br>
                                    </form>
                                </div>
                                {{-- End Payment method setup --}}

                                {{-- Start claim --}}
                                <div class="card-body basic tab-pane @if(\Illuminate\Support\Facades\Session::has('payment_requqest')) active @endif" id="claim">
                                    <h5 class="card-title">টাকা উত্তোলন রিকুয়েস্ট পাঠান</h5>
                                    <form class="row" action="{{route('customer.payment.withdrawRequest')}}" method="POST">
                                        @csrf
                                        {{-- <div class="col-12">
                                            <h4 class="">Bank Account Info</h4>
                                        </div> --}}
                                        <div class="col-12">
                                        @if(\Illuminate\Support\Facades\Session::has('payment_requqest'))
                                            @if(session()->has('payment_request_success'))
                                                <div class="alert alert-success">
                                                    {{ session()->get('payment_request_success') }}
                                                </div>
                                            @endif

                                            @if(session()->has('payment_request_error'))
                                               <div class="alert alert-warning">
                                                    {{ session()->get('payment_request_error') }}
                                               </div>
                                            @endif


                                            @if ($errors->any())
                                                @foreach ($errors->all() as $error)
                                                    <div class="alert alert-warning">{{$error}}</div>
                                                @endforeach
                                            @endif
                                        @endif


                                            <p style="color:red;">* আপনি সর্বনিম্ন ৩০০ টাকা উত্তোলন করতে পারবেন। *</p>
                                        </div>

                                        <div class="col-sm-6 pb-3">
                                            <div class="form-grp">
                                                <label for="fName" style="color: black;">উত্তোলনকৃত টাকার পরিমাণ<span>*</span></label>
                                                <input class="form-control" type="number" name="withdraw_amount"
                                                    required value="{{old('withdraw_amount')}}" placeholder="উত্তোলনকৃত টাকার পরিমাণ লিখুন " max="{{ $balance - $withdraw_balance }}">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 pb-3">
                                            <div class="form-grp">
                                                <label for="fName" style="color: black;">পেমেন্ট মেথড<span>*</span></label>
                                                <select name="payment_method" id="" class="form-control">
                                                    <option value="">সিলেক্ট করুন</option>
                                                    @foreach($all_payment_methods as $method)
                                                    <option value="{{$method['id']}}" @if(old('payment_method') == $method['id']) selected @endif>{{$method['types']}} | {{$method['account']}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-12 pb-3">
                                            <div class="form-grp">
                                                <label for="fName" style="color: black;">মন্তব্য</label>
                                                <input class="form-control" type="text" name="comments" value="" placeholder="মন্তব্য লিখুন">
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <center>
                                                <button type="submit"
                                                    class="border py-2 px-5 mt-3 rounded text-info text-light px-3"
                                                    style="background-color: #ff5c00;font-size: 14px;">Submit</button>
                                            </center>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            {{-- End Claim --}}
                        </div>
                    </div>
                    {{-- End Right Side --}}
                </div>
                {{-- End My Account --}}
    </div>
    </section>
    <!-- checkout-area-end -->
    </main>
    <!-- end row -->
    </div>

    <script>
        $(document).ready(function() {
            $('#change-password-customer').ajaxForm({
                beforeSend: formBeforeSend,
                beforeSubmit: formBeforeSubmit,
                error: formError,
                success: function(responseText, statusText, xhr, $form) {
                    // window.location.replace(responseText.redirect_url);
                    formSuccess(responseText, statusText, xhr, $form);
                },
                clearForm: true,
                resetForm: true
            });
        });
        $(document).ready(function() {
            $('#edit-info-customer').ajaxForm({
                beforeSend: formBeforeSend,
                beforeSubmit: formBeforeSubmit,
                error: formError,
                success: function(responseText, statusText, xhr, $form) {
                    // window.location.replace(responseText.redirect_url);
                    formSuccess(responseText, statusText, xhr, $form);
                },
                clearForm: true,
                resetForm: true
            });
        });
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            // Start Image Image Preview
            $('#file-input').change(function() {

                let reader = new FileReader();

                reader.onload = (e) => {

                    $('#imagePreview').attr('src', e.target.result);
                }

                reader.readAsDataURL(this.files[0]);

            });
            // End Image Preview
            $('#profile_photo_path').ajaxForm({
                beforeSend: formBeforeSend,
                beforeSubmit: formBeforeSubmit,
                error: formError,
                success: function(responseText, statusText, xhr, $form) {
                    // window.location.replace(responseText.redirect_url);
                    formSuccess(responseText, statusText, xhr, $form);
                },
                clearForm: true,
                resetForm: true
            });
        });
        $("#profile_photo_path").change(function() {
            $("#profile-submit-button").css("display", "block");
        });
    </script>
@endsection