@if(isset($flag) && $flag == 'mailnote')
<style>
    
    table, th, td {
  border: 1px solid black;
  padding :5px;
}
     @page {size: a3 }

    </style>
    @else
    <style>
        table {
          border: 1px solid #ccc;

        }
        tr td {
        border-bottom: 1pt solid #ccc;
        /* white-space: nowrap; */
        }

        tr th {
        border-bottom: 1pt solid #ccc ;
        /* white-space: nowrap; */
        }
  @page print {
    @page {size: auto;padding: 10px; height:100%;width:100vw; }
  }

  @media print {
    * {
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid;
  }
  table{
    word-break: break-all;
  }
  table,tr,td{
    clear: both;
    page-break-inside:avoid;
    break-inside: avoid;
    -webkit-region-break-inside: avoid;
  }
    tr.page-break,td{
        /* display: block;
        page-break-after: always; */
        display: block;
        page-break-inside: avoid; 
        page-break-after: auto;
      }
  }

    </style>
    <!-- <script>
        paperSize: {
format: "A4", orientation: "portrait",
margin: { 'top': '10mm', 'left': '5mm', 'bottom': '10mm', 'right': '5mm' },
headerHeight: '10.05cm',
footerHeight: '4cm'
},
fitToPage: false
    </script> -->
    @endif
    <h1  style="margin: 0;padding-bottom: 10px;font-family: 'europa', sans-serif;color: #24303f;margin-left:-20px ;">Treatment notes for {{$client->full_name}}</h1>

    <table class="table no-spacing"  style=";width:100%;border-color:#ccc;margin-left: -20px; white-space: unset; display: inline-table;border-spacing:0; border-collapse: collapse;" cellpadding="0" cellspacing="0" >
       <thead>
    <tr style="">
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Date</th>
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Type</th>
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Provider</th>
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Assesment</th>
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Treatment</th>
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Recommandation</th>
        <th class="" style="color:black;text-align:left;font-size:15px;font-family: 'europa', sans-serif;color: #24303f;text-align:center; ">Prescribed Products</th>
        </tr>
</thead>
        <tbody>
        @foreach($finalnotes as $result)

        
            <tr class="page-break">
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:center;vertical-align: top; ">{{$result['date'] ?? ""}}</td>
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:left;vertical-align: top; ">@isset($result['appointment_type']) {{$result['appointment_type']}} @else {{'-'}} @endisset</td>
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:left;vertical-align: top; "> {{$result['service_provider_name'] ?? "-"}}</td>
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:left;vertical-align: top; ">{!! preg_replace("/\r\n|\r|\n/", '<br/>', $result['assessment'] ?? "-") !!}</td>
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:left;vertical-align: top; ">{!! preg_replace("/\r\n|\r|\n/", '<br/>', $result['treatment'] ?? "-") !!}</td>
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:left;vertical-align: top; ">{!! preg_replace("/\r\n|\r|\n/", '<br/>', $result['recommendations'] ?? "-") !!}</td>
                <td style="color:black;text-align:left;font-size:14px;font-family: 'europa', sans-serif;color: #24303f;text-align:left;vertical-align: top; ">
                  @if(isset($result['prescriptions']))
                  @foreach ($result['prescriptions']['products'] as $item)
                  <lable>{{$item['product_name'] ?? "-"}}</lable><br>
                  {{$item['suggested_use'] ?? "-"}}
                  @endforeach
                 
                @endif

                </td>
            </tr>
        @endforeach
</tbody>
    </table>
                                              
<!--when print 
        <div class="" style="padding-top:20px;">
    <table class="table" cellpadding="0" cellspacing="0" style="width:100%;">
        <tr>
        <th class="" style="color:black;text-align:left;width: 100px; word-break: break-all; white-space: pre-wrap;">Date</th>
        <th class="" style="color:black;text-align:left;width: 150px; word-break: break-all; white-space: pre-wrap;">Type</th>
        <th class="" style="color:black;text-align:left;width: 150px; word-break: break-all; white-space: pre-wrap;">Provider</th>
        <th class="" style="color:black;text-align:left;width: 150px; word-break: break-all; white-space: pre-wrap;">Assesment</th>
        <th class="" style="color:black;text-align:left;width: 150px; word-break: break-all; white-space: pre-wrap;">Treatment</th>
        <th class="" style="color:black;text-align:left;width: 150px; word-break: break-all; white-space: pre-wrap;">Recommandation</th>
        <th class="" style="color:black;text-align:left;width: 150px; word-break: break-all; white-space: pre-wrap;">Prescribed Products</th>
        </tr>
      
    </table>
</div> 
-->