@extends('layouts.pdf')

@section('title')
    {{ $extra['module_name']  }}
@endsection
@section('content')

        <style type="text/css" media="all">  
        div[size="A4"]{
            font-family: Verdana,Geneva,sans-serif !important;
            line-height:18px
        }
        h5,h6,p{
            font-family: Verdana,Geneva,sans-serif;
        }
        
      
        .table td{
            border-top:0px;
        }
        table th,table td{
            padding:5px !important;
        }

        .table-sm  td{
            padding:0px 2px  !important;
        }
       
        
        hr{
            margin-top: 0;
            margin-bottom: 0;
        }
        .table td{
            vertical-align: middle
        }
        footer {
            font-size:14px !important;
            position: fixed; 
            bottom: -60px; 
            left: 0px; 
            right: 0px;
            height: 50px; 
            text-align: center;
        }

        #watermark {
            position: fixed;
            top:   35%;
            left:     22%;
            opacity: 0.1;
            color: red;
        }

        #watermark img{
            width:   350px;
            height:   370px;
        }

        .text{
            line-height: 20px;
            font-size: 15px;
        }

        span{
            margin-left: 40px;
        }


        .seller_img_box , .purchaser_img_box {
          border: 1px black solid;
          height: 210px;
          width: 160px;
          margin-bottom: 10px;
        }

        .photo_box{
            text-align: center;
        }

        .photo_label{
          margin-top: 15px!important;
        }

        .seller_purchaser {
            margin-top: 10px!important;
        }
        .seller_purchaser b,.seller_purchaser span{
            font-size: 14px;
        }
        .box{
            margin-left: 30px;
            font-size: 14px !important;
            text-align:justify !important;
            font-family: Verdana,Geneva,sans-serif;
            vertical-align: text-top;
        }
        .space_div{
            margin-top: 100px;
            padding: 20px !important;
        }

    </style>

   
    <script type="text/php">
        if (isset($pdf)) {
            $x = 275;
            $y = 10;
            $text = "";
            $font = null;
            $size = 8;
            $color = array(0,0,0);
            $word_space = 0.0;  //  default
            $char_space = 0.0;  //  default
            $angle = 0.0;   //  default
            $pdf->page_text($x, $y, $text, $font, $size, $color, $word_space, $char_space, $angle);
        }
    </script>
    
    <div size="A4" style="height: auto%;position: relative;page-break-after: never;"> 
        {{-- <div class="space_div">
    &nbsp;
        </div> --}}
        <table style="width:100%">
            <tr>

                <td  style="width: 12%;">
                @if( file_exists((config('settings.company_logo') ) ) )
                    <img style="height: 120px !important; width:120px !important"
                        src="{{ asset( config('settings.company_logo')) }}"
                        alt="">
                @endif
                </td>
                <td class="" >
                    <p style="padding:2px;margin:5px 0px;text-align:center !important;font-size:24px !important">
                        {{ config('settings.company_name')}}
                    </p> 
                    <p  style="padding:2px;text-align:center !important;font-size:16px !important">
                        {{ config('settings.address_1')}}, {{ config('settings.address_2')}}, {{ config('settings.city')}}
                                        </p>
                </td>
                <td style="width: 12%;">
                </td>
            </tr>
        </table>
        
        <div class="" style="padding:0px 20px;">

        <table  style="clear:both;width: 100%">
            <tbody>
                <tr><td class="text-center">
                    <h5><b>Cancellation letter</b></h5>
                    <hr>
                </td></tr>
            </tbody>
        </table>

        <div style="margin-left: 10px;font-size:14px !important">
           
                    
                            <p style="font-size: 20px !important">{!! $content !!}</p> 
                        
           
        </div>
         <table style="font-size:14px;clear:both;width: 100%">
            <tbody>
                <tr><td>&nbsp;</td></tr>
                <tr><td>&nbsp;</td></tr>
                <tr><td>
                        Recovery Officer
                        <br>    
                    </td>
                    <td style="width: 200px">&nbsp;&nbsp;</td>
                    
                    <td>Chief Finance Officer</td>
                </tr>
                <tr>
                    <td>____________________<br>
                    {{ config('settings.company_name')}} <br>
                </td>
                <td style="width: 200px">&nbsp;&nbsp;</td>
                <td>____________________<br>
                    {{ config('settings.company_name')}} <br>
                
                </td>
            </tr>
            </tbody>
        </table> 
    
        

     </div> 

       
    </div>

   
@stop