@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">Plano 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="form" method="POST" action="{{ route('admin.students.plan.store', $student->id) }}">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-lg-8 col-sm-7 col-md-7">
                            <div class="form-group {{ $errors->has('plan') ? 'has-error' : '' }}">
                                <label for="plan">
                                    {{ trans('cruds.student_plan.fields.plan') }}<span class="obrigatorio">*</span>
                                </label>
                                <select name="plan" id="plan" class="form-control select2" autofocus>
                                    <option value="" selected disabled>-- Selecione um plano --</option>
                                    @foreach ($plans as $plan)
                                        <option value="{{ $plan->id }}">
                                            {{ $plan->name }} | Valor: {{ $plan->value }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12 col-lg-2 col-sm-2 col-md-2">
                            <div class="form-group">
                                <label for="end_date">
                                    {{ trans('cruds.student_plan.fields.initial_date') }}<span class="obrigatorio">*</span>
                                </label>
                                <input type="date" max="2999-12-31" name="initial_date" id="initial_date"
                                    class="form-control" autofocus>
                            </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>
                                    @if(!$student_plan)
                                        Incluir
                                    @else
                                        Substituir
                                    @endif
                            </button>
                        </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_plan">
                    <thead>
                        <tr>
                            <th>Plano</th>
                            <th width="120">Valor</th>
                            <th width="150">Data Primeira Parcela</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_plan').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.plan.load') }}",
                    "data": {
                        student_id: student_id,
                    }
                },
                columnDefs: [
                    // { targets: [0], visible: visible_sadmin, },
                ],
                columns: [
                    {
                        data: "name",
                        name: "name",
                    },
                    {
                        data: "value",
                        name: "value",
                        className: 'text-right'
                    },
                    {
                        data: "initial_date",
                        name: "initial_date",
                        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;
                }

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

                    const dataAtual = new Date().toISOString().slice(0,10);

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

                    if (document.getElementById('initial_date').value == '') {
                        swal({
                            title: 'Preencha uma data válida',
                            icon: "error",
                            dangerMode: true,
                            timer: 2000,
                        });
                        return false;
                    }

                    if (document.getElementById('initial_date').value < dataAtual) {
                        swal({
                            title: 'A data da primeira parcela tem que ser maior ou igual à data atual',
                            icon: "error",
                            dangerMode: true,
                            timer: 4000,
                        });
                        return false;
                    }

                    let student_id = $('#student_id').val();

                    $.ajax({
                        type: "GET",
                        url: "{{ route('admin.students.plan.verify') }}",
                        data: {
                            student_id: student_id
                        },
                        dataType: "json",
                        success: function(data) {
                            swal({
                                title: 'Deseja substituir o plano atual?',
                                text: "O plano anterior será apagado e serão geradas as novas parcelas para o novo plano selecionado.",
                                icon: "warning",
                                buttons: ["Cancelar", "Sim"],
                                dangerMode: true,
                            })
                            .then((willInsert) => {
                                if (willInsert) {
                                    $('#form').submit();
                                }
                            });
                        },
                        error: function(data) {
                            $('#form').submit();

                            // swal({
                            //     title: 'Este plano já se encontra na listagem !',
                            //     icon: "error",
                            //     dangerMode: true,
                            //     timer: 3000,
                            // })
                        }
                    });
                })
            });
        });
    </script>
@endsection