@extends('admin.master')
@section('home')


    <div class="col-md-12">
        <div class="text-right">
            <button class="btn btn-primary btn-sm" onclick="PrintDiv()">Print</button>
        </div>
        <div class="row" id="print_div" style="font-family: arial !important; font-size: 10px !important;">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-3"></div>
                    <div class="col-md-6">
                        <h5 class="text-center">FORM "GA"</h5>
                        <p class="text-center" style="margin-bottom: -5px;">(Chapter 9 & 10(1))</p>
                        <p class="text-center" style="margin-bottom: -5px;">Islami Commercial Insurance Co. Ltd.</p>
                        <p class="text-center" style="margin-bottom: -5px;">City Center (Level-16), 90/1, Motijheel, C/A, Dhaka-1000</p>
                        <p class="text-center" style="margin-bottom: -5px;"><u>VAT Registration No : 002410528-0202 Area Code : 190303</u></p>
                    </div>
                    <div class="col-md-3">
                        {{-- <div class="text-right">
                            <a href="{{ route('form-ga-pdf-download', ['id' => $formGa->id]) }}"
                                class="btn btn-danger btn-sm ">Download PDF</a>
                        </div> --}}

                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-3"></div>
                    <div class="col-md-6">
                        <h5 class="text-center" style="margin-top: 20px;">Certified</h5>

                    </div>
                    <div class="col-md-3"></div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-3">
                        <p><b>Marine Cover Note No.:</b></p>
                    </div>
                    <div class="col-5" style="margin-left: -40px">
                      <p>{{ $formGa->cn_number }}</p>
                    </div>
                    <div class="col-4">
                        <p class="text-right">Date: {{ date("d/m/Y", strtotime($formGa->date)) }}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <table class="table-bordered" style="width: 100%; height:100%; font-size: 11px;">
                        <thead>
                            <tr style="text-align: center;">
                                <td style="width: 20%">Name & Address of the Insured</td>
                                <td style="width: 14%">VAT / TIN No</td>
                                <td style="width: 16%">Interest Covered</td>
                                <td style="width: 15%">Insured Amount</td>
                                <td style="width: 15%">Premium</td>
                                <td style="width: 10%">Amount of VAT</td>
                                <td style="width: 10%">Remarks</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr style="height: 200px; vertical-align: top; text-align: left;">
                                <td>{{ $formGa->bank_name }}.,
                                    {{ $formGa->branch }}.,<br>
                                    {{ $formGa->bank_address }} <br>
                                    {{ $formGa->client_name }} <br>
                                    {{ $formGa->client_address }} <br><br><br>
                                    MR.NO: {{ $formGa->mr_no }}.<br> MR.Date: {{ date('d/m/Y',strtotime($formGa->date)) }}
                                </td>
                                <td>
                                  002410528-0202
                                </td>
                                <td>
                                  {{ $formGa->interest_covered }}
                                </td>
                                <td>
                                  @if ($formGa->currency == 'us') US$
                                      {{ MoneyFormatBdt::taka_format($formGa->sum_insured) }} + @if($formGa->extra !=0) {{$formGa->extra}} @endif <br> @ {{ $formGa->rate }} <br>
                                      TK ={{ MoneyFormatBdt::taka_format($formGa->amount) }}
                                  @elseif($formGa->currency == 'eur') €
                                  {{ MoneyFormatBdt::taka_format($formGa->sum_insured) }} + @if($formGa->extra !=0) {{$formGa->extra}} @endif
                                      <br> @ {{ $formGa->rate }} <br> TK = {{ MoneyFormatBdt::taka_format($formGa->amount) }}
                                  @elseif($formGa->currency == 'bdt') TK {{ MoneyFormatBdt::taka_format($formGa->sum_insured) }} +
                                    @if($formGa->extra !=0) {{$formGa->extra}} @endif  <br> @ {{ $formGa->rate }} <br> TK = {{ MoneyFormatBdt::taka_format($formGa->amount) }}
                                  @endif
                                </td>
                                <td>
                                  <div class="row" style="margin-left: -10px !important;">
                                    <div class="col-6 mr-0 pr-0" style="margin-right: 0 !important; padding-right: 0 !important">
                                      <p style="text-align:left">Net Premium</p>
                                    </div>
                                    <div class="col-6 ml-0 pl-0" style="margin-left: 0 !important; padding-left: 0 !important;">
                                      <p style="text-align: right;">{{ MoneyFormatBdt::taka_format($formGa->premium) }}</p>
                                    </div>
                                    <div class="col-6 mr-0 pr-0" style="margin-right: 0 !important; padding-right: 0 !important;">
                                      <p style="text-align:left">Grand Total</p>
                                    </div>
                                    <div class="col-6 ml-0 pl-0" style="margin-left: 0 !important; padding-left: 0 !important;">
                                      <p style="text-align: right;">{{ MoneyFormatBdt::taka_format($formGa->grand_total) }}</p>
                                    </div>
                                  </div>
                                </td>
                                <td> <p style="text-align:right;">{{ MoneyFormatBdt::taka_format($formGa->vat_value) }}</p></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="col-md-12 mt-3">
                <div class="row">
                    <div class="col-md-6">
                        <p class="text-left">The insured has paid Tk. <d>{{ MoneyFormatBdt::taka_format($formGa->vat_value) }}</d> as VAT on Net
                            Premium
                        </p>
                    </div>
                    <div class="col-md-3">


                    </div>
                    <div class="col-md-3">

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

            <div style="width: 100%; margin-top: 50px;">
              <div style="width: 85%; float: left;">
                &nbsp;
              </div>
              <div style="width: 10%; float: left;">
                  <p  style="border-top:1px dotted #000; text-align: center;">Seal And Signature</p>
              </div>
              <div style="clear:both;"></div>
            </div>
        </div>
    </div>
    <script>
        function PrintDiv() {
            var divToPrint = document.getElementById('print_div');
            var popupWin = window.open('', '_blank', 'width=900,height=1200');
            popupWin.document.open();
            popupWin.document.write(
                '<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link href="{{ asset('/') }}public/admin/assets/css/bootstrap.min.css" rel="stylesheet" media="screen,print"><style>@page{size:auto;}</style></head><body onload="window.print()" style="font-family: arial !important; font-size: 12px !important;">' +
                divToPrint.innerHTML + '</html>');
            popupWin.document.write('<style>\n' +
            'd {\n' +
            'border-bottom: 1px dotted black;\n'+
            '}\n' +

            'h1,\n' +
            'h2,\n' +
            'h3,\n' +
            'h4,\n' +
            'h5,\n' +
            'h6 {\n' +
            'margin-top: 0;\n' +
            'margin-bottom: .5rem;\n' +
            '}\n' +

            'p {\n' +
            'margin-top: 5px;\n' +
            'margin-bottom: 5px;\n' +
            '}\n' +

            '.row {\n' +
            'display: -webkit-box;\n' +
            'display: -ms-flexbox;\n' +
            'display: flex;\n' +
            '-ms-flex-wrap: wrap;\n' +
            'flex-wrap: wrap;\n' +
            // 'margin-right: -15px;\n' +
            // 'margin-left: -15px;\n' +
            '}\n' +

            '.border {\n' +
            'border: 1px solid black !important;\n' +
            '}\n' +

            '.container {\n' +
            'width: 100%;\n' +
            'padding-right: 10px;\n' +
            'padding-left: 10px;\n' +
            'margin-right: auto;\n' +
            'margin-left: auto;\n' +
            'font-size: 12px !important;\n' +
            'margin-top: 120px;\n' +
            '}\n' +

            '.flex-wrap { \n' +
            '-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;\n' +
            '}\n' +

            '.d-flex { \n' +
            'display: -webkit-box !important; \n' +
            'display: -ms-flexbox !important;\n' +
            'display: flex!important;\n' +
            '}\n' +

            '.col,\n' +
            '.col-1,\n' +
            '.col-10,\n' +
            '.col-8,\n' +
            '.col-9,\n' +
            '.col-11,\n' +
            '.col-12,\n' +
            '.col-2,\n' +
            '.col-3,\n' +
            '.col-4,\n' +
            '.col-5,\n' +
            '.col-6,\n' +
            '.col-7,{\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n ' +

            '.col{\n' +
            '-ms-flex-preferred-size: 0;\n' +
            'flex-basis: 0;\n' +
            '-webkit-box-flex: 1; \n' +
            '-ms-flex-positive: 1;\n' +
            'flex-grow: 1;\n' +
            'max-width: 100%\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-auto {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 auto;\n' +
            'flex: 0 0 auto;\n' +
            'width: auto;\n' +
            'max-width: none;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-1 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 8.333333%;\n' +
            'flex: 0 0 8.333333%;\n' +
            'max-width: 7.333333%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-2 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 16.666667%;\n' +
            'flex: 0 0 16.666667%;\n' +
            'max-width: 8.666667%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-3 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 25%;\n' +
            'flex: 0 0 25%;\n' +
            'max-width: 22%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-4 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 33.333333%;\n' +
            'flex: 0 0 33.333333%;\n' +
            'max-width: 29.333333%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-5 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 41.666667%;\n' +
            'flex: 0 0 41.666667%;\n' +
            'max-width: 38.666667%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-6 {\n' +
            '-webkit-box-flex: 0;\n' +
            'ms-flex: 0 0 50%;\n' +
            'flex: 0 0 50%;\n' +
            'max-width: 45%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-7 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 58.333333%;\n' +
            'flex: 0 0 58.333333%;\n' +
            'max-width: 58.333333%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-8 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 66.666667%;\n' +
            'flex: 0 0 66.666667%;\n' +
            'max-width: 66.666667%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-9 {\n' +
            '-webkit-box-flex: 0; \n' +
            '-ms-flex: 0 0 75%;\n' +
            'flex: 0 0 75%;\n' +
            'max-width: 70%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-10 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 83.333333%;\n' +
            'flex: 0 0 83.333333%;\n' +
            'max-width: 83.333333%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-11 {\n' +
            '-webkit-box-flex: 0;\n' +
            '-ms-flex: 0 0 91.666667%;\n' +
            'flex: 0 0 91.666667%;\n' +
            'max-width: 91.666667%;\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +

            '.col-12 {\n' +
            '-webkit-box-flex: 0; \n' +
            '-ms-flex: 0 0 100% ;\n' +
            'flex: 0 0 98% ;\n' +
            'max-width: 100%\n' +
            'position: relative !important;\n' +
            'width: 100% !important;\n' +
            'min-height: 1px !important;\n' +
            'padding-right: 10px !important;\n' +
            'padding-left: 10px !important;\n' +
            '}\n' +
                '.table thead tr th,.table tr td{\n' +
                '        border: 1px solid black !important;\n' +
                '        text-align: center !important;\n' +
                '    }\n' +
                '.value{\n' +
                '        font-size: 12px !important;\n' +
                '    }\n' +
                '.line_height{\n' +
                '        line-height: 1.00 !important;\n' +
                '        font-size: 12px !important;\n' +
                '    }\n' +
                '.table_line_height{\n' +
                '        line-height: 1.0 !important;\n' +
                '    }\n' +
                '.border_remove{\n' +
                '       border-top: 1px solid white !important;\n' +
                '       border-left: 1px solid white !important;\n' +
                '       border-right: 1px solid white !important;\n' +
                '    }\n' +
                '.display_none{\n' +
                '       display: none !important;\n' +
                '    }\n' +
                '.no_m {\n' +
                '        margin: 0 !important;\n' +
                '    }\n' +
                '\n' +
                '    .no_p {\n' +
                '        padding: 0 !important;\n' +
                '    }\n' +
                '\n' +
                '    .center {\n' +
                '        text-align: center !important;\n' +
                '    }\n' +
                '    .fb{\n' +
                '        font-weight: bold;\n' +
                '    }\n' +
                '    .table_head {\n' +
                '        font-size: 12px !important;\n' +
                '        font-weight: bold !important;\n' +
                '    }\n' +
                '    .fs {\n' +
                '        font-size: 12px !important;\n' +
                '    }\n' +
                '    .table_div {\n' +
                '        min-height: 250px;\n' +
                '    }\n' +
                '    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {\n' +
                '        border: 1px solid black !important;\n' +
                '    }\n' +
                '</style>');
            popupWin.document.close();
        }

    </script>
@endsection