@extends('layout.master')
@section('page-title', "SCHOOL MANAGER")
@section('header-links')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/forms/wizard.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/select/select2.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/plugins/x-editable/dist/bootstrap4-editable/css/bootstrap-editable.css')}}">
@endsection



@section('content')
<!-- BEGIN: Content-->
<div class="app-content content"><div class="content-overlay"></div>
<div class="content-wrapper">
<div class="content-body"><!-- Dashboard Ecommerce Starts -->
<section id="nav-filled">
	<div class="row">
		<div class="col-sm-12">
		  <div class="card">
			<div class="card-header">
			<hr/>
			<div class="card-content">
			  <div class="card-body">
			  <div class="table-responsive">
						<table class="table school-manager-table table-striped table-bordered table-hover">
							<thead class="thead" style="text-align:center;">
								<tr>
									<th>Main School</th>
									<th>School Branch</th>
									<th>Session Term</th>
									<th>Backward Session</th>
									<th>Ready Result</th>
									<th>Active Students</th>
									<th>Result Students</th>
{{--									<th>Account Status</th>--}}
									<th>Action</th>
								</tr>
							</thead>
							<tbody>



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

			  </div>
			</div>
		  </div>
		</div>
	</div>
</section>
</div><!-- Dashboard Ecommerce ends -->
</div></div>
<!-- END: Content-->
<div class="sidenav-overlay"></div>
<div class="drag-target"></div>
@endsection

@section('footer-links')
    <script src="{{asset('app-assets/vendors/js/extensions/jquery.steps.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/wizard-steps.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/tables/datatable/datatables.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/datatables/datatable.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/select/form-select2.min.js')}}"></script>
    <script src="{{asset('app-assets/plugins/x-editable/dist/bootstrap4-editable/js/bootstrap-editable.min.js')}}"></script>

    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        let table = $(".school-manager-table").DataTable({
            "sPaginationType": "full_numbers",
            "order": [],
            "retrieve": true,
            "stateSaveParams" : function (settings, data){
                data.order = "";
            },
            "ajax": {
                "url": "/all-schools",
                "type": "GET",
                "dataType": "json",
                "data": function ( d ) {
                    return $.extend( {}, d, {
                        
                    } );
                },
                "dataSrc":""
            },
            "processing": true,
            "aLengthMenu": [30, 50, 100, 300],
            "deferRender": true,
            "orderClassess":false,
            "createdRow": function ( row, data, index ) {
                // $("td", row).not(":nth-child(1)").attr("class", "text-center");
            },
            columnDefs: [{
                visible: !1,
                targets: 0
            }],
            fnDrawCallback: function(){
                var v=0;
                var o = this.api()
                    , t = o.rows({
                    page: "current"
                }).nodes()
                    , r = null;
                o.column(0, {
                    page: "current"
                }).data().each(function(a, o) {
                    r !== a && ($(t).eq(o).before('<tr class="group" style="text-align:center;font-size:13px;"><td style="font-weight:bold;" colspan="10">' + a + "</td></tr>"),
                    r = a)
                });

                $.fn.editable.defaults.placement = "right";
                $.fn.editable.defaults.send = "always";
                $.fn.editable.defaults.url = "/update-details";
                $.fn.editable.defaults.ajaxOptions = {type: "post", dataType: "json"};
                $.fn.editableform.buttons = '<button type="submit" class="btn btn-info editable-submit">OK</button>' + '<button type="button" class="btn editable-cancel">X</button>' ;


                $(".school_name").editable({
                    success: function(response, new_value){
                        if(response.status === "failed"){
                            return response.msg;
                        }else if(response.status === "success"){
                            return true;
                        }
                    },
                    params: function (params){
                        return {
                            value: params.value,
                            pk: params.pk,
                            // old_value: $(this).editable("getValue"),
                            name: params.name,
                        }
                    },
                    display: function(value) {
                        $(this).html(value);

                    },
                    validate: function(value) {
                        if($.trim(value) === "") {
                            return "This field is required";
                        }
                    },
                    inputclass: "form-control"
                });
        }
        });
    </script>
@endsection