@extends('layouts.vertical', ['page_title' => 'Datatables'])

@section('css')
    <!-- third party css -->
    <link href="{{ asset('assets/libs/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- third party css end -->
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@endsection

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-md-6 p-2">
                <h4 class="page-title">Followup Summary</h4>
            </div>
        </div>
        <!-- end page title -->
        @if (session()->has('message'))
            <div class="alert alert-success">
                {{ session()->get('message') }}
            </div>
        @endif
        @if (session()->has('error'))
            <div class="alert alert-danger">
                {{ session()->get('error') }}
            </div>
        @endif

        @php
        function ordinal($number) {
            $ends = array('th','st','nd','rd','th','th','th','th','th','th');
            if ((($number % 100) >= 11) && (($number%100) <= 13))
                return $number. 'th';
            else
                return $number. $ends[$number % 10];
        }
        @endphp
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div>
                            <table class="table table-responsive border">
                                <thead>
                                    <th>Follow up</th>
                                    <th>No of doctor</th>
                                    <th>POB – Respules Pack/doctor</th>
                                    <th>Virtual/Physical</th>
                                </thead>
                                <tbody>
                                    @foreach($follow_up as $fol)
                                    <tr>
                                        <td>{{ordinal($fol->follow_up)}} Follow up</td>
                                        <td>{{$fol->no_of_doctors}}</td>
                                        <td>{{$fol->total_pob}} ({{ceil($fol->total_pob/$fol->no_of_doctors)}})</td>
                                        <td>{{$fol->virtual_visits}} / {{$fol->physical_visits}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div>
        <!-- end row-->
    </div> <!-- container -->

@endsection

@section('script')
    <!-- third party js -->
    <script src="{{ asset('assets/libs/datatables/datatables.min.js') }}"></script>
    <script type="text/javascript">
        
    </script>
@endsection