@extends('Layouts.main')
@section('container')
    <style>
        #dt-table tbody tr td {
            vertical-align: top;
        }

        .action__container-circle {
            border-radius: 100%;
            border: 8px solid #007bff;
            height: 0;
            padding-top: 44%;
            position: relative;
            width: 50%;
            margin: auto;
        }

        .action__content {
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            overflow: hidden;
        }
    </style>
    <div class="row">
        <div class="col-12 d-flex justify-content-center">
            <div class="card col-12  shadow-none" style="">
                <div class="row no-gutters">
                    <div class="col-md-4 ">
                        <div class="card-body">
                            @php
                                $title = 'Maaf!';
                                $roundClass = 'border-danger';
                                $desc = 'Anda dinyatakan <strong>TIDAK LULUS</strong> pada tahap Usulan Penelitian (UP)';
                                
                                if ($data->tor->status == 'LULUS') {
                                    $title = 'Selamat!';
                                    $roundClass = 'border-primary';
                                    $desc = 'Anda dinyatakan <strong>LULUS</strong> pada tahap Usulan Penelitian (UP)';
                                } elseif ($data->tor->status === null) {
                                    $title = 'Nilai belum ada';
                                    $roundClass = 'border-secondary';
                                    $desc = 'Tidak ada data nilai yang dapat ditampilkan saat ini';
                                }
                            @endphp
                            <div class="action__container-circle mb-3 {{ $roundClass }}">
                                <div class="action__content">
                                    <h1><strong>{{ number_format($data->tor->nilai, 2, '.') }}</strong></h1>
                                </div>
                            </div>

                            <h5 class="text-center font-weight-bold">{{ $title }}</h5>
                            <p class="card-text text-center">{!! $desc !!}</p>
                        </div>
                    </div>
                    <div class="col-md-8 border-left">
                        <div class="card-body">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">{{ $data->nim . ' - ' . Str::title($data->nama) }}</li>
                                <li class="list-group-item py-1">
                                    {{ $data->tor->prodi->kode . ' - ' . $data->tor->kelas }}
                                </li>
                                <li class="list-group-item py-1">Judul: <br>{{ $data->tor->judul }}
                                </li>
                                <li class="list-group-item py-1">Pembimbing:
                                    <br>
                                    1. {{ $data->tor->pbb1->kode . ' - ' . $data->tor->pbb1->nama }}
                                    <br>
                                    2. {{ $data->tor->pbb2->kode . ' - ' . $data->tor->pbb2->nama }}
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection