@extends('layouts.admin')

@section('content')
<style>
.summary_card{
    position: relative;
    padding-bottom:36px
}

.summary_card::before {
    content: url('{{env('SECURE_ASSETS').'/images/background/contact-left.jpg'}}');
    top: 56px;
    left: -1px;
    position: absolute;
    width: 103px;
    height: 464px;
    z-index: 0;
    opacity:0.5
}

.summary_card::after {
    content: url('{{env('SECURE_ASSETS').'/images/background/contact-left.jpg'}}');
    bottom: -117px;
    right: -1px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    position: absolute;
    width: 103px;
    height: 464px;
    z-index: 0;
    opacity:0.5
}

.summary_other_card{
    position: relative;
}

.summary_other_card::before {
    content: url('{{env('SECURE_ASSETS').'/images/background/large-screen.jpg'}}');
    top: 56px;
    left: -1px;
    position: absolute;
    z-index: 0;
    opacity:0.1;
}

@media (max-width: 1200px){
.summary_other_card::before {
    content: url('{{env('SECURE_ASSETS').'/images/background/small-screen.jpg'}}');
    top: 200px;

}
}

</style>
<!--App-Content-->
    <!--Section-->
    <section class="bg-primary">
        <div class="sptb-2 bannerimg">
            <div class="header-text mb-0">
                <div class="container">
                    <div class="text-center text-white py-7">
                        <h1 class="">Summary</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/Section-->
    <!-- Shape Start -->
    <div class="relative">
        <div class="shape overflow-hidden text-white">
            <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
                <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#f5f4f9"></path>
            </svg>
        </div>
    </div>

    <div class="app-content my-3 my-md-5">
        <div class="side-app">
            <div class="p-5 mb-6 bg-white item2-gl-nav d-flex">
                <div class="">
                    <h5 class="mb-0 mt-0">Showing Life Time Summary</h5>
                    <label class="me-2 mt-3 mb-sm-1">Filter By Certain Month:</label>
                    <div class="d-flex">
                        <form action="{{route('admin.summary.filterSummary')}}" id="search_month_form" method="get">
                            <input type="month" id="month" class="form-control" name="date" value="{{request()->date}}">
                        </form>
                        <span class="px-3 pt-3">Or</span>
                        <a class="btn btn-primary" href="{{ route('admin.summary.FilterByDate') }}" target="_blank">
                            <i class="fa fa-filter ms-1"></i>
                            Filter By Date
                        </a>
                    </div>
                </div>
                <ul class="nav item2-gl-menu ms-auto">
                    <li class="border-end"><a href="{{route('admin.summary.index')}}" class="" title="Show All"><i class="fa fa-list"></i></a></li>
                </ul>
            </div>
            {{-- Total Wallet --}}
            <div class="row">
                <div class="card card-aside col-md-8" style="background: #8c2828">
                    <div class="card-body">
                        <h4><a href="javascript:void(0)" style="color: #223756">Current Total Wallets</a></h4>
                        <h2 class="text-muted">{{$total_wallets}} EGP</h2>
                        <a href="{{route('admin.summary.totalWalletsDetails')}}" class="btn btn-sm btn-primary" target="_blank" >Show Details</a>
                    </div>
                    <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/wallet-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/wallet-summary.svg'}}) center center;"></a>
                </div>
                <div class="card col-md-4" style="background: #8c2828">
                    <div class="card-body">
                        <h4><a href="javascript:void(0)" style="color: #223756">Total bonus</a></h4>
                        <h2 class="text-muted">{{round($total_bonus, 2)}} EGP</h2>
                    </div>
                </div>
            </div>
            {{-- Student wallet --}}
            <div class="card summary_card">
                <div class="card-header">
                    <h3 class="card-title">Students Wallet</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        {{-- Total Recharge --}}
                        <div class="col-md-6">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h2 class="mt-4" style="color: #223756">Total Opay</h2>
                                    <h5 class="mt-4 text-muted py-2">Before Opay Fees: <span class="text-primary counter fs-20">{{round($total_amount_before_opay_fees, 2)}} EGP</span></h5>
                                    <h5 class="mt-4 mb-5 text-muted">After Opay Fees: <span class="text-primary counter fs-20">{{round($total_amount_after_opay_fees, 2)}} EGP</span></h5>
                                    <form action="{{route('admin.summary.totalOpay')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary mx-auto d-block" >Show Details</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h2 class="mt-4" style="color: #223756">Total Paymob</h2>
                                    <h5 class="mt-4 text-muted py-2">Before Paymob Fees:
                                        <span class="text-primary counter fs-20">{{round($total_amount_before_paymob_fees_aed, 2)}} AED</span>
                                    </h5>
                                    <h5 class="mt-4 mb-5 text-muted">After Paymob Fees:
                                        <span class="text-primary counter fs-20">{{round($total_amount_after_paymob_fees_aed, 2)}} AED</span>
                                    </h5>
                                    <form action="{{route('admin.summary.totalPaymob')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary mx-auto d-block" >Show Details</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {{-- Total Refundes to opay --}}
                        <div class="col-md-4 mt-7 h-100">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted fs-14">Total Refund To Opay</h5>
                                    <h4 class="text-primary">{{$total_refund_eg}} EGP</h4>
                                    <form action="{{route('admin.summary.refundedToStudentsViaOpay')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/refund-to-students-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/refund-summary.svg'}}) ;"></a>
                            </div>
                        </div>
                        {{-- Total Refundes to Paymob --}}
                        <div class="col-md-4 mt-7 h-100">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted fs-14">Total Refund To Paymob</h5>
                                    <h4 class="text-primary">{{$total_refund_aed}} AED</h4>
                                    <form action="{{route('admin.summary.refundedToStudentsViaPaymob')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/refund-to-students-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/refund-summary.svg'}}) ;"></a>
                            </div>
                        </div>
                        {{-- Total Refundes to wallet --}}
                        <div class=" col-md-4 mt-7">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h4 class="mt-4 text-muted">Total Refund</h4>
                                    <h6 class="mt-4 text-muted py-2">Refunded: <span class="text-primary counter fs-6">{{$total_refund_to_wallets}} EGP</span></h5>
                                    <h6 class="mt-4 mb-5 text-muted">Refunded after post: <span class="text-primary counter fs-6">{{$total_refund_after_post_to_wallets}} EGP</span></h5>
                                    {{-- <form action="{{route('admin.summary.totalRefundToWallet')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form> --}}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            {{-- Teacher --}}
            <div class="card summary_card">
                <div class="card-header">
                    <h3 class="card-title">Teachers Net Salary</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        {{-- Total Teacher posted transactions --}}
                        <div class="col-md-4">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted">Posted transactions</h5>
                                    <h4 class="text-primary">{{$teacher_posted_attendance_transactions}} EGP</h4>
                                    <hr>
                                    <h4 class="text-primary">
                                        <p class="badge badge-danger mb-1">Refunded</p><br>
                                        {{$teacher_posted_refunded_attendance_transactions}} EGP
                                    </h4>
                                    {{-- <h5 class="mt-4 text-muted py-2">Total Old Refund: <span class="text-primary counter fs-20">{{$refunded_after_post_teacher_posted_attendance_transactions}} EGP</span></h5> --}}
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}) center center ;"></a>
                            </div>
                        </div>
                        {{-- Total Teacher posted installment transactions --}}
                        <div class="col-md-4">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted">Posted Installments</h5>
                                    <h4 class="text-primary">{{$teacher_posted_installment_transactions}} EGP</h4>
                                    <hr>
                                    <h4 class="text-primary">
                                        <p class="badge badge-danger mb-1">Refunded</p><br>
                                        {{$teacher_posted_refunded_installment_transactions}} EGP
                                    </h4>

                                    {{-- <h5 class="mt-4 text-muted py-2">Total Old Refund: <span class="text-primary counter fs-20">{{$refunded_after_post_teacher_posted_installment_transactions}} EGP</span></h5> --}}
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}) center center ;"></a>
                            </div>
                        </div>
                        {{-- Total commited Teachers --}}
                        <div class="col-md-4">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h2 class="mt-4 text-muted">Total Teachers</h2>
                                    <h6 class="mt-4 text-muted py-2">Commited: <span class="text-primary counter fs-6">{{$total_teacher_commited}} EGP</span></h5>
                                    <h6 class="mt-4 mb-5 text-muted">Un Commited: <span class="text-primary counter fs-6">{{$total_teacher_uncommited}} EGP</span></h5>
                                    {{-- @if (!request()->date) --}}
                                    <h5 class="mt-4 text-muted py-2">Old Refund: <span class="text-primary counter fs-6">{{$total_teacher_refund_after_post}} EGP</span></h5>
                                    {{-- @endif --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- Eshra7ly --}}
            <div class="card summary_card">
                <div class="card-header">
                    <h3 class="card-title">eshra7ly net amount</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        {{-- Total Teacher posted transactions --}}
                        <div class="col-md-4 ">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted">posted transactions</h5>
                                    <h4 class="text-primary">{{$eshr7ly_transactions}} EGP</h4>
                                    <hr>
                                    <h4 class="text-primary">
                                        <p class="badge badge-danger mb-1">Refunded</p><br>
                                        {{$eshr7ly_posted_refunded_transactions}} EGP
                                    </h4>

                                    {{-- <h5 class="mt-4 text-muted py-2">Total Old Refund: <span class="text-primary counter fs-20">{{$refunded_after_post_teacher_posted_attendance_transactions}} EGP</span></h5> --}}
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}) center center ;"></a>
                            </div>
                        </div>
                        {{-- Total Teacher posted installment transactions --}}
                        <div class="col-md-4 ">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted">posted installments</h5>
                                    <h4 class="text-primary">{{$eshra7ly_installments}} EGP</h4>
                                    <hr>
                                    <h4 class="text-primary">
                                        <p class="badge badge-danger mb-1">Refunded</p><br>
                                        {{$eshra7ly_posted_refunded_installments}} EGP
                                    </h4>

                                    {{-- <h5 class="mt-4 text-muted py-2">Total Old Refund: <span class="text-primary counter fs-20">{{$refunded_after_post_teacher_posted_installment_transactions}} EGP</span></h5> --}}
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}) center center ;"></a>
                            </div>
                        </div>
                        {{-- Total commited Teachers --}}
                        <div class="col-md-4">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h2 class="mt-4 text-muted">Total eshra7ly</h2>
                                    <h6 class="mt-4 text-muted py-2">Commited: <span class="text-primary counter fs-6">{{$total_eshra7ly_commited}} EGP</span></h6>
                                    <h6 class="mt-4 mb-5 text-muted">Un Commited: <span class="text-primary counter fs-6">{{$total_eshra7ly_uncommited}} EGP</span></h6>
                                    {{-- @if (!request()->date) --}}
                                    <h6 class="mt-4 text-muted py-2">Old Refund: <span class="text-primary counter fs-6">{{$total_eshra7ly_refund_after_post}} EGP</span></h6>
                                    {{-- @endif --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- Other --}}
            <div class="card summary_other_card">
                <div class="card-header">
                    <h3 class="card-title">Other</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        {{-- Total Opay Fees --}}
                        <div class="col-md-4 mt-7">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted">Opay Fees</h5>
                                    <h4 class="text-primary">{{round($total_opay_fees, 2)}} EGP</h4>
                                    <form action="{{route('admin.summary.totalOpayFees')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/opay-fees-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/opay-fees-summary.svg'}}) ;"></a>
                            </div>
                        </div>
                        {{-- Total Paymob Fees --}}
                        <div class="col-md-4 mt-7">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted">Total Paymob fees</h5>
                                    <h6 class="text-primary">{{round($total_paymob_fees, 2)}} AED</h4>
                                    <h5 class="mt-4 text-muted">Total Paymob vat</h5>
                                    <h6 class="text-primary">{{round($total_paymob_vat, 2)}} AED</h4>
                                    <form action="{{route('admin.summary.totalPaymobFees')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}) center center ;"></a>
                            </div>
                        </div>
                        {{-- Total Employees --}}
                        <div class="col-md-4">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h2 class="mt-4 text-muted">Total Employees</h2>
                                    <h5 class="mt-4 text-muted py-2">Commited: <span class="text-primary counter fs-20">{{$total_employees_commited}} EGP</span></h5>
                                    <h5 class="mt-4 mb-5 text-muted">Un Commited: <span class="text-primary counter fs-20">{{$total_employees_uncommited}} EGP</span></h5>
                                    <form action="{{route('admin.summary.totalEmployees')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary mx-auto d-block" >Show Details</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {{-- Total paid installments --}}
                        <div class=" col-md-4 mt-7">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted fs-14">Paid Installments</h5>
                                    <h4 class="text-primary">{{$paid_installments}} EGP</h4>
                                    <form action="{{route('admin.summary.totalPaidInstallments')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/installments-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/installments-summary.svg'}}) ;"></a>
                            </div>
                        </div>
                        {{-- Total manual recharge --}}
                        <div class=" col-md-4 mt-7">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted fs-14">Manual Recharge</h5>
                                    <h4 class="text-primary">{{$manual_recharge}} EGP</h4>
                                    <form action="{{route('admin.summary.totalManualRecharge')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/manual-recharge-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/installments-summary.svg'}}) ;"></a>
                            </div>
                        </div>
                        {{-- Total Expenses --}}
                        <div class="col-md-4">
                            <div class="card" style="background: #8c2828;z-index:1">
                                <div class="card-body">
                                    <h2 class="mt-4 text-muted">Total Expenses</h2>
                                    <h5 class="mt-4 text-muted py-2">Commited: <span class="text-primary counter fs-20">{{$total_expenses_commited}} EGP</span></h5>
                                    <h5 class="mt-4 mb-5 text-muted">Un Commited: <span class="text-primary counter fs-20">{{$total_expenses_uncommited}} EGP</span></h5>
                                    <form action="{{route('admin.summary.totalExpenses')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary mx-auto d-block" >Show Details</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {{-- Total teacher taxes --}}
                        <div class=" col-md-4">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="mt-4 text-muted fs-14">Teacher taxes</h5>
                                    <h4 class="text-primary">{{$total_teacher_tax}} EGP</h4>
                                    <form action="{{route('admin.summary.totalTeacherTaxes')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column cover-image" data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/summary_total_taxes.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/summary_total_taxes.svg'}}) ;"></a>
                            </div>
                        </div>
                        {{-- Total Salfny --}}
                        <div class="col-md-4">
                            <div class="card card-aside">
                                <div class="card-body">
                                    <h5 class="text-muted">Total Salfney</h5>
                                    <h4 class="text-primary">{{$total_salfny}} EGP</h4>
                                    <form action="{{route('admin.summary.totalSalfny')}}" method="get" target="_blank">
                                        <input type="hidden" value="{{request()->date}}" name="date">
                                        <button type="submit" class="btn btn-sm btn-primary" >Show Details</button>
                                    </form>
                                </div>
                                <a href="javascript:void(0)" class="card-aside-column br-te-7 br-be-7 w-50 cover-image " data-bs-image-src="{{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}" style="background: url({{env('SECURE_ASSETS').'/images/media/salfny-summary.svg'}}) center center ;"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('admin-js')

<script>
    $(function() {
        $('#month').on('change', function() {
            $("#search_month_form").submit();
        });
    });
</script>

@endsection