@php    
    $pattern = '/\b0\d{7,12}\b/'; // adjust length if needed
@endphp

<table id="patient-calls-crudTable" class="table table-striped table-hover  rounded card-table table-vcenter card d-table shadow-xs border-xs dataTable dtr-none">
    <thead>
        <tr>
            <th>Summary</th>
            <th>Call Create</th>
            <th>Call End</th>
            <th>Duration</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach($entry->calls as $call)

            @php
            // Replace matched phone numbers with clickable tel links
            $contentWithLinks = preg_replace_callback($pattern, function ($matches) {
                $phone = $matches[0];
                return '<a class="text-decoration-underline" href="tel:' . $phone . '">' . $phone . '</a>';
            },  $call->ai_summary);


            $firstMessageWithLinks = preg_replace_callback($pattern, function ($matches) {
                $phone = $matches[0];
                return '<a class="text-decoration-underline" href="tel:' . $phone . '">' . $phone . '</a>';
            },  $call->first_message);
            
            $trClass = "";
            if ($call->aiPrescriptions()->exists()) {

                if (!$call->hasNotReadyAiPrescriptions() ) {
                    $trClass = "bg-light-green";
                }

                // All Prescription Complete
                if  (!$call->hasIncompleteAiPrescriptions() ) {
                    $trClass = "bg-light-blue";
                }

                if ($call->hasNotReadyAiPrescriptions() && $call->hasIncompleteAiPrescriptions() ) {
                    $trClass = "bg-light-red";
                }

            }
            @endphp
                    
            <tr class="{{ $trClass }}">

                <td>
                    <strong>Summary</strong>: {!! $contentWithLinks !!}
                    <br>
                    <strong>Initial Request</strong>: {!! !empty($firstMessageWithLinks) ? $firstMessageWithLinks : "No Message" !!}
                </td>

                
                <td>{{ \Carbon\Carbon::parse($call->call_created_at)->format('Y-m-d H:i:s'); }} </td>
                <td>{{ \Carbon\Carbon::parse($call->call_ended_at)->format('Y-m-d H:i:s'); }} </td>
                <td>
                @php
                    $start = \Carbon\Carbon::parse($call->call_created_at)->setTimezone('Pacific/Auckland');
                    $end = \Carbon\Carbon::parse($call->call_ended_at)->setTimezone('Pacific/Auckland');

                    $diffInSeconds = $start->diffInSeconds($end) - $call->pharmacist_duration ?? 0 ;

                    // Format as mm:ss
                    $minutes = floor($diffInSeconds / 60);
                    $seconds = $diffInSeconds % 60;
                    $return  = sprintf("%02d:%02d", $minutes, $seconds);

                    $pharmacistDurationMinutes = null;
                    if (!empty($call->pharmacist_duration)) {
                        $pharmacistDurationMinutes = floor($call->pharmacist_duration / 60);
                        $pharmacistDurationSecond = $call->pharmacist_duration % 60;

                        $return  .= "/<br />". sprintf("%02d:%02d", $pharmacistDurationMinutes, $pharmacistDurationSecond);
                    }

                    echo $return;

                @endphp

                </td>
                <td>
                    @php
                        $downloadTranscriptAiEndpointUrl = route('downloadTranscriptAiEndpoint', ['callId' => $call->id]);
                        $downloadTranscriptTextAiEndpointUrl = route('downloadTranscriptTextAiEndpoint', ['callId' => $call->id, 'download' => 'view']);
                    @endphp
                    <button type="button" href="#" 
                        target="_blank"
                        style="font-size:24px;"
                        class="btn btn-sm btn-link" 
                        title="Play Recording"
                        data-bs-toggle="popover" 
                        data-bs-html="true" 
                        data-bs-trigger="hover"
                        data-bs-title="Play Recording"
                        onclick="window.open(
                            '{{ $downloadTranscriptAiEndpointUrl }}',
                            'popup',
                            'width=800,height=800'
                        )"
                    >
                        <i class="las la-file-audio"></i>
                    </button>

                    <button type="button" href="#" 
                        class="btn btn-sm btn-link" 
                        style="font-size:24px;"
                        title="View Transcript Text"
                        data-bs-toggle="popover" 
                        data-bs-html="true" 
                        data-bs-trigger="hover"
                        data-bs-title="View Transcript Text"
                        onclick="window.open(
                            '{{ $downloadTranscriptTextAiEndpointUrl }}',
                            'popup',
                            'width=800,height=800'
                        )"
                    >
                        <i class="las la-file-alt"></i>
                    </button>

                    @foreach( $call->aiPrescriptions as $prescription)
                        @php

                            $class = "";
                            
                            if ( $prescription->has_update) {
                                $class = "collect";
                            }

                            if (  $prescription->has_collect ) {
                                $class = "completed";
                            }

                            $showUrl = backpack_url('ai-prescription/' . $prescription->id . '/edit');
                            $messageUrl = route('message', [
                                'call_id' => $call->id,
                                'prescription_id' => $prescription->id,
                            ]);
                            $updateUrl = route('updateAiPrescriptionAiEndpoint', ['prescription_id' => $prescription->id]);
                            $completeUrl = route('collectAiPrescriptionAiEndpoint', ['prescription_id' => $prescription->id]);

                            $pivot = $prescription->calls()->wherePivot('call_id', $call->id)->first();
                            $textBackNumber = $pivot->pivot->text_back_number;
                        @endphp
                        <div>
                            <a  class="{{ $class }} p-1" href="{{ $showUrl }}">{{ $prescription->rx_id}}</a>
                        </div>
                        <div>
                            <div><a  href="javascript:void(0)" onclick="collectPrescription(this)" data-route="{{ $updateUrl }}" class="btn btn-sm btn-table" title="Prescription is ready for collect">Ready for collect</a></div>
                            @if (!empty($textBackNumber))
                                <div><a href="javascript:void(0)" onclick="collectPrescriptionAndMessage(this)" data-route="{{ $messageUrl }}" class="btn  btn-sm btn-table" title="Message Patient to collect medicine">Ready for collect and Send SMS</a></div>
                            @endif 
                            <div><a href="javascript:void(0)" onclick="completePrescription(this)"  data-route="{{ $completeUrl }}" class="btn btn-sm btn-table" title="Patient collected the prescription. Mark Prescription as Complete">Complete</a></div>
                        </div>
                    @endforeach
                </td>

            </tr>
        @endforeach
    </tbody>
</table>


@section('after_styles')
  {{-- DATA TABLES --}}
  @basset('https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap5.min.css')
@endsection

@section('after_scripts')
    @basset('https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js')
    @basset('https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap5.min.js')
    @basset('https://cdn.datatables.net/responsive/2.4.0/js/dataTables.responsive.min.js')
    @basset('https://cdn.datatables.net/responsive/2.4.0/css/responsive.dataTables.min.css')
    @basset('https://cdn.datatables.net/fixedheader/3.3.1/js/dataTables.fixedHeader.min.js')
    @basset('https://cdn.datatables.net/fixedheader/3.3.1/css/fixedHeader.dataTables.min.css')
    <script type="text/javascript">
        jQuery(document).ready(function() {
            window.crud = {};
            window.crud.table = jQuery("#patient-calls-crudTable").DataTable();
        });
    </script>
@endsection