@php
    $i = 0;
    $dropdownOptions = \App\Services\DateUtils::getMonthOptions();
@endphp

<table class="w-100 text-blue" style="
    border-collapse: separate;
    border-spacing: 10px;
    border-style: solid;
    border-color: #ddd;" border="0px"  data-field="{{ $field->name }}">
    @forelse($result as $key => $workinghour)

        @continue( in_array($key, ['total_workinghours']) )

        @if( $i % 3 == 0 )
            <tr>
        @endif

        <td style="
            background: white;
            padding: 1rem;
            border: 1px solid rgb(234 236 240);
            border-radius: 0.25rem;
            box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
            vertical-align:top"
            >

            <p style="font-size: 14px;font-weight: 600;line-height: 20px;margin:0;margin-left:.25rem">{{__('forms.'.$key)}}</p>
            @if(isset($workinghour['hours']))
                @foreach ($workinghour['hours'] as $hour)
                    @php
                        $from = Carbon\Carbon::parse($hour['from']);
                        $to = Carbon\Carbon::parse($hour['to']);
                        $totalDuration = $hour['hours'];
                    @endphp

                    <table style="border-collapse: separate; margin-top:0.5rem;width:100%">

                        <tr>
                            <td style="
                                    padding: 0.5rem;
                                    border: 1px solid rgb(83 180 253);
                                    border-radius: .5rem;
                                    background-color:rgb(245 251 255);
                                    font-size: 14px;
                                    font-weight: 500;
                                    line-height: 20px;
                                    display: block;
                                    text-align: left;
                                    padding-left:1rem;
                                ">

                                @if($workinghour['is_active'] == 1)
                                    <p style="margin:0;color:rgb(239 115 32">{{ $dropdownOptions[$hour['frequency']] }}</p>
                                    {{$from->format(config('settings.time_format'))}} - {{$to->format(config('settings.time_format'))}}<br/>

                                    @if(!empty($hour['breaks']))
                                        <p style="margin:0;color:rgb(239 115 32">{{trans('forms.break_time')}}</p>
                                        @foreach ($hour['breaks'] as $break_time)
                                            @php
                                                $from = Carbon\Carbon::parse($break_time['start_time_break']);
                                                $to = Carbon\Carbon::parse($break_time['end_time_break']);
                                            @endphp
                                            <p style="margin:0">{{$from->format(config('settings.time_format'))}} - {{$to->format(config('settings.time_format'))}}</p>
                                        @endforeach
                                    @endif
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    </table>
                @endforeach
            @endif

        </td>

        @php $i++; @endphp

        @if( $i % 3 == 0 || $loop->last )
            </tr>
        @endif

    @empty
        -
    @endforelse
</table>