@extends('layouts.print', ['title' => 'لیست قیمت ها'])

@section('css')
<style type="text/css" >

@font-face{
	font-family:'yekan';
	src:url(/fonts/web_Yekan.woff);
	src:url(/fonts/web_Yekan.eot?#iefix) format("embedded-opentype"),
	url(/fonts/web_Yekan.woff) format("woff"),
	url(/fonts/web_Yekan.ttf) format("truetype"),
	url(/fonts/web_Yekan.svg#BYekan) format("svg");
	font-weight:normal;font-style:normal
}

@font-face {
    font-family:"B Arshia";
    src:url("/fonts/BArshia.eot?") format("eot"),
    url("/fonts/BArshia.woff") format("woff"),
    url("/fonts/BArshia.ttf") format("truetype"),
    url("/fonts/BArshia.svg#BArshia") format("svg");
    font-weight:normal;
    font-style:normal;
}



  body{
    background-color:white !important;
    
      text-align:center;
  }
  .print{
    width:100%;   
    min-height:100%;
    position:relative;
  }
 

  td,th{
      text-align:center !important;
  }

  .alignright{
      text-align:right;

  }
   
    .alignleft{
      text-align:left; 
  }
 
 .table{
     font-size:11px;
     width:100%; 
 }


 th{
     font-size:10px;
     font-weight:normal;
 }
 
 .title-font{
     font-size:12px; 
 }



body {
  background: rgb(204,204,204); 
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm; 
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}
page[size="A4"][layout="portrait"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="portrait"] {
  width: 42cm;
  height: 29.7cm;  
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="portrait"] {
  width: 21cm;
  height: 14.8cm;  
}
@media print {
  body, page { 
    box-shadow: 0;
  }
   
    body {-webkit-print-color-adjust: exact;}
 
     .Watermark{ 
        background-image: url('/img/print-wm.png') !important;
        background-repeat: no-repeat!important; 
        background-position: center!important; 
        width: 100%;
        height: 100%; 
        position: absolute;
        opacity: 0.2;
        z-index:999;
    }

    

}
    .Watermark{ 
        background-image: url('/img/print-wm.png') !important;
        background-repeat: no-repeat!important; 
        background-position: center; 
        width: 100%;
        height: 100%; 
        position: absolute;
        opacity: 0.2;
        z-index:999;
    }


    .yekan{
        font-family: yekan, "B Koodak", "X Koodak", "Koodak", Arial;
    }

    .arshia{
       font-family:  "B Arshia", "B Koodak", "X Koodak", "Koodak", Arial;
    }

     .sans-serif{
        font-family: sans-serif, Arial;
     }

    h3{
        font-size: 24px !important;
    }

    h5{
        font-size: 18px !important;
    }

    .logo{
        width: 95px;
        margin-top: 10px;
        margin-left: 35px;
    }

    .contact{
        width: 125px;
        margin-top: 10px;
        margin-right: 63px;
    }

    .footer{
        color:blue;
        text-align:center;
        font-family: yekan, "B Koodak", "X Koodak", "Koodak", Arial;
        padding: 0px 30px;
    }

    .red{
        color:Red !important;
    }

    .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 {
        border: 1px solid #000;
    }

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 4px; 
    }
</style>

@stop

@section('content')
 
@for($page = 1 ; $page <=$count_page ; $page++ )

    <page  size="A4">
        <div class="print" >  
        <div class="Watermark"></div>
            <div class="row">
                <div  class="col-xs-4">
                    <img src="/img/print-logo.png" class="logo" alt="">
                </div>
                <div  class="col-xs-4">
                    <h3 class="yekan">لیست قیمت محصولات</h3>
                    <h5 class="yekan"> {{ $group_data->title  }}</h5>
                </div>
                <div  class="col-xs-4 alignright">
                    <img src="/img/print-contact.png" class="contact" alt="">
                </div>
            </div>
    
            <div class="row">
                <div  class="col-xs-12">
                    @if(count($data)==0)
                    <div class="alert alert-info" role="alert">
                    اطلاعاتی برای نمایش دادن وجود ندارد.
                    </div>
                    @else
                    <table class="table table-bordered">
                        <tr> 
                            <th>ردیف</th>   
                            <th>نام کالا</th>  
                            <th>توضیحات</th>
                            <th>گارانتی</th>  
                            <th>کشور سازنده</th>  
                            <th>قیمت (تومان)</th>   
                        </tr>
                        @php   
                            $c = 0;  
                            for($r = $num ; $r <  count($data) ; $r++ ){ 
                                $c++;
                                if($c == $pre_page ) break;
                                $num++;
                                $item = $data[$r]; 
                        @endphp
                            <tr>  
                                <td>{{ $num }}</td>    
                                <td class="title-font"  style="{{ (mb_strlen($item->title) > 65 ? 'font-size: 10px;' : '' ) }}" >{{ ($item->availability == 0 ? '*' : '' ) }} {{ $item->title }}</td>   
                                <td class="title-font" style="{{ (mb_strlen($item->description) >65 ? 'font-size: 10px;' : '' ) }}" >{{ $item->description }}</td>   
                                <td>{{ $item->Category->getGuarantee($item->id) }}</td>   
                                <td>{{ $item->Category->getCountry($item->id) }}</td>
                                <td>{{ number_format( $item->amount ,0, '', ',') }}</td>    
                            </tr>
                        @php } @endphp
                    </table> 
                    @endif
                  
                </div>
            </div>

            <div class="row footer">
                <div class="col-xs-6 alignright"  >
                    <span class="red">توجه: </span>
                    <span>امکان تغییر قیمت در هر زمان وجود دارد.</span>
                </div>
                <div class="col-xs-6 alignleft"  >
                    <span>دفتر مرکزی:</span>
                    <small>ابتدای بزرگراه فتح، شهرک نصر، بلوک H ، طبقه اول، پ  144</small>
                </div>

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

@endfor
@stop