@extends('admin.master')
@section('home')
    <link rel="stylesheet" media="print" href="{{ asset('/') }}public/admin/assets/css/bootstrap.min.css"/>


    

    <section class="mr-report">
        <section class="mr-report-heading">
            <div class="row col-12">
                <div class="col-10">
                    <h2>Marine Cover Note Report</h2>
                </div>
                <div class="col-2" style="text-align: right;">
                    {{-- <a href="{{ route('covernote-report-pdf', ['id' => $report->id]) }}"
                    class="btn btn-danger btn-sm "> Download PDF </a> --}}
                    <button class="btn btn-primary btn-sm " onclick="PrintDiv()">Print</button>
                </div>
            </div>
        </section>
        <hr>

        <section class="mr-report-body container" id="print_div" style="font-family: arial !important; font-size: 12px !important;">

            <div style="width: 100%; clear: both; padding-bottom: 5px; font-family: arial !important; font-size: 12px !important;">
                <div class="" style="width: 48.5%;float: left;">
                    <div style="font-family: arial !important; font-size: 12px !important; width: 100%;min-height: 135px;border: 1px solid #000;border-radius: 15px;">
                        <p style="text-align: center;border-bottom: 1px solid #000;">Issuing Office</p>
                        <p style="text-align: center;margin-bottom: 0;">Khatungonj Branch</p>
                        <p style="text-align: center;">
                            Bank Asia Building (3rd Floor) 273/268, Khatungonj, Chattogram.
                            Phone : 031-627151, 01712268771.
                            E-mail: iciccltd@gmail.com, mozammel90ctg@gmail.com
                        </p>
                    </div>
                </div>
                <div class="" style="width: 48.5%;float: right;">
                    <div style="font-family: arial !important; font-size: 12px !important; width: 100%;min-height: 100px;border: 1px solid #000;border-radius: 15px;">
                        <table style="width: 100%;border: 0;border-collapse: collapse;">
                          <tbody style="font-family: arial !important; font-size: 12px !important;">
                            <tr>
                                <td style="text-align: left; padding: 4px 5px 3px 6px;border: 1px solid #000;border-top: 0;border-left: 0;">Marine @ {{ $report->marine_rate }} %</td>
                                <td style="padding: 4px 5px 3px 6px ;border: 1px solid #000;border-top: 0;text-align: center;">TK</td>
                                <td style="padding: 4px 5px 3px 6px;border: 1px solid #000;border-top: 0;border-right: 0;text-align: right;">{{ MoneyFormatBdt::taka_format($report->marine_value) }}</td>
                            </tr>
                            <tr>
                                <td style="text-align: left; padding: 4px 5px 3px 6px; border: 1px solid #000;border-left: 0;">WAR & SRCC @ @if(!empty($report->war_rate)){{$report->war_rate}} % @else 0.00 % @endif</td>
                                <td style="padding: 4px 5px 3px 6px; border: 1px solid #000;text-align: center;">TK</td>
                                <td style="padding: 4px 5px 3px 6px; border: 1px solid #000;border-right: 0;text-align: right;">@if($report->war_value == 0){{$report->war_value}}  @else {{MoneyFormatBdt::taka_format($report->war_value) }} @endif</td>
                            </tr>
                            <tr>
                                <td style="text-align: left; padding: 4px 5px 4px 6px; border: 1px solid #000;border-left: 0;">Net Primium</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;text-align: center;">TK</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;border-right: 0;text-align: right;">{{MoneyFormatBdt::taka_format($report->premium) }}</td>
                            </tr>
                            <tr>
                                <td style="text-align: left; padding: 4px 5px 4px 6px; border: 1px solid #000;border-left: 0;">Vat @ {{round($report->vat_rate)}} %</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;text-align: center;">TK</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;border-right: 0;text-align: right;">{{$report->vat_value}}</td>
                            </tr>
                            <tr>
                                <td style="text-align: left; padding: 4px 5px 4px 6px; border: 1px solid #000;border-left: 0;">Stamp Duty</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;text-align: center;">TK</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;border-right: 0;text-align: right;">{{ MoneyFormatBdt::taka_format($report->stamp_duty) }}</td>
                            </tr>
                            <tr>
                                <td style="text-align: left; padding: 4px 5px 4px 6px; border: 1px solid #000;border-left: 0;border-bottom: 0;">Grand Total</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;border-bottom: 0;text-align: center;">TK</td>
                                <td style="padding: 4px 5px 4px 6px; border: 1px solid #000;border-bottom: 0;border-right: 0;text-align: right;">{{ MoneyFormatBdt::taka_format($report->grand_total) }}</td>
                            </tr>
                          </tbody>
                        </table>
                    </div>
                </div>
                <div style="clear: both;"></div>
            </div>
            <div class="row" style="display: none;">
                    <div class="col-6" style="border-radius: 15px; overflow: hidden;">
                        <table class="table table-bordered" style="border-collapse: collapse;">
                            <thead>
                            <tr>
                                <th><p>Issuing Office</p></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><p>Khatungonj Branch<br>
                                        Bank Asia Building (3rd Floor) 273/268, Khatungonj, Chattogram.
                                        Phone : 031-627151, 01712268771.
                                        E-mail: iciccltd@gmail.com, mozammel90ctg@gmail.com</p></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-6">
                        <table style="width: 100%;border-collapse: collapse;" class="table table-bordered">
                            <tr>
                                <th style="">Marine @ {{ $report->marine_rate }} %</th>
                                <td style="border-top: 0;">TK</td>
                                <td style="border-top: 0;">{{ MoneyFormatBdt::taka_format($report->marine_value) }}</td>
                            </tr>
                            <tr>
                                <th style="">WAR & SRCC</th>
                                <td>TK</td>
                                <td>{{MoneyFormatBdt::taka_format($report->war_value) }}</td>
                            </tr>
                            <tr>
                                <th style="">Net Primium</th>
                                <td>TK</td>
                                <td>{{MoneyFormatBdt::taka_format($report->premium) }}</td>
                            </tr>
                            <tr>
                                <th style="">Stamp Duty</th>
                                <td>TK</td>
                                <td>{{ MoneyFormatBdt::taka_format($report->stamp_duty) }}</td>
                            </tr>
                            <tr>
                                <th>Grand Total</th>
                                <td>TK</td>
                                <td>{{ MoneyFormatBdt::taka_format($report->grand_total) }}</td>
                            </tr>

                        </table>
                    </div>
            </div>


            <div style="width: 100%; margin-top: 10px;">
                <div style="clear:both; width: 100%;">
                    <div style="width:70%; float:left">
                        <p style="margin:0; font-size: 16px;">Marine Cover Note No: {{ $report->cn_number }}</p>
                    </div>

                    <div style="width:30%; float:right; text-align:right">
                        <p>Date:01/01/1970</p>
                    </div>
                    <div style="clear:both">

                    </div>
                </div>

                <p style="margin:0; text-align:justify">
                    Subject to the Clauses and Conditions of the Company's Marine Cargo Policy Form in use at the time
                    of Shipment or despatch and to the causes and conditions of cover specified in the schedule hereto
                    to this Cover Note is effected for the period of Cover stated below to insure for thevoyage and/or
                    transits stated the interest specified herein shipped and/or despatched within the limits of this
                    Cover Note either by or for accountof the such interest being acquired or the Insurance of which is
                    in the Insured's hands or under the Insured's control as selling and/or purchasingagent. This Cover
                    Note does not cover the interest of any other person or persons.
                </p>

            </div>
            <div style="width: 100%; margin-top: 10px;">
                <div style="width: 100%; border: 1px solid black;  background-color: #d8d8d8">
                    <p style="text-align: center; margin: 5px 0 5px 0; font-size: 18px;">|| THE SCHEDULE ||</p>
                </div>
                <div style="width: 100%; border: 1px solid black; margin-top: -1px;">
                  <div style="width: 18%; float: left;">
                    <p class="m2 p2">The Insured & Address</p>
                  </div>
                  <div style="width: 2%; float: left;">
                    <p class="m2 p2">:</p>
                  </div>
                  <div style="width: 80%; float: left;">
                    <p class="m2 p2">{{ $report->bank_name }}, {{ $report->branch }}, {{ $report->bank_address }}, {{ $report->client_name }}, {{ $report->client_address }}</p>
                  </div>
                  <div style="clear: both;">

                  </div>
                </div>
                <div style="width: 100%; border: 1px solid black; margin-top: -1px;">
                  <div style="width: 18%; float: left;">
                    <p class="m2 p2">Interest Covered</p>
                  </div>
                  <div style="width: 2%; float: left;">
                    <p class="m2 p2">:</p>
                  </div>
                  <div style="width: 80%; float: left;">
                    <p class="m2 p2">{{ $report->interest_covered }}</p>
                  </div>
                  <div style="clear: both;">

                  </div>
                </div>
                <div style="width: 100%; border: 1px solid black; margin-top: -1px;">
                  <div style="width: 18%; float: left;">
                    <p class="m2 p2">In Transit By</p>
                  </div>
                  <div style="width: 2%; float: left;">
                    <p class="m2 p2">:</p>
                  </div>
                  <div style="width: 80%; float: left;">
                    <p class="m2 p2">Per any steamer or power-vessel as per Institute Classification Clause and/ or conveyance by road and/or rail and/orapproved aircraft and/or post parcel to be declared By @if ($report->transit_by == 1) STREAMER @elseif($report->transit_by == 2) Lory . @endif</p>
                  </div>
                  <div style="clear: both;">

                  </div>
                </div>
                <div style="width: 100%; border: 1px solid black; margin-top: -1px;">
                  <div class="" style="width:100%;">
                      <div style="width: 18%; float: left;">
                        <p class="m2 p2">Voyage From</p>
                      </div>
                      <div style="width: 2%; float: left;">
                        <p class="m2 p2">:</p>
                      </div>
                      <div style="width: 80%; float: left;">
                        <p class="m2 p2">{{ $report->voyage_from }}  To {{ $report->voyage_to }} Via</p>
                      </div>
                      <div style="clear: both;">

                      </div>
                      <div style="width: 18%; float: left;">
                        <p class="m2 p2">Amount Insured</p>
                      </div>
                      <div style="width: 2%; float: left;">
                        <p class="m2 p2">:</p>
                      </div>
                      <div style="width: 68%; float: left;">
                        <p class="m2 p2">@if($report->currency == 'us') US$ @elseif($report->currency == 'eur') EUR @elseif($report->currency == 'bdt') BDT @endif {{ MoneyFormatBdt::taka_format($report->sum_insured) }}  + @if($report->extra != 0 ) {{$report->extra}} % @endif   @ TK {{ $report->rate }} = TK {{ MoneyFormatBdt::taka_format($report->amount) }}</p>
                      </div>
                      <div style="width: 12%; float: left; font-size: 11px !important;">
                        <p style="text-align: center; border-bottom: 1px solid black;">as arranged & or</p>
                      </div>
                      <div style="clear: both;">

                      </div>
                      <div style="width: 18%; float: left;">
                        <p class="m2 p2">Amount In Word</p>
                      </div>
                      <div style="width: 2%; float: left;">
                        <p class="m2 p2">:</p>
                      </div>
                      <div style="width: 68%; float: left;">
                        <p class="m2 p2">