{{--<div class="card">--}}
{{--    <div class="card-body">--}}
{{--        @if (session()->has('success'))--}}
{{--            <div class="alert alert-success">{{ session('success') }}</div>--}}
{{--        @endif--}}

{{--        @if (session()->has('error'))--}}
{{--            <div class="alert alert-danger">{{ session('error') }}</div>--}}
{{--        @endif--}}

{{--        <h5 class="card-title">Manage Breaks</h5>--}}

{{--        @if ($currentBreak)--}}
{{--            <p>Current Break Started At: {{ $currentBreak->break_start }}</p>--}}
{{--            <button class="btn btn-danger" wire:click="endBreak">End Break</button>--}}
{{--        @else--}}
{{--            <button class="btn btn-primary" wire:click="startBreak">Start Break</button>--}}
{{--        @endif--}}
{{--    </div>--}}
{{--</div>--}}
<div>
    <div class="card mb-2">
        <div class="card-header">
            <div class="row">
                <div class="col">
                    <h5>TODAY BREAKS</h5>
                </div>

                <div class="col">
                    @if ($currentBreak)
                        <button type="button"
                                class="btn btn-danger float-right text-right"
                                wire:click="endBreak"
                                wire:confirm="Are you sure you want to end break time?"
                        ><i
                                class="fas fa-coffee"></i>&nbsp;{{__('End Break')}}</button>
                    @else
                        <button type="button" class="btn btn-primary float-right text-right" wire:click="startBreak"
                                wire:confirm="Are you sure you want to start break time?"
                        ><i
                                class="fas fa-coffee"></i>&nbsp;{{__('Start Break')}}</button>
                    @endif
                </div>
            </div>
        </div>


        <div class="card-body">

            <table class="table table-bordered">
                <thead class="bg-primary text-white">
                <tr>
                    <th>Start Time</th>
                    <th>Close Time</th>
                    <th>Duration</th>
                </tr>
                </thead>
                <tbody>
                @php
                    $totalSeconds = 0;
                @endphp
                @foreach($todayBreaks as $br)
                    @php
                        $duration = breakTimeConvert($br->break_start, $br->break_end);
                        // Parse the duration string "0 h 39 m 13 s"
                        preg_match('/(\d+)\s*h\s*(\d+)\s*m\s*(\d+)\s*s/', $duration, $matches);
                        if (count($matches) === 4) {
                            $hours = (int)$matches[1];
                            $minutes = (int)$matches[2];
                            $seconds = (int)$matches[3];
                            $durationInSeconds = ($hours * 3600) + ($minutes * 60) + $seconds;
                            $totalSeconds += $durationInSeconds;
                        }
                    @endphp
                    <tr>
                        <td>{{ date('h:i:s A',strtotime($br->break_start))??'-' }}</td>
                        <td>{{$br->break_end? date('h:i:s A',strtotime($br->break_end)):'-'}} </td>
                        <td>{{$duration}}</td>
                    </tr>
                @endforeach
                <tr>
                    <td colspan="2" class="text-right">Total Break Time</td>
                    <td>
                        @php
                            $totalHours = floor($totalSeconds / 3600);
                            $remainingSeconds = $totalSeconds % 3600;
                            $totalMinutes = floor($remainingSeconds / 60);
                            $finalSeconds = $remainingSeconds % 60;
                            echo "{$totalHours} h {$totalMinutes} m {$finalSeconds} s";
                        @endphp
                    </td>
                </tr>
                </tbody>
            </table>

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