<style>
    .accident-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
    }
    .accident-table th, .accident-table td {
        border: 1px solid #000;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
    }
    .header-title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .signature-img {
        height: 30px;
        display: block;
        margin: 0 auto;
    }
</style>

<div class="header-title">驾驶员安全行车事故记录</div>

<table class="accident-table">
    <colgroup>
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 20%;" />
        <col style="width: 5%;" />
        <col style="width: 5%;" />
        <col style="width: 5%;" />
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 8%;" />
        <col style="width: 9%;" />
    </colgroup>
    <thead>
    <tr>
        <th colspan="2">驾驶员姓名</th>
        <th colspan="10" style="text-align: left; padding-left: 20px;">$!{driverName}</th>
    </tr>
    <tr>
        <th>事故时间</th>
        <th>车牌号</th>
        <th>事故地点</th>
        <th>事故简要经过及原因</th>
        <th>死亡人数</th>
        <th>重伤人员</th>
        <th>轻伤人数</th>
        <th>经济损失(元)</th>
        <th>结案时间</th>
        <th>处理结果</th>
        <th>责任人签名</th>
        <th>备注</th>
    </tr>
    </thead>
    <tbody>
    #foreach($item in $accidents)
    <tr>
        <td>$!{item.accidentTime}</td>
        <td>$!{item.plateNumber}</td>
        <td>$!{item.occurLocation}</td>
        <td style="text-align: left;">$!{item.mainCause}</td>
        <td>$!{item.deathToll}</td>
        <td>$!{item.numberSeriouslyInjured}</td>
        <td>$!{item.numberMinorInjuries}</td>
        <td>$!{item.economicLoss}</td>
        <td>$!{item.caseClosingTime}</td>
        <td>$!{item.divisionResponsibilities}</td>
        <td>
            #if($item.signatureUrl)
            <img src="$!{item.signatureUrl}" class="signature-img" />
            #end
        </td>
        <td>$!{item.remark}</td>
    </tr>
    #end
    #if($accidents.size() == 0)
    <tr>
        <td colspan="12">暂无事故记录</td>
    </tr>
    #end
    </tbody>
</table>
