<!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"
        integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
</head>
<style>
    .img {
        height: 140px;
        width: auto;
        /* object-fit: contain; */
        padding: 30px;
        /* background-size: cover; */
        /* background-repeat: no-repeat */
    }

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

    td,
    th {
        border: 1px solid #000;
        text-align: left;
        padding: 8px;
    }
</style>

<body>
    <div style="height: 100px; width: auto;">
        <img src="img/amea2.png" style="height: 70px; width: auto;"/>
    </div>
    <div class="container-fluid m-0 p-0">
        <div class="row" style="text-align: center; margin:5px 0 10px 0;">
            <div style="border: 1px #000 solid;width:300px; margin:0 0 25px 200px; padding:5px;text-decoration: underline;">
                AVIS DES DOMMAGES <br>
                DEPASSEMENT DU PLAFOND CID
            </div>
        </div>
        <div class="row flex-column float-end mt-3">
            <div class="nav-link text-black">
                <p>{{ $dossier->city->city ?? null }} LE {{ $today->toDateTimeString()}}</p>
            </div>
            <div class="nav-link text-black">
                <p>Assurance:{{ $dossier->company->company }}</p>
                <p></p>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col">
                <ul class="nav flex-column">
                    <li class="nav-link text-black">Nos référence :<span> {{ $dossier->ref }}</span></li>
                    <li class="nav-link text-black">Sinistre N°: <span>{{ $dossier->numero_sinistre }}</span></li>
                    <li class="nav-link text-black">Date du Sinistre :<span>{{ $dossier->date_sinistre }}</span></li>
                </ul>
            </div>
        </div>
        <div class="container mt-5">
            <div class="row">
                <div class="col">
                    <table>
                        <tr>
                            <th></th>
                            <th>ASSURE</th>
                            <th>ADVERSAIRE</th>
                        </tr>
                        <tr>
                            <td>Nom</td>
                            <td>{{ $dossier->insured->name ?? null }}</td>
                            <td>{{ $dossier->opponent->name ?? null }}</td>

                        </tr>
                        <tr>
                            <td>Vehicule</td>
                            <td>{{ $dossier->vehiculemodel->brand->brand ?? null }}</td>
                            <td>{{ $dossier->opponent->vehiculemodel->brand->brand ?? null }}</td>
                        </tr>
                        <tr>
                            <td>Immatriculation</td>
                            <td>{{ $dossier->matricule ?? $dossier->new_matricule  }}</td>
                            <td>{{ $dossier->opponent->matricule ?? null }}</td>
                        </tr>
                        <tr>
                            <td>CIE</td>
                            <td>{{ $dossier->company->company ?? null }}</td>
                            <td>{{ $dossier->opponent->company->company ?? null }}</td>
                        </tr>
                        <tr>
                            <td>Police</td>
                            <td>{{ $dossier->numero_police ?? null }}</td>
                            <td>{{ $dossier->opponent->numero_attestation ?? null }}</td>
                        </tr>
                        <tr>
                            <td>Telephone</td>
                            <td>{{ $dossier->insured->telephone ?? null }}</td>
                            <td>{{ $dossier->opponent->telephone ?? null }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="container mt-5">
            <p> Nous portons à votre connaissance que le car précité a été expertisé par nos soins.
                Les dégats de ce dernier dépasseraient les 20 000,00 DHS.
                Aussi, dans le cadre de la C.I.D. nous vous avisons de cela et restons à votre entière disposition.
                Veuillez agréer nos sentiments les plus distingués</p>
        </div>
        <div class="container mt-5 d-block">
            <p class="float-end" style="text-decoration: underline;">L'EXPERT</p>

        </div>

        <div class="container mt-5 d-block">
                     <img src="img/sign.png" style="height:auto; width:150px;float:right">

            <p>NB: -Véhicule à: Mohammedia</p>


        </div>

        <br>

        <hr>

        <div class="container text-center mt-5" 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>
