@extends('templates.default.layouts.default')

@section('content')
    <style type="text/css">
    .cupons-box::before {display:none;}
    .cupon-fixture {
        position: static;
        top: auto;
    }
    </style>
    <div class="cupons-box" style="background:#fff;">
        <div class="cupons-box-inner">
            <div class="cupon-item" style="height: auto;">
                <div class="cupon-title">
                    <h4>{{$restaurant->title}} - <span class="city">{{$restaurant->getCity()->name}}</span></h4>
                </div>
                <div class="cupon-content clearfix">
                    <div class="cupon-img">
                        <img src="{{ asset('uploads/'.$coupon->image) }}"/>
                    </div>
                    <div class="cupon-text" style="width: 400px;">
                        <h3>{{ $coupon->title }}</h3>
                        <div class="cupon-info">
                            <p>קוד קופון: {{ $coupon->code }}</p>
                            <p>בתוקף עד: {{ date('d.m.Y', $coupon->exp_date) }}</p>
                        </div>
                    </div>
                    <div class="pull-right">
                        <img src="{{ asset('uploads/'.$certification->thumbnail) }}" width="109" id="certification-img" />
                    </div>
                </div>
				<div class="cupon-content-restaurant-details">
					<div><label>כתובת המסעדה:</label> {{$restaurant->address}}, {{$restaurant->city->name}}</div>
					<div><label>טלפון:</label> {{$restaurant->phone}}</div>
				</div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <script>
        $(window).on("load", function() {
            window.print();
        });
    </script>
@endsection