@extends('frontend.layouts.master')
@section('content')


        <!-- page-title -->
        <div class="cmt-page-title-row" style="background: url({{ asset("$breadcrumb->name") }});">
            <div class="cmt-page-title-row-inner">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">{{ $page_name }}</h2>
                                {{-- <p>{{ $page_title }}</p> --}}
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="{{ url('/') }}">Home</a>
                                </span>
                                <span>{{ $page_name }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page-title end -->


    <!--site-main start-->
    <div class="site-main">

        <section class="cmt-row cmt-team-single-contents clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-5">
                        <div class="left-content pr-20 res-991-pr-0 res-991-pb-40">
                            @if (!empty($member->image))
                            <img class="img-fluid w-100" src="{{ asset("$member->image") }}" alt="{!! $member->first_name !!} {!! $member->last_name !!}" />
                            @else

                            @endif
                            {{-- <img class="img-fluid w-100" src="{{ asset("$member->image") }}" alt="{!! $member->first_name !!} {!! $member->last_name !!}" /> --}}
                            <div class="content-info pt-25 pl-25 pr-25 pb-25 box-shadow">
                                <div class="content-header mb-20">
                                    <h4 class="mb-0">{!! $member->first_name !!} {!! $member->last_name !!}</h4>
                                    <i>{!! $member->designation !!}</i>
                                </div>
                                <!-- <div class="cmt-horizontal_sep width-100 mt-25 mb-25"></div> -->
                                <ul class="social-icons circle social-hover cmt-textcolor-skincolor pb-10">
                                    @foreach ($social as $social)
                                        <li class="social-{{ strtolower($social->name) }}"><a class="tooltip-top" target="_blank" href="" data-tooltip="{{ $social->name }}"><i class="fa fa-{{ strtolower($social->name) }}" aria-hidden="true"></i></a></li>
                                    @endforeach
                                </ul>
                                <aside class="widget widget-nav-menu">
                                <ul class="widget-menu p-0">
                                        <li><a href="{{ url("members-dashboard") }}">Member Profile</a></li>
                                        <li><a href="{{ url("list-applicants") }}">Applicants List</a></li>
                                        <li><a href="{{ url("member-application") }}">Application List</a></li>
                                        <li class="active"><a href="{{ url("member-payments") }}">Payment Info</a></li>
                                        <li><a href="{{ url("member-pending-submissions") }}">Pending Submissions</a></li>
                                    </ul>
                                </aside>
                                <div class="cmt-horizontal_sep width-100 mt-25 mb-25"> </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-8 col-md-7">
                        <div class="user-profile-right">
                            <h5>Payment Details</h5>
                            <!--Payment date------------------>
                            <form action="{!! url('members-payment-info') !!}" method="get">

                            <div class="row">
                                <div class="col-md-3">
                                    <div class="payment-date">
                                        <p>Start Date</p>
                                        <input type="date" name="start_date" class="form-control" id="formGroupExampleInput" placeholder="Start Date">
                                    </div>

                                </div>
                                <div class="col-md-3">
                                    <div class="payment-date">
                                        <p>End Date</p>
                                        <input type="date" name="end_date" class="form-control" id="formGroupExampleInput" placeholder="End Date">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="payment-date">
                                        <p>Type</p>
                                        <select class="form-control" name="description">
                                            <option value="">Select Type</option>
                                            <option value="study_abroad">Study Abroad</option>
                                            <option value="renew_member_reg">Renew Membership</option>
                                            <option value="event_reg">Event Registration</option>
                                            <option value="training_reg">Training Registration</option>
                                        </select>

                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="payment-f-btn">
                                    <p> &nbsp; </p>
                                        <button type="submit" class="btn btn-danger col-sm-8 col-sm-offset-5"> Filter</button>
                                    </div>
                                    <br>
                                </div>

                            </div><!--end date------>
                            </form>
                            <!--payment-details-------------->
                            <div class="payment-details">
                                <!--Table--------------->
                                <div class="table-responsive">
                                    <table class="table table-bordered table-hover middle-align">
                                        <tr class="table-primary">
                                            <th>Inv.No</th>
                                            <th>Inv. Date</th>
                                            {{-- <th>Pay Date</th> --}}
                                            <th>Type</th>
                                            <th>Member Name</th>
                                            <th>Amount</th>
                                            <th>Get Inv.</th>
                                            <th>Status</th>
                                            <th>Remarks</th>
                                        </tr>
                                        @foreach($payment_infos as $key=>$payment)

                                        @php
                                            $url= 'member-registration-payment/'.\Illuminate\Support\Facades\Auth::guard('member')->user()->id.'/'.$payment->currency_amount.'/'.'sslcommerz'.'/'.csrf_token().'/'.$payment->reg_type.'/'.$payment->id;
                                        @endphp

                                        <tr class="table-@if($key %2 == 0) warning @else light @endif ">
                                            <td>{!! $payment->id+1000 !!}</td>
                                            <td>{!! $payment->tran_date !!}</td>
                                            {{-- <td>{!! $payment->tran_date !!}</td> --}}
                                            <td>@if($payment->reg_type == 'study_abroad') Study Aborad @elseif($payment->reg_type == 'renew_member_reg') Renew Membership @elseif($payment->reg_type == 'event_reg') Event Registration @elseif($payment->reg_type == 'training_reg') Training Registration @else Service Fee  @endif</td>
                                            <td>