@extends('layout.structure')
@section('title-tab')
    Dettaglio studente {{$enrolment->student->lastname}} {{$enrolment->student->firstname}}
@endsection
@section('title-page')
    Dettaglio studente
@endsection
@section('head')
    @parent
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
@endsection
@section('content')
    <div class="row">
        <div class="col-xl-8">
            <div class="card shadow mb-1 border-left-info">
                <div class="card-body">
                    <h4 class="m-0"><i class="fas fa-fw fa-user-graduate"></i> {{$enrolment->student->lastname}} {{$enrolment->student->firstname}} {{$enrolment->student->official_code}}</h4>
                </div>
            </div>
            <div class="card shadow mb-0">
                <div class="card-body py-1" style="background-color:{{$enrolment->status->color}}; color: white; ">
                    {{$enrolment->status->name}}
                </div>
            </div>
            <div class="card shadow mb-4">
                <div class="card-body">
                    <ul class="nav nav-tabs border-bottom-0">
                        <li class="nav-item ">
                            <a class="nav-link studentInfo p-1" href="#">
                                <button type="button" class="btn btn-info btn-sm" title="Info iscrizione"><i class="fa fa-info-circle"></i><span class="d-none d-xl-inline"> Dettaglio</span></button>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link studentCarrer p-1" href="#">
                                <button type="button" class="btn btn-warning btn-sm" title="Carriera"><i class="fa fa-list"></i><span class="d-none d-xl-inline"> Carriera</span></button>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link studentReservations p-1" href="#" tabindex="-1" aria-disabled="true">
                                <button type="button" class="btn btn-dark btn-sm" title="Prenotazioni esami"><i class="fa fa-list-alt"></i><span class="d-none d-xl-inline"> Prenotazioni</span></button>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link studentDetails p-1" href="#" tabindex="-1" aria-disabled="true">
                                <button type="button" class="btn btn-primary btn-sm" title="Pagamenti"><i class="fas fa-money-bill-alt"></i><span class="d-none d-xl-inline"> Area Contabile</span></button>
                            </a>
                        </li>
                    </ul>
                    <div id="content-tab">

                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-4">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <h4 class="card-title"><i class="fas fa-sticky-note"></i> Note</h4>
                    @component('components.notes',['model'=>'student','id'=>$enrolment->student->user_id])
                    @endcomponent
                </div>
            </div>
            <div class="card shadow mb-4">
                <div class="card-body">
                    <h4 class="card-title"><i class="fas fa-list"></i> Altre iscrizioni</h4>
                    @component('components.listEnrolmentsStudents',['student'=>$enrolment->student])
                    @endcomponent
                </div>
            </div>
        </div>
    </div>

@endsection
@section('footer')
    @parent
    <script>
        function students() {
            getIcInfo();

            $('.studentInfo').on('click',function(e){
                e.preventDefault();
                getIcInfo('{{$official_code}}');
            });

            $('.studentCarrer').on('click',function(e){
                e.preventDefault();
                getIcCarrer('{{$official_code}}');
            });

            $('.studentDetails').on('click',function(e){
                e.preventDefault();
                getIcDetails('{{$official_code}}');

            });

            $('.studentReservations').on('click',function(e){
                e.preventDefault();
                getReservationList('{{$official_code}}');
            });

            function getIcInfo(){
                $.ajax(
                    '{{route('auth.view.ic.info')}}',
                    {
                        method:'POST',
                        data:{_token:Laravel.csrfToken,official_code:'{{$official_code}}'},
                        success:function (res) {
                            $('.nav-tabs').find('.active').removeClass('active');
                            $('.nav-tabs').find('.studentInfo').addClass('active');
                            $('#content-tab').html(res);
                        }
                    }
                )
            }

            function getReservationList(){
                $.ajax(
                    '{{route('auth.view.list.reservations')}}',
                    {
                        method:'POST',
                        data:{_token:Laravel.csrfToken,official_code:'{{$official_code}}'},
                        success:function (res){
                            $('.nav-tabs').find('.active').removeClass('active');
                            $('.nav-tabs').find('.studentReservations').addClass('active');
                            $('#content-tab').html(res);
                        }
                    }
                )
            }

            function getIcDetails(){
                $.ajax(
                    '{{route('auth.view.enrolment.ic.detail')}}',
                    {
                        method:'POST',
                        data:{_token:Laravel.csrfToken,official_code:'{{$official_code}}'},
                        success:function (res){
                            $('.nav-tabs').find('.active').removeClass('active');
                            $('.nav-tabs').find('.studentDetails').addClass('active');
                            $('#content-tab').html(res);
                        }
                    }
                )
            }

            function getIcCarrer(){
                $.ajax(
                    '{{route('auth.view.carrer.ic')}}',
                    {
                        method:'POST',
                        data:{_token:Laravel.csrfToken,official_code:'{{$official_code}}'},
                        success:function (res){
                            $('.nav-tabs').find('.active').removeClass('active');
                            $('.nav-tabs').find('.studentCarrer').addClass('active');
                            $('#content-tab').html(res);
                        }
                    }
                )
            }
        }
        students();
    </script>
@endsection