@extends('layouts.app-admin')

@section('content')

<section class="au-breadcrumb ">
    <div class="section__content section__content--p30">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="au-breadcrumb-content">
                        <div class="au-breadcrumb-left">
                            <span class="au-breadcrumb-span">You are here:</span>
                            <ul class="list-unstyled list-inline au-breadcrumb__list">
                                <li class="list-inline-item active">
                                    <a href="#">Fees</a>
                                </li>
                                <li class="list-inline-item seprate">
                                    <span>/</span>
                                </li>
                                <li class="list-inline-item">Collection</li>
                            </ul>
                        </div>



                        <button class="popper au-btn au-btn-icon au-btn--green" data-toggle="popover"><i
                                class="fa fa-gear"></i></button>

                        <div class="popper-content-pop" style="display: none">
                            <div class="card">
                                <div class="card-header">
                                    Fees Setting
                                </div>
                                <div class="card-body card-block">
                                    {{-- {{-- <form method="POST" action="{{ route('admin.coursemanage.edit') }}">
                                    @csrf --}}
                                    <div class="form-group">
                                        <label for="cc-payment" class="control-label mb-1">Student ID</label>
                                        <input name="UpdateStudent[name]" id="student_id" type="text"
                                            class="form-control cc-name valid" data-val="true">

                                    </div>


                                    {{-- <div class="form-group">
                                        <label for="cc-payment" class="control-label mb-1">Course
                                            Name</label>

                                        <select name="coursename" id="select-coursename" class="form-control">
                                            <option value="0">Please select</option>
                                            @if(count($courselist)>0)
                                            @foreach($courselist as $course)
                                            <option value="{{$course}}">{{$course}}</option>
                                    @endforeach
                                    </select>
                                    @endif
                                </div>




                            </div> --}}
                            <div class="card-footer">
                                <button id="button-getstudentfees-setti" type="button"
                                    class="btn btn-danger btn-rounded btn-sm my-0 setenteditBtn">Get
                                    Student
                                    Fees</button>


                            </div>
                            {{-- </form> --}}
                        </div>
                    </div>


                </div>

            </div>

        </div>
    </div>
    </div>
    </div>
    </div>
</section>


<section class="statistic">
    <div class="section__content section__content--p30">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">



                </div>
            </div>
            <div class="row">
                <div class="col-md-12">

                    <h3 class="title-5 m-b-35">Student Name: {{$data['Student']->name}}/ ID: {{$data['Student']->studentid}}
                    </h3>
{{-- @dump($data['StudentCourses']) --}}
                    <div class="table-responsive table-responsive-data2">
                        @foreach ($data['StudentCourses'] as $item)
                            <div class="card">
                                <div class="card-header" id="headingOne">
                                    <h2 class="mb-0 float-left">
                                          <button class="btn btn-link courses" type="button" data-collapse=".collapse{{$item->CourseID}}">
                                              {{$item->Course_name}}
                                          </button>
                                    </h2>

                                    @if($item->courseFees != NULL)


                                    @php

                                    $FeesStructuredis = (array)json_decode($item->courseFees->FeesStructureJSONArray, true);
                                   //print_r($FeesStructure);
                                   $pdfees=0
                                   @endphp

                                @foreach ($FeesStructuredis as  $dit)
                                {{-- {{isset($it["frmdate"])}} --}}


                                                @if(isset($dit["is_paid"]))
                                                @if ($dit["is_paid"] == 0)

                                                @else
                                                @php
                                                    $pdfees=$pdfees+$dit["PaymentAmount"]
                                                @endphp

                                                @endif
                                                @endif

                                @endforeach





































                                        <div class="float-right" style="padding-top: 10px;"><span class="badge badge-info"> Payable Amount: {{$item->courseFees->AmountToBePaid}}</span> <span class="badge badge-danger float-right">Paid Amount {{$pdfees}}</span></div>
                                    @else
                                        <div class="float-right" style="padding-top: 10px;"><span class="badge badge-warning">Course Fees is not set yet</span></div>
                                    @endif
                                    </div>
                                <div class="collapse collapse{{$item->CourseID}}">
                                    <div class="card-body">

                                        @if($item->courseFees!=NULL)
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>term</th>
                                                        <th>From</th>
                                                        <th>To</th>
                                                        <th>Fees</th>
                                                        <th>Payment Amount</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                    @php

                                                        $FeesStructure = (array)json_decode($item->courseFees->FeesStructureJSONArray, true);
                                                       //print_r($FeesStructure);
                                                       @endphp

                                                    @foreach ($FeesStructure as  $it)
                                                    {{-- {{isset($it["frmdate"])}} --}}

                                                        <tr class="tr-shadow">



                                                            <td id="{{(isset($it['term']))?$it['term']:""}}">{{(isset($it['term']))?$it['term']:""}}</td>
                                                            <td>{{(isset($it['frmdate']))?$it['frmdate']:""}}</td>
                                                            <td>{{(isset($it['todate']))?$it['todate']:""}}</td>
                                                            <td>{{(isset($it['term_fees']))?$it['term_fees']:""}}</td>
                                                            <td>{{(isset($it['PaymentAmount']))?$it['PaymentAmount']:""}}</td>

                                                            <td>
                                                                <div class="table-data-feature">
                                                                    @if(isset($it["is_paid"]))
                                                                    @if ($it["is_paid"] == 0)
                                                                        <button class="btn btn-primary feesCollectButton " false-data-toggle="modal" false-data-target="#exampleModal"
                                                                        data-term={{$it["term"]}} data-course-id={{$item->CourseID}}
                                                                        data-Student-id={{$data['StudentID']}}
                                                                        data-fees-session={{$it["term_fees"]}} data-amount-to-be-paid={{$it["term_fees"]-$it["PaymentAmount"]}}>
                                                                            Collect
                                                                        </button>
                                                                    @else
                                                                    @php
                                                                        $pdfees=$pdfees+$it["PaymentAmount"]
                                                                    @endphp
                                                                        <span class="badge badge-success">Paid</span>
                                                                    @endif
                                                                    @endif
                                                                </div>
                                                            </td>

                                                        </tr>

                                                    @endforeach

                                                </tbody>
                                            </table>


                                        @endif

                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@stop

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form class="form1" id="form1-" method="POST" action="/admin/feesCollect" onSubmit="if(!confirm('Are you sure?')){return false;}">
                @csrf
                <input type="hidden" name="StudentID" id="studentId" value="{{$data['StudentID']}}">
                <input type="hidden" name="TermNo" id="term">
                <input type="hidden" name="StudentCourseID" id="studentCourseID">
                <input type="hidden" name="FeesSession" id="feesSession">
                <div class="modal-body">
                    <div class="form-group" >
                        <label for="paymentAmount"> Payment Amount </label>
                        <input type="number" class="form-control" name="PaymentAmount" id="paymentAmount">
                    </div>
                    <div class="form-group">
                        <label for="paymentMode">Payment Mode</label>
                        <select class="form-control" name="PaymentMode" id="paymentMode">
                            <option value="cash">Cash</option>
                            <option value="cheque">Cheque</option>
                            <option value="online">Online</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="paymentMessage">Payment Message</label>
                        <input type="text" class="form-control" name="PaymentMessage" id="paymentMessage">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary paymentBtn">Collect</button>
                </div>
            </form>
        </div>
    </div>
</div>

@section('links')
<script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>
<link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('script')
<script type="text/javascript">
    $(document).ready(function(){
        //model
        let collectBTN = $(".feesCollectButton");
        collectBTN.click(function(){
            var term = this.dataset.term;
            var courseId = this.dataset.courseId;
            var feesSession = this.dataset.feesSession;
            var amountToBePaid = this.dataset.amountToBePaid;
            $("[name='TermNo']",".form1").val(term);
            $("[name='StudentCourseID']", ".form1").val(courseId);
            $("[name='FeesSession']", ".form1").val(feesSession);
            $("[name='PaymentAmount']", ".form1").val(amountToBePaid);
            $("#exampleModal").modal("show");
        });
        //collapse
        var coursesBTN = $(".courses");
        console.log($(".collapseOne").length);
        coursesBTN.click(function(){
            var collapse = this.dataset.collapse;
            $(collapse).collapse("toggle");
        });
    });
</script>

@endsection

@section('script')


<script>
    function aa()
    {
        alert("hh");
    }
    $(document).ready(function(){
        $('.popper').popover({
    placement: 'bottom',
    container: 'body',
    html: true,
    content: function () {

        return $(this).next('.popper-content-pop').html();

    }
    // function findstudenfeesse() {
    //                 //  alert("fdgdf");
    //             var params ={
    //                 reqqry: 'edit',
    //                 stuid: $(this).attr('c-stuid'),

    //             };
    //             var sid = document.getElementById("student_id").value;
    //             var ep = `/admin/feescollection/${sid}`;
    //             feescollection.student
    //             console.log(ep);

    //             // var url = new URL(`${ep}?${$.param(params)}`);
    //             // var url = new URL(`${ep}`);
    //             // {{-- console.log(url) --}}
    //             // location.href = ep;
    // }

});

$(document).on('click','#button-getstudentfees-setti',function() {//can be hide after select

var btn = this;
var card = $(btn).parents('.card').first();
// var input =
    var selectVar = $('#student_id', card).val();
    // $('#input').val(selectVar);
    // $('.popover').hide();
    var ep = `{{route('admin.feescollection.student',['StudentID'=>'%StudentID%'])}}`.replace('%StudentID%',selectVar);
    location.href = ep;
});


    });

</script>
@endsection