@extends('library.admin.layouts.admin_design')

@section('title')
    <title>Student Information - School Library</title>
@endsection

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Student Approval Request
            </h1>
        </section>

        <!-- Main content -->
        <section class="content">

            <!-- Basic Forms -->
            <div class="box box-solid box-info">
                <div class="box-header with-border">
                    <h6 class="box-subtitle text-white">Add Student Name</h6>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col">
                            <form action="{{route('library.addrequest')}}" method="post" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                <label>Student Name</label>
                                <select class="form-control select2" style="width: 100%;" name="student">
                                @foreach($data1['data'] as $datas)
                                <option value="{{$datas['id']}},{{$datas['name']}}" >{{$datas['name']}}</option>

                                @endforeach
                                </select>
                              </div>

                                <div class="text-xs-right">
                                    <button type="submit" class="btn btn-info">Add Student</button>
                                </div>
                            </form>

                        </div>

                        <!-- /.col -->

                    </div>


                    <!-- /.row -->
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->

        </section>
        <section class="content">
            <div class="row">
                <div class="col-12">
                    <div class="box box-solid box-primary">
                        <div class="box-header with-border">
                            <h4 class="box-title">Student Approval</h4>

                        </div>

                        <!-- /.box-header -->
                        <div class="box-body">
                            <div class="table-responsive">
                                    <table id="pdftable" class="table tablefonts">
                                            <thead>


                                                <th>S.No</th>
                                                <th>Name</th>
                                                <th>Requested Date</th>
                                                <th>Status</th>
                                                <th>Action</th>

                                            </thead>
                                            <tbody>
                                                  @foreach($data as $datas)
                                                <tr>


                                                    <td>{{$loop->index+1}}</td>
                                                    <td>{{$datas->student_name}}</td>
                                                    <td>{{$datas->created_at->diffForHumans()}}</td>
                                                    <td>{{$datas->status}}</td>
                                                    <td>

                                                        @if($datas->status == 'pending')
                                                      <a class="btn btn-success"  href="{{route('library.approverequest',['id'=>$datas->student_id,'name'=>$datas->student_name])}}">Approve</a> | <a class="btn btn-danger" onclick="return confirm('Are you sure to delete?')" href="{{route('library.cancelrequest',['id'=>$datas->id])}}">Reject</a>
                                                        @elseif($datas->status == 'approved')

                                                        <a  href="{{route('library.studentdetaillibcard',['id'=>$datas->student_id])}}" target="_blank" class="btn btn-primary">View</a>
                                                        @endif


                                                    </td>
                                                    {{-- <td> <a  href="{{route('studentdetaillibcard',['id'=>$datas->student_id])}}" class="btn btn-primary">View</a></td> --}}



                                                </tr>
                                                 @endforeach

                                            </tbody>

                                        </table>

                            </div>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection

@section('scripts')

    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        var editor_config = {
            path_absolute : "localhost:8888/library/",
            selector: "textarea.my-editor",
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons template paste textcolor colorpicker textpattern"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
            relative_urls: false,
            file_browser_callback : function(field_name, url, type, win) {
                var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

                var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                if (type == 'image') {
                    cmsURL = cmsURL + "&type=Images";
                } else {
                    cmsURL = cmsURL + "&type=Files";
                }

                tinyMCE.activeEditor.windowManager.open({
                    file : cmsURL,
                    title : 'Filemanager',
                    width : x * 0.8,
                    height : y * 0.8,
                    resizable : "yes",
                    close_previous : "no"
                });
            }
        };

        tinymce.init(editor_config);
    </script>
    <!-- Form validator JavaScript -->
    <script src="{{asset('adminpanel/js/pages/validation.js')}}"></script>
    <script>
        ! function(window, document, $) {
            "use strict";
            $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
        }(window, document, jQuery);
    </script>
    <script type="text/javascript">
        @if(session('flash_message'))
        swal("Success!", "{!! session('flash_message') !!}", "success")
        @endif
    </script>

<script>

    $(document).ready(function () {
          $('#categories').select2();
          $('#pdftable').DataTable();
        $('#check_all').on('click', function(e) {

     if($(this).is(':checked',true))

     {

        $(".checkbox").prop('checked', true);

     } else {

        $(".checkbox").prop('checked',false);

     }

    });



     $('.checkbox').on('click',function(){

        if($('.checkbox:checked').length == $('.checkbox').length){

            $('#check_all').prop('checked',true);

        }else{

            $('#check_all').prop('checked',false);

        }

     });



    $('.delete-all').on('click', function(e) {



        var idsArr = [];

        $(".checkbox:checked").each(function() {

            idsArr.push($(this).attr('data-id'));

        });



        if(idsArr.length <=0)

        {

            alert("Please select atleast one record to delete.");

        }  else {



            if(confirm("Are you sure, you want to delete the selected categories?")){



                var strIds = idsArr.join(",");



                $.ajax({

                    url: "{{ route('library.category.multiple-delete') }}",

                    type: 'DELETE',

                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},

                    data: 'ids='+strIds,

                    success: function (data) {

                        if (data['status']==true) {

                            $(".checkbox:checked").each(function() {

                                $(this).parents("tr").remove();

                            });

                            alert(data['message']);

                        } else {

                            alert('Whoops Something went wrong!!');

                        }

                    },

                    error: function (data) {

                        alert(data.responseText);

                    }

                });



            }

        }

    });



    $('[data-toggle=confirmation]').confirmation({

        rootSelector: '[data-toggle=confirmation]',

        onConfirm: function (event, element) {

            element.closest('form').submit();

        }

    });





         })


</script>



<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#current_image').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
    $("#image").change(function(){
        readURL(this);
    });
</script>
@endsection