@extends('layout.structure')
@section('title-tab')
    Dettaglio preiscrizione {{$registration->lastname}} {{$registration->firstname}}
@endsection
@section('title-page')
    Dettaglio preiscrizione
@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-success">
                <div class="card-body">
                    <h4 class="m-0"><i class="fas fa-user-edit"></i> {{$registration->lastname}} {{$registration->firstname}}</h4>
                </div>
            </div>
            <div class="card shadow mb-0 bg-{{$registration->statusColor}} text-white">
                <div class="card-body py-1">
                    {!!$registration->status!!}
                </div>
            </div>
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-sm">
                            <tr>
                                <th>Nome</th>
                                <td>{{$registration->firstname}}</td>
                            </tr>
                            <tr>
                                <th>Cognome</th>
                                <td>{{$registration->lastname}}</td>
                            </tr>
                            <tr>
                                <th>Codice fiscale</th>
                                <td>{{$registration->fiscal_code}}</td>
                            </tr>
                            <tr>
                                <th>Data di Nascita</th>
                                <td>{{$registration->birthdate->format('d/m/Y')}}</td>
                            </tr>
                            <tr>
                                <th>Città di nascita</th>
                                <td>{{$registration->birthcity_text}} ({{$registration->birthprovince}}) {{$registration->birthstate}}</td>
                            </tr>
                            <tr>
                                <th>Sesso</th>
                                <td>{{$registration->gender}}</td>
                            </tr>
                            <tr>
                                <th>Indirizzo</th>
                                <td>
                                    {{$registration->address}},{{$registration->address_num}}<br>
                                    {{$registration->address_city_text}} ({{$registration->address_province}}) {{$registration->address_cap}}
                                </td>
                            </tr>
                            <tr>
                                <th>Telefono</th>
                                <td>{{$registration->address_phone}}</td>
                            </tr>
                            <tr>
                                <th>Cellulare</th>
                                <td>{{$registration->address_cell}}</td>
                            </tr>
                            <tr>
                                <th>E-mail</th>
                                <td>{{$registration->address_email}}</td>
                            </tr>
                            <tr>
                                <th>Corso Selezionato</th>
                                <td>{!!  $registration->course->title!!}</td>
                            </tr>
                            <tr>
                                <th>Anno accademico</th>
                                <td>{{$registration->course->session}}</td>
                            </tr>

                            <tr>
                                <th>Convenzione</th>
                                <td>
                                    {{$registration->convention->name}}
                                </td>
                            </tr>
                            <tr>
                                <th>Programma</th>
                                <td>
                                    {{$registration->program->class}}
                                    {{$registration->program->mp_tot}}€
                                </td>
                            </tr>
                            <tr>
                                <th>Rate</th>
                                <td>
                                    {{$registration->program->installments->count()}}
                                </td>
                            </tr>
                            <tr>
                                <th>Stato immatricolazione</th>
                                <td>
                                    {!!$registration->statusBadge!!}
                                </td>
                            </tr>
                        </table>
                    </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-link"></i> Link</h4>
                    <a href="{{env('PATH_OC_REGISTRATION')}}{{md5($registration->id)}}" class="btn btn-info btn-block" target="_blank"><i class="fa fa-upload"></i> Area personale</a>
                    <div class="form-group pt-4" id="resend-mail-container">
                        <button type="button" id="resend-mail" class="btn btn-warning btn-block" target="_blank"><i class="fa fa-mail-bulk"></i> Reinvia mail</button>
                    </div>
                </div>
                <div class="card shadow mb-3">
                    <div class="card-body">
                        <h4 class="card-title"><i class="fas fa-sticky-note"></i> Note</h4>
                        @component('components.notes',['model'=>'enrolmentOcTemp','id'=>$registration->id])
                        @endcomponent
                    </div>
                </div>

            </div>
        </div>

        @endsection
        @section('footer')
            @parent
            <script>
                $('#resend-mail').on('click',function(){
                    let form = $('#ocOnlineEnrolment').serialize();
                    $.ajax('{{route('send.oc.enrolment.mail')}}',{
                        method:'POST',
                        data:{
                            courseCode:'{{$registration->course_code}}',
                            fiscalCode:'{{$registration->fiscal_code}}'
                        },
                        success:function (msg) {
                            $('#resend-mail-container').html('<div class="alert alert-success">E-mail Reinviata!</div>');
                        },
                        error:function () {

                        }
                    });
                });
            </script>
@endsection