@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">Management</li>
                            </ul>
                        </div>






                        <div class="account-wrap">
                            <div class="account-item clearfix js-item-menu">
                                <a href="#" class="au-btn au-btn-icon au-btn--green"><i class="fa fa-gear"></i></a>

                                <div class="account-dropdown js-dropdown">
                                    <div class="info clearfix">



                                        <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">Fees
                                                        Session</label>

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

                                                </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-feessett" class="btn btn-success btn-sm"
                                                    data-endpoint="{{route('admin.feesmanage')}}"><i
                                                        class="fa fa-dot-circle-o"></i> Submit</button>


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




















                                    </div>
                                </div>
                            </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">data table</h3>
                    <div class="table-data__tool">
                        <div class="table-data__tool-left">
                            <div class="rs-select2--light rs-select2--md">
                                <select class="js-select2" name="property">
                                    <option selected="selected">All Properties</option>
                                    <option value="">Option 1</option>
                                    <option value="">Option 2</option>
                                </select>
                                <div class="dropDownSelect2"></div>
                            </div>
                            <div class="rs-select2--light rs-select2--sm">
                                <select class="js-select2" name="time">
                                    <option selected="selected">Today</option>
                                    <option value="">3 Days</option>
                                    <option value="">1 Week</option>
                                </select>
                                <div class="dropDownSelect2"></div>
                            </div>
                            <button class="au-btn-filter">
                                <i class="zmdi zmdi-filter-list"></i>filters</button>
                        </div>
                        <div class="table-data__tool-right">
                            <button class="au-btn au-btn-icon au-btn--green au-btn--small">
                                <i class="zmdi zmdi-plus"></i>add item</button>
                            <div class="rs-select2--dark rs-select2--sm rs-select2--dark2">
                                <select class="js-select2" name="type">
                                    <option selected="selected">Export</option>
                                    <option value="">Option 1</option>
                                    <option value="">Option 2</option>
                                </select>
                                <div class="dropDownSelect2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive table-responsive-data2">
                        <table class="table table-data2">
                            <thead>
                                <tr>
                                    <th>
                                        <label class="au-checkbox">
                                            <input type="checkbox">
                                            <span class="au-checkmark"></span>
                                        </label>
                                    </th>
                                    <th>name</th>
                                    <th>email</th>
                                    <th>description</th>
                                    <th>date</th>
                                    <th>status</th>
                                    <th>price</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="tr-shadow">
                                    <td>
                                        <label class="au-checkbox">
                                            <input type="checkbox">
                                            <span class="au-checkmark"></span>
                                        </label>
                                    </td>
                                    <td>Lori Lynch</td>
                                    <td>
                                        <span class="block-email">lori@example.com</span>
                                    </td>
                                    <td class="desc">Samsung S8 Black</td>
                                    <td>2018-09-27 02:12</td>
                                    <td>
                                        <span class="status--process">Processed</span>
                                    </td>
                                    <td>$679.00</td>
                                    <td>
                                        <div class="table-data-feature">
                                            <button class="item" data-toggle="tooltip" data-placement="top" title=""
                                                data-original-title="Send">
                                                <i class="zmdi zmdi-mail-send"></i>
                                            </button>
                                            <button class="item" data-toggle="tooltip" data-placement="top" title=""
                                                data-original-title="Edit">
                                                <i class="zmdi zmdi-edit"></i>
                                            </button>
                                            <button class="item" data-toggle="tooltip" data-placement="top" title=""
                                                data-original-title="Delete">
                                                <i class="zmdi zmdi-delete"></i>
                                            </button>
                                            <button class="item" data-toggle="tooltip" data-placement="top" title=""
                                                data-original-title="More">
                                                <i class="zmdi zmdi-more"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>

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

</section>

@stop

@section('script')

<script>
    console.log(jQuery,$);
        $(document).ready(function(){
            //select-coursename select-feessession button-feessett
            $("#button-feessett").click(() => {
                var params ={
                    CourseID: $("#select-coursename").val(),
                    CourseText: $("#select-coursename option:selected").text(),
                    FeesSession: $("#select-feessession").val(),
                };
                var ep = `{{route('admin.feesmanage')}}`;
                /*
                alert(JSON.stringify({
                    EndPoint:ep,
                    param:$.param(params)
                }, null, 2));
                */
                var url = new URL(`${ep}?${$.param(params)}`);
                {{-- console.log(url) --}}
                location.href = url;
            });
        });

</script>
@endsection