@extends('layouts.admin')

@section('page-header')
    {{ $student->user->firstname }} {{ $student->user->lastname }}
@endsection


@section('content')

    @include('admin.student_info')

    <div class="panel mt5 p10">
        <div class="panel-body pn">
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover" style="word-wrap:break-word;word-break:break-all;">
                    <thead>
                    <tr>
                        <th width="80" class="text-center">No</th>
                        <th class="text-center">Title</th>
                        <th class="text-center">File Name</th>
                        <th class="text-center">Upload status</th>
                    </tr>
                    </thead>
                    <tbody>
                                                                    @foreach($ar_title_name as $key => $value)
                        
                            @if(isset($file_data[$ar_file_name[$key]])&&$file_data[$ar_file_name[$key]]!='')
                            <tr>
                                <!--<td class="text-center">{{$key+1}}</td>-->
                                <td class="text-center">{{$idx}}</td>
                                <td class="text-center">{{$value}}</td>
                                <td class="text-center"><a href="/download?file_name={{ $file_data[$ar_file_name[$key]] }}">{{ $file_data[$ar_file_name[$key]] }}</a></td>
                                <td class="text-center">{!!  $file_data[$ar_file_name[$key]] ? '<span class="fa fa-check"></span>' : '' !!}</td>
                            </tr>
                                                        @endif
                        @endforeach



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


    <!-- Admin Form Popup -->
    <div id="modal" class="popup-basic admin-form mfp-with-anim mfp-hide"></div>
@endsection


@section('script')
    <script>
        var locals = {};
        var hosts = {};
        var schools = {};

        jQuery(document).ready(function() {

            @include('admin_common_script')

            $('#image1_file').on('change', function() {
                        var form = new FormData();
                        form.append('user_id', '{{ $student->user_id }}');
                        form.append('document', $(this)[0].files[0]);

                        $.ajax({
                            type: "POST",
                            url: "/api/student/{{ $student->user_id }}/document",
                            data: form,
                            processData: false,
                            contentType: false
                        })
                                .done(function(s) {
                                    location.href = '/admin/student/{{ $student->user_id }}/document';
                                })
                                .fail(function(err) {
                                    alert(err.responseJSON.msg);
                                });
                    });

            $('.btn_document_delete').on('click', function() {
                var document_id = $(this).attr('data-id');
                swal({
                            title: "Are You Sure?",
                            text: '',
                            html: true,
                            allowOutsideClick: true,
                            showCancelButton: true,
                            cancelButtonText: "No",
                            confirmButtonText: "Yes",
                            closeOnConfirm: false
                        },
                        function(isConfirm){
                            if (isConfirm) {
                                $.ajax({
                                    method: "delete",
                                    url: "/api/student/{{ $student->user_id }}/document/" + document_id
                                })
                                        .success(function( msg ) {
                                            location.href = '/admin/student/{{ $student->user_id }}/document';
                                        })
                                        .fail(function( err ) {
                                            alert(err.responseJSON.msg);
                                        });
                            }
                        });
            });

            function capitalizeFirstLetter(string) {
                return string.charAt(0).toUpperCase() + string.slice(1);
            }

            $('.btn_status_item').on('click', function() {
                var student_id = $(this).parent().parent().parent().parent().attr('data-id');
                var status = $(this).attr('data-value');

                $('#status_form').hide();
                $('#btn_status_change').html(capitalizeFirstLetter(status)+' <i class="fa fa-sort-desc" style="font-size:18px;margin-left:4px;"></i>');

                $.ajax({
                    method: "put",
                    url: "/api/student/"+student_id+"/status",
                    data: {'status': status}
                })
                        .done(function( msg ) {
                        })
                        .fail(function( a ) {
                            console.log(a);
                            alert(a.responseJSON.msg);
                        });
            });

            $('#btn_status_change').on('click', function() {
                $('#status_form').toggle();
            });

            $('.btn_student_notice').on('click', function() {
			var user_id = {{ $student->user_id }};
			getStudentNotice(user_id);
		    });

            $('.btn_account_info').on('click', function() {
                var user_id = {{ $student->user_id }};
                getAccountInfo(user_id);
            });

            $('.btn_user_comment').on('click', function() {
                var user_id = {{ $student->user_id }};
                getUserComments(user_id);
            });

            $('.btn_student_relation').on('click', function() {
                var user_id = {{ $student->user_id }};
                getStudentRelation(user_id);
            });

            $('.btn_student_file').on('click', function() {
                alert('Ready!');
            });

            $('.btn_status_change').on('click', function() {
                var this_obj = $(this);
                var user_id = $(this).attr('data-id');
                changeStudentStatus(this_obj, user_id);
            });

            $('.btn_document_status_change').on('click', function() {
                var this_obj = $(this);
                var user_id = $(this).attr('data-id');
                changeStudentDocumentStatus(this_obj, user_id);
            });
        });
    </script>
@endsection