@extends('layouts.default_module')
@section('module_name')
    Teacher's Requests
@stop
@section('add_btn')


@stop

@section('table-properties')
    width="400px" style="table-layout:fixed;"
@endsection


<style>
    td {
        white-space: nowrap;
        overflow: hidden;
        width: 30px;
        height: 30px;
        text-overflow: ellipsis;
    }
</style>
@section('table')
    <table id="userTable" style="opacity: 0">
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Details</th>
                <th>Status</th>

            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
@section('pagination')
    <div class="col-md-3 pull-left">
        <div class="form-group text-center">
            <div>
                {!! Form::open(['method' => 'get', 'route' => ['dashboard']]) !!}
                {!! Form::submit('Cancel', ['class' => 'btn btn-default btn-block btn-lg btn-parsley']) !!}
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection
@stop


@section('app_jquery')

<script>
    $(document).ready(function() {

        fetchRecords();

        function fetchRecords() {

            $.ajax({
                url: "{!! asset('admin/teacher_request/show') !!}",
                type: 'get',
                dataType: 'json',


              success:function(response) {
                    $("#userTable").css("opacity", 1);

                    var len = response['data'].length;
                    var dataaa = response['data'];
                    console.log('sasasasasasasasasasasasasasa', dataaa);

                    for (var i = 0; i < len; i++) {
                        console.log('wwwwwwwwwwwwwwwwww', response['data'][i].user);
                        console.log('eeeeeeeeeeeeeeeeeee', response['data'][i].user.name);
                        console.log('eeeeeeeeeeeeeeeeyyyyyyyyyyyyyyyyyyeee', response['data'][i].details);
                        var id = response['data'][i].id;
                        var name = response['data'][i].user.name;
                        var email = response['data'][i].user.email;
                        var details = response['data'][i].details;
                        var status = 'pending';


                        var accept =   '';

                       if(response['data'][i].status == 'pending'){
                        console.log('jjjjjjjjjjjjjjjjjjjjjjjj')
                        accept = `<a class="btn btn-info status_accept`+response['data'][i].id+`" onclick="status_accept(`+response['data'][i].id + `)">Accept</a>
                       <a class="btn btn-danger status_rejected`+response['data'][i].id+`" onclick="status_rejected(`+response['data'][i].id + `)">Reject</a>`;
                        }
                       


                        else if(response['data'][i].status == 'Accepted'){
                            status = 'accepted';
                            accept = `Accepted`
                                  
                        }
                        else if(response['data'][i].status == 'Rejected'){
                            status = 'rejected';
                            accept = `Rejected`

                        }
                     
                           var tr_str = "<tr>" +
                            "<td>" + name + "</td>" +
                            "<td>" + email + "</td>" +
                            "<td>" + details + "</td>" +
                            "<td>" + accept + "</td>" +

                            "</tr>";

                    $("#userTable tbody").append(tr_str);
                    }
                    $('#userTable').DataTable({
                        dom: 'Bfrtip',
                        buttons: [
                            'copy', 'csv', 'excel', 'pdf', 'print'
                        ],
                    });
                }
            });
        }

    });

    function status_accept(id) {
        console.log('asasa',id)


        $.ajax({

        url: "{!!asset('admin/teacher_request/status_accept')!!}/" + id,
        type: 'POST',
        dataType: 'json',
        data: {
        _token: '{!!@csrf_token()!!}'
        },
        success: function(response) {
            console.log('eeeeeeeeeeeeeee',response.new_value);
            if(response.status){
                
          
              $('.status_accept'+id).removeAttr("onclick");
              $('.status_accept'+id).html(response.new_value);
              $('.status_accept'+id).removeClass("btn btn-info");
              $('.status_rejected'+id).css("display", "none");
         
               
               
              
            }
        }
        });
    }
    function status_rejected(id) {
        console.log('asasa',id)


        $.ajax({

        url: "{!!asset('admin/teacher_request/status_rejected')!!}/" + id,
        type: 'POST',
        dataType: 'json',
        data: {
        _token: '{!!@csrf_token()!!}'
        },
        success: function(response) {
            console.log('eeeeeeeeeeeeeee',response.new_value);
            if(response.status){
            $('.status_rejected'+id).removeAttr("onclick");
            $('.status_rejected'+id).html(response.new_value);
            $('.status_accept'+id).css("display", "none");
              
            }
        }
        });
    }

    function set_msg_modal(msg) {
        $('.set_msg_modal').html(msg);
    }
</script>
@endsection