@extends('layouts.admin')
@section('content')
    <input type="hidden" id="student_id" value="{{ $student->id }}">
    <div class="row pb-3">
        <div class="col-8">
            <i class="fa-solid fa-list-ul"></i> <font class="titulo">Arquivos do aluno : </font>
            <font class="subtitulo">{{ $student->name }}</font>
        </div>
        <div class="col-4">
            <div class="botao-float-right" style="text-align: right;">
                @include('_partials.faq')
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header card-green01">
            @can('alunos:incluir')
                <form id="upload" method="POST" action="{{ route('admin.students.files.store', $student->id) }}"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-lg-6 col-sm-5 col-md-5">
                            <div class="form-group {{ $errors->has('description') ? 'has-error' : '' }}">
                                <label for="description">
                                    {{ trans('cruds.studentfile.fields.description') }}*
                                </label>
                                <input type="text" id="description" name="description" class="form-control"
                                    value="{{ old('description', isset($file) ? $file->description : '') }}">
                                @if ($errors->has('description'))
                                    <em class="invalid-feedback" style="color:rgb(255, 251, 0);">
                                        {{ $errors->first('description') }}
                                    </em>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.studentfile.fields.description_helper') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-12 col-lg-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label>{{ trans('cruds.studentfile.fields.file') }}* </label>
                                <div class="custom-file">
                                    <input lang="pt-BR" type="file" id="file" name="file" class="custom-file-input"
                                        value="{{ $file->file ?? old('file') }}">
                                    <label class="custom-file-label" for="customFile">Escolha o arquivo</label>
                                </div>
                                @if ($errors->has('file'))
                                    <em class="invalid-feedback d-block">
                                        {{ $errors->first('file') }}
                                    </em>
                                @endif
                                <p class="helper-block">
                                    {{ trans('cruds.studentfile.fields.file_helper') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-12 col-lg-2 col-sm-3 col-md-3">
                            <div style="padding-top:8px;">&nbsp;</div>
                            {{-- <a href="#" id="enviar" class="btn btn-warning">Enviar</a> --}}
                            <button id="enviar" type="button" class="btn btn-block btn-warning"><i class="fa fa-check-square"
                                    aria-hidden="true"></i> Incluir</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                            </div>
                        </div>
                    </div>
                </form>
            @endcan
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover datatable datatable-student_file">
                    <thead>
                        <tr>
                            <th>Descrição</th>
                            <th width="50">Arquivo</th>
                            <th width="65" style="text-align: center;">Ações</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div>
                <a href="{{ route('admin.students.index') }}" class="btn btn-sm btn-secondary"><i
                        class="fas fa-undo-alt"></i> Voltar</a>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    @parent
    <script>
        $.fn.dataTable.ext.classes.sPageButton = '';
        $(function() {
            let student_id = $('#student_id').val();
            let visible_sadmin = false;
            let superadmin = "{{ auth()->user()->isSuperAdmin() }}";
            if (superadmin)
                visible_sadmin = true;

            let table = $('.datatable-student_file').DataTable({
                language: {
                    "url": "//cdn.datatables.net/plug-ins/1.10.25/i18n/Portuguese-Brasil.json"
                },
                order: [
                    [0, 'asc']
                ],
                responsive: true,
                processing: true,
                serverSide: true,
                ajax: {
                    "url": "{{ route('admin.students.files.load') }}",
                    "data": {
                        student_id: student_id,
                    }
                },
                columnDefs: [
                    // { targets: [0], visible: visible_sadmin, },
                ],
                columns: [{
                        data: "description",
                        name: "description",
                    },
                    {
                        data: "file",
                        name: "file",
                        orderable: false,
                        searchable: false,
                        className: 'text-center',
                    },
                    {
                        data: "action",
                        name: "action",
                        orderable: false,
                        searchable: false,
                        className: 'text-center',
                    }
                ]
            });
        });
    </script>

    <script>
        $('#file').change(function(event) {
            var fileName = event.target.files[0].name;
            if (event.target.nextElementSibling != null) {
                event.target.nextElementSibling.innerText = fileName;
            }
        });
    </script>

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

                function removeUltimoCaracter (minhaUrl, caracter){
                    if (minhaUrl.substring(minhaUrl.lenght-1) == caracter){
                        minhaUrl = minhaUrl.substring(0, minhaUrl.lenght-1);
                    }
                    return minhaUrl;
                }

                function validate(formData, jqForm, options) {
                    var form = jqForm[0];
                    if (!form.description.value){
                        alert('Insira uma descrição para o arquivo')
                        return false;
                    }
                    if (!form.file.value) {
                        alert('Selecione o arquivo a ser enviado');
                        return false;
                    }
                }

                let status = $('#status');
                let url_atual = window.location.href;

                $('#upload').ajaxForm({
                    beforeSend: function () {
                        status.empty();
                        let percentage = '0%';
                    },
                    uploadProgress: function (event, position, total, percentComplete) {
                        var percentage = percentComplete;
                        $('.progress .progress-bar').css("width", percentage+'%', function() {
                        return $(this).attr("aria-valuenow", percentage) + "%";
                        })
                    },
                    success: function() {
                        var percentage = '0%';
                        swal({
                            title: "Arquivo enviado com sucesso",
                            icon: "success",
                            dangerMode: false,
                        })
                    },
                    complete: function (xhr) {
                        window.location.href = removeUltimoCaracter(url_atual, '#');
                    }
                });

                $('#enviar').click(function(){

                    if (document.getElementById('description').value == ''){
                        swal({
                            title: 'Insira uma descrição para o arquivo !',
                            icon: "error",
                            dangerMode: true,
                            timer: 3000,
                        })
                        return false;
                    }

                    if (document.getElementById('file').value == ''){
                        swal({
                            title: 'Insira um arquivo !',
                            icon: "error",
                            dangerMode: true,
                            timer: 3000,
                        })
                        return false;
                    }

                    let student_id = $('#student_id').val();
                    let fullName = document.getElementById('file').value;
                    if (fullName) {
                        let startIndex = (fullName.indexOf('\\') >= 0 ? fullName.lastIndexOf('\\') : fullName.lastIndexOf('/'));
                        let nameFile = fullName.substring(startIndex);
                        if (nameFile.indexOf('\\') === 0 || nameFile.indexOf('/') === 0) {
                            nameFile = nameFile.substring(1);
                        }

                        let status = $('#status');
                        let url_atual = window.location.href;

                        $.ajax({
                            type: "GET",
                            url: "{{ route('admin.students.files.verify') }}",
                            data: {
                                student_id: student_id,
                                nameFile: nameFile,
                            },
                            dataType: "json",
                            success: function(data) {
                                $('#upload').submit();
                            },
                            error: function(data) {
                                swal({
                                    title: 'Este arquivo já foi enviado !',
                                    icon: "error",
                                    dangerMode: true,
                                    timer: 3000,
                                })
                            }
                        });
                    }
                })
            });
        });
    </script>
@endsection