<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Avis</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
    .img {
        height: 140px;
        width: auto;
        padding: 30px;
    }

    table {
        font-family: arial, sans-serif;
        width: 100%;
    }

    td,
    th {
        text-align: left;
        padding: 8px;
    }
</style>

<body>
    <div style="height: 100px; width: auto;">
        <img src="img/png.png" style="height: 40px; width: auto;"/>
        <ul class="nav flex-column float-end">
            <li class="nav-link text-black d-inline-block" style="width: 150px;">Compagnie:</li><span> 8827/22</span>
            <li class="nav-link text-black d-block"></li>
            <li class="nav-link text-black d-inline-block" style="width: 150px;">ICE:</li><span>2022-10-04</span>
        </ul>
    </div>
    <div class="container-fluid m-0 p-0">
            <div style=" border:#000 1px solid; display: inline-block !important; padding: 10px; font-weight: bold;">{{ $payment->status->status ?? null }}</div>
        <div class="row" style="text-align: center; margin:5px 0 10px 0;">
            <div style="padding:5px;text-decoration: underline;">
                NOTE D'HONORAIRES <br>

            </div>
        </div>
        <div class="row mt-5">
            <div class="col" style="width: 300px">
                <ul class="nav flex-column">
                    <li class="nav-link text-black d-inline-block">Numéro Facture :</li> <b> {{ $payment->ref  }}</b>
                    <li class="nav-link text-black d-inline-block" style="width: 150px;">Numéro de sinistre:</li><b>{{ $dossier->numero_sinistre ?? null }}</b>
                    <li class="nav-link text-black d-inline-block" style="width: 150px;">Date du Sinistre:</li><b>{{ $dossier->date_sinistre ?? null }}</b>
                    <li class="nav-link text-black d-inline-block" style="width: 150px;">Assuré:</li><b>{{ $dossier->insured->name ?? null }}</b>
                    <li class="nav-link text-black d-inline-block" style="width: 150px;">Véhicule:</li><b>{{ $dossier->vehiculemodel->name ?? null }}</b>
                    <li class="nav-link text-black d-inline-block" style="width: 150px;">Matricule:</li><b>{{ $dossier->new_matricule ?? $dossier->matricule }}</b>
                    <li class="nav-link text-black d-inline-block" style="width: 150px;">Police N°:</li><b>{{ $dossier->numero_police ?? null }}</b>
                </ul>
            </div>
        </div>
        <div class="container mt-1">
            <div class="row">
                <div class="col">
                    <div class="container mt-5">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus itaque odit laboriosam asperiores qui,
                            temporibus voluptatem explicabo tempora quo officia! Quos porro saepe unde dignissimos veniam, excepturi
                            amet pariatur omnis?</p>
                    </div>
                    <table>
                        <tr>
                            <th> </th>
                            <th></th>
                            <th></th>
                        </tr>
                        <tr>
                            <td><b>Honoraires</b></td>
                            <td></td>
                            <td>{{ $note->montant }}</td>
                        </tr>

                        <tr>
                            <td><b>Frais de déplacemet</b></td>
                            <td></td>
                            <td>{{ $payment->frais_deplacement ?? null }}</td>
                        </tr>
                        <tr>
                            <td><b>Frais de séjours</b></td>
                            <td></td>
                            <td>{{ $payment->frais_sejour ?? null }}</td>
                        </tr>
                        <tr>
                            <td><b>Frais divers</b></td>
                            <td></td>
                            <td>{{ $payment->frais_divers ?? null }}</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td style="text-align: left; border:1px #000 solid; border-right:none; border-bottom: none;">
                                Totale HT
                            </td>
                            <td style="border:1px #000 solid; border-left:none; border-bottom: none;">
                                {{ $ht ?? null }}
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td style="text-align: left; border-left:1px #000 solid; border-right:none;">
                                TVA
                            </td>
                            <td style="border-right:1px #000 solid; border-left:none;">
                                {{ $tva ?? null }}
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td style="text-align: left; border:1px #000 solid; border-right:none;">
                                Total Général
                            </td>
                            <td style="border:1px #000 solid; border-left:none;">
                                  {{ $ttc ?? null }}
                            </td>
                        </tr>
                    </table>
                    
                </div>
            </div>
        </div>
        <div class="conatiner mt-2 d-block">
            <p><b>EXPERT</b></p>
        </div>
        <div class="conatiner mt-1 d-block">
            <img style="width: 150px;height:80px" src="img/sign.png" alt="">
        </div>
        <br>
        <br>
        <hr>
        <div class="container text-center mt-1" style="text-align: center">
            <p style="margin: 0 auto;">Parc Plaza Bd.Yaakoub Al Mansour lmm.G2 28800 -Mohammedia <br>
                Tél : 052330564-Fax : 0523305672 -E-mail :amea.maroc@gmail.com <br>
                RC:12583 -TP: 39570820-IF:14392431 -CNSS:4472213-ICE:001376800000001 </p>
        </div>
    </div>
</body>
</html>
