@extends('NewPDF.pdf_layout')
@section('pdf_content')
    {{-- pdf main contents --}}
    <div class="main-contents">
        <div class="pdf-contents">
            <div class="normal-pdf-item border-top">
                <div class="ss-view">
                    @if(!empty($imagedata))
                        @foreach($imagedata as $imgdata)
                            <div class="focus-ss-container pt-2">
                                @if(!empty($imgdata['lbox']))
                                    <img src="{{ $imgdata['lbox'] }}" alt="Screenshot">
                                @endif
                                @if(!empty($imgdata['rboxData']))
                                    <div class="pt-2">
                                        <table>
                                            @foreach(array_chunk($imgdata['rboxData'], 2) as $row)
                                                @if(count($row) == 2)
                                                    <tr>
                                                        @foreach($row as $item)
                                                            <td>
                                                                <div style="display: flex">
                                                                    <span class="color-box text-section" style=" background-color:{{$item->color}};"></span>
                                                                    <span class="text-section">{!! $item->text !!}</span>
                                                                </div>
                                                            </td>
                                                        @endforeach
                                                    </tr>
                                                @else
                                                <tr>
                                                    <td colspan="2">
                                                        <div style="display: flex">
                                                            <span class="color-box text-section" style=" background-color:{{$row[0]->color}};"></span>
                                                            <span class="text-section" style="max-width:650px!important;">{!! $row[0]->text !!}</span>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endif
                                            @endforeach
                                        </table>
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    @endif
                </div>
                
                <div class="analyse-container">
                    @if(!empty($all_analyses) || !empty($all_causes))
                        @if(!empty($all_analyses))
                            @foreach($all_analyses as $ana)
                                <div class="desc-contianer">
                                    <h4>{{$ana->pools[0]->pool_name}}:</h4>
                                    <h4>{{__('action.einfluss')}}:</h4>

                                    @if(!empty($ana->description))
                                        <div class="desc-contianer">
                                            <h5>{{ __('action.main_desc') }}:</h5>
                                            <p class="m-0" >{{ $ana->description }}</p>
                                        </div>
                                    @endif

                                    @if(!empty($ana->body_desc))
                                        <div class="desc-contianer">
                                            <h5>{{ __('action.body') }}:</h5>
                                            <p class="m-0" >{{ $ana->body_desc }}</p>
                                        </div>
                                    @endif

                                    @if(!empty($ana->mental_desc))
                                        <div>
                                            <h5>{{ __('action.mental') }}:</h5>
                                            <p class="m-0" >{{ $ana->mental_des }}</p>
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        @endif

                        @if(!empty($all_causes))
                            @foreach($all_causes as $cau)
                                @if($cau->type_name == "Einfluss")
                                    <div class="cuz-tip-mid">
                                        <h4>{{__('action.einfluss')}}:</h4>
            
                                        <table>
                                            <tbody>
                                                <tr>
                                                    <td style="width: 200px; vertical-align: top;">{{ $cau->title }}</td>
                                                    <td style="width: auto;vertical-align: top; ">{{ $cau->description }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
            
            
                                @if($cau->type_name == "Fokus")
                                    <div class="cuz-tip-mid">
                                        <h4>{{__('action.focus_pdf')}}:</h4>
            
                                        <table>
                                            <tbody>
                                                <tr>
                                                    <td style="width: 200px; vertical-align: top;">{{ $cau->title }}</td>
                                                    <td style="width: auto;vertical-align: top; ">{{ $cau->description }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                            @endforeach
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection
<style>
    body {
        font-family: Arial, sans-serif;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        
    }
    td {
        border: 2px solid #ddd;
        padding: 10px;
        height: auto;
        vertical-align: top;
    }
    .color-box {
        display: inline-block;
        width: 10px;
        height: 40px;
        margin-left: -6px;
        vertical-align: middle;
        border-radius: 3px;
        max-width: 10px;
    }
    .text-section {
        display: inline-block;
        vertical-align: middle;
        max-width: 310px;
        padding: 2px 5px;
        border: 1px dashed #ccc;
        border-radius: 5px;
        margin-top: 10px;
    }
    
</style>