@php
    $total_rapports = max($total_rapports, 1);
    error_reporting(0);
@endphp
<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.fond_couv')) }}"
      backbottom="0mm">

    <table style="width:100%;margin-top:-70px">

        <tr>

            <td style="width:42%;"><img style="width:120px;margin-top:-200px;margin-left:30px"
                                        src="{{ base_path('public/images/'.config('options_crm.main_logo')) }}"></td>
            <td style="padding-bottom:20px;">

                <div style="width:400px;">
                    <span
                        style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:42px;font-family:dejavusans, sans-serif !important;   -webkit-transform: scaleX(0.5);"><strong>ANNEXE AU RAPPORT</strong></span><br/>
                    <span
                        style="color:#7a7c7c;vertical-align:top;font-weight:800;font-size:42px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>DE SYNTHESE</strong></span>

                    <br/>

                    <div
                        style="margin-top:10px;color:#7a7c7c;vertical-align:top;font-weight:800;font-size:14px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);">
                        <strong>{{ 'Opération ' . $operation['operation_title'] }}</strong>
                    </div>
                    <br/><br/>
                    <span
                        style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:18px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);margin-top:-20px"><strong>{{ $type }}</strong></span><br/>

                        <span
                            style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:12px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>Vérification du ratio entre le nombre d'opérations contrôlées "non satisfaisantes" et le nombre d'opérations contrôlées.</strong></span>
         


                    <br/>
                    <span
                        style="color:#7a7c7c;vertical-align:top;font-weight:800;font-size:12px;line-height:20px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);margin-top:25px">Accréditation COFRAC N°3-1696<br/>
                        Portée disponible sur le site www.cofrac.fr<br/>
                        Date de fin de validité de l’accréditation 30/09/2023<br/>
                    </span>
                    <div
                        style="border-bottom:1px solid #58A5C8;margin-top:10px;margin-bottom:-20px"></div>
                    <br/>

                    Boulogne-Billancourt, le 09/06/2025
                    <br/><br/><br/>

                    <table>
                        <tr>
                            @if(!empty($operation['donneur_ordre']))

                                <td style="width:180px;text-align:left;">

                                    <span class="sub_title"
                                          style="text-transform:uppercase;font-size:12px;border-bottom:1px solid #58A5C8;padding-bottom:5px"><strong>DONNEUR D'ORDRE</strong></span><br/>

                                    <div class="bordered"
                                         style="width:165px;border-bottom:0px;font-size:12px;text-transform:uppercase;text-align:left;display:inline;margin-top:5px">

                                        <strong
                                            style="font-size:10px;margin-top:5px">{{ strtoupper($operation['donneur_ordre']) }}</strong><br/>
                                        <span
                                            style="font-size:9px">{{ strtoupper($operation['adresse_donneur_ordre']) }}</span><br/>
                                        <span
                                            style="font-size:9px">{{ strtoupper($operation['cp_donneur_ordre'] . ' ' . $operation['ville_donneur_ordre']) }}</span>

                                    </div>

                                </td>

                            @endif

                            <td style="width:180px;text-align:left;">
                                <span class="sub_title"
                                      style="text-transform:uppercase;font-size:12px;border-bottom:1px solid #58A5C8;padding-bottom:5px"><strong>CLIENT</strong></span><br/>
                                <div class="bordered"
                                     style="width:165px;border-bottom:0px;font-size:12px;text-transform:uppercase;text-align:left;display:inline;margin-top:5px">
                                    <strong
                                        style="font-size:10px;margin-top:5px">{{ strtoupper($operation->client->client_title) }}</strong><br/>
                                    <span
                                        style="font-size:9px">{{ strtoupper($client['adresse']) }}</span><br/>
                                    <span
                                        style="font-size:9px">{{ strtoupper($client['cp'] . ' ' . $client['ville']) }}</span>

                                </div>

                            </td>
                        </tr>
                    </table>

                </div>

            </td>

        </tr>

    </table>

    <table style="margin-top:430px">

        <tr>

            <td style="width:50%">

                <div
                    style="margin-top:120px;width:135px;padding:5px;background:#7a7c7c;color:white;font-size:16px;margin-left:-25px;padding-left:28px;padding-right:15px">

                    <strong>EQI_09.05.3</strong>

                </div>

            </td>

            <td style="width:50%">

                <div
                    style="text-align:right;color:white;font-size:11px;width:357px;margin-top:65px;margin-right:-150px;line-height:18px">

                    <strong>{{ config('options_crm.societe') }}</strong><br/>
                    {{ config('options_crm.adresse') }}<br/>
                    {{ config('options_crm.cp') }} {{ config('options_crm.ville') }}<br/>
                    SIREN N°{{ config('options_crm.siren') }}- RCS de {{ config('options_crm.rcs') }}<br/>

                </div>
            </td>
        </tr>

    </table>

</page>

<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.footer_bande')) }}"
      backbottom="0mm">

    @include('pdf.templates_pdf.synthese.page_header')


    <table style="width:690px;margin-top:35px;margin:auto" class="table_matieres" cellspacing="0"
           cellpadding="0">
        <tr>
            <td class="title" colspan="2" style="min-width:80%;width:100%;text-align:center;border-left:0px;border-top:0px;border-right:0px">
                Fiche {{ $type }}
            </td>

        </tr>


        <tr class="even">
            <td>Nombre d'opérations controlées</td>
            <td class="center">{{ ceil($total_rapports) }}</td>
        </tr>

        <tr class='odd'>
            <td>Nombre d'opérations controlées non satisfaisantes</td>
            <td class="center">{{ ceil($total_non_conformes) }}</td>
        </tr>

        <tr class='even'>
            <td>Ratio (%)</td>
            <td class="center">{{ $total_rapports != 0  ? number_format(($total_non_conformes / $total_rapports * 100), 2, '.', '') : '' }}</td>
        </tr>

        <tr class='odd'>
            <td>Résultat de la vérification (30%)</td>
            <td class="center">
                @if(  ($total_non_conformes / $total_rapports * 100)<30  )
                {{'Satisfaisant'}}
                @else
                {{'Non Satisfaisant'}}
                @endif
            </td>
        </tr>

    </table>

</page>

<style type="text/css">

    .odd {
        background: white;
    }

    .even {
        background: #DBEEF6;
    }

    .table_matieres {
        width: 100%;
    }

    /*.table_matieres tr {border:1px solid#ccc;}*/
    .table_matieres td {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .regions td {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .center {
        text-align: center
    }

    .oui_non {
        margin-left: 8px;
    }

    draw {
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        padding: 2px;
        padding-left: 0px;
    }

    draw .x {
        margin-left: 2px;
    }

    #table_ep td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    .thumb {
        display: inline-block;

        margin-right: 30px;
        border: 1px solid #ccc;
        vertical-align: top;
        width: 100px;
    }

    .thumb img {
        max-width: 100%;
    }

    .hedaer {
        text-align: center;
        font-size: 34px;
        background: #bf0000;

        margin: auto;
        padding: 10px;
        font-weight: 800;
        color: white;
        font-family: arial;
    }

    .title {
        font-weight: 800;
        text-align: center;
        font-size: 20px;
        max-width: 50%;
        margin: auto;
        margin-top: 1px;
    }

    .title strong {

        font-size: 24px;

    }

    .bordered {
        border: 1px solid #ccc;
    }

    .red_back {
        background: #bf0000;
        color: white;
        border: 1px solid #bf0000;
        font-weight: 900;
        font-size: 14px;
        padding-left: 8px;
        text-transform: uppercase;
    }

    .background_grey {
        background: #ccc;
    }

    .col-lg-4 {
        max-width: 30%;
        display: inline-block
    }

    body * {
        color: #224F61;
    }

    table {
        border-spacing: 0;
        border-collapse: collapse;
        color: #224F61;
    }

    draw {
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        padding: 2px;
        padding-left: 0px;
    }

    draw .x {
        margin-left: 2px;
    }

    .oui_non {
        margin-left: 8px;
        color: black;
    }

    #table_ep td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    .thumb {
        display: inline-block;

        margin-right: 30px;
        border: 1px solid #ccc;
        vertical-align: top;
        width: 100px;
    }

    .thumb img {
        max-width: 100%;
    }

    .hedaer {
        text-align: center;
        font-size: 34px;
        background: #bf0000;

        margin: auto;
        padding: 10px;
        font-weight: 800;
        color: white;
        font-family: dejavusans, serif;
    }

    .title {
        font-weight: 800;
        text-align: left;
        font-size: 14px;
        margin: 1px auto auto;
        padding: 10px;
        background: #224F61;
        color: white;
    }

    .title strong {

        font-size: 14px;

    }

    .sub_title {
        width: 100%;
        border-bottom: 1px solid #224F61;
        padding-bottom: 6px;
        font-size: 14px;
        color: #4BA9D0;
    }

    .bordered {
        border: 1px solid #4BA9D0;
        border-right: 0px;
        border-left: 0px;
    }

    .red_back {
        background: #DBEEF6;
        color: black;
        border: 0px solid #bf0000;
        font-weight: 900;
        font-size: 14px;
        padding-left: 8px;
        text-transform: uppercase;
    }

    .blue_background {
        background: #DBEEF6;
        color: #224F61;

    }

    .background_grey {
        background: #DBEEF6;
        color: #224F61;
        border: 1px solid #4BA9D0;
        border-left: 0px;
        border-right: 0px;

    }

    table p {
        font-family: Arial, serif !important;

    }
</style>