@extends('core::layouts.master')
@section('breadcrumb')
<a class="text-grey-50" href="{{ route('admin.warranty.index') }}">Quản lý bảo hành</a> / Cập nhật bảo hành
@endsection
@section('head-action')
	<li>
		<div style="padding:5px 0px 5px 5px">
			<a class="btn btn-default" id="printWarranty">In hóa đơn</a>
		</div>
	</li>
	{{ Form::bsNavBtnSubmit('Lưu','warranty-form') }}
@endsection
@section('content')
	{!! Form::open([
        'method' => 'PUT',
        'route'  => ['admin.warranty.update', @$warranty['id']],
        'id' => 'warranty-form'
    ]) !!}
    @include('warranty::form')
    {!! Form::close() !!}
    <div style="position: absolute; top: 0; bottom: 0px; left: 0; right: 0; z-index: 9999; background-color: #fff; padding: 50px 100px; display: none;">
	    <div id="printDivWarranty" style="width: 100%; max-width: 900px; margin:0 auto;">
	    	<p style="font-size: 12px;">
                <img src="{{@$_SERVER['STORAGE_URL']}}/{{@$_SERVER['STORAGE_ID']}}/{{ Setting::get('logo') }}" style="float: left; margin-right: 10px; height: 60px;">
                <strong>{{ Setting::get('website_name') }}</strong><br>
                Địa chỉ: {{ Setting::get('address') }}<br>
                Email: {{ Setting::get('email') }} | Website: {{ $_SERVER['SERVER_NAME'] }}<br>
                Hotline: {{ Setting::get('phone') }}
            </p>
	    	<center><h1>Biên Nhận Bảo Hành Và Sửa Chữa</h1></center>
	    	<div class="row">
	    		<div class="col-xs-12 col-sm-12 col-md-6">
			    	<div class="panel panel-default">
			    		<div class="panel-heading">
							<h6 class="panel-title">Thông tin khách hàng</h6>
						</div>
				    	<div class="panel-body">
					        <table class="table">
					            <tbody>
					                <tr>
					                    <th>Khách hàng:</th>
					                    <td>{{@$warranty['fullname']}}</td>
					                </tr>
					                <tr>
					                    <th>Email:</th>
					                    <td>{{@$warranty['email']}}</td>
					                </tr>
					                <tr>
					                    <th>Số điện thoại:</th>
					                    <td>{{@$warranty['phone']}}</td>
					                </tr>
					                <tr>
					                    <th>Địa chỉ:</th>
					                    <td>{{@$warranty['address']}}, {{@$warranty['district']}}, {{@$warranty['province']}}</td>
					                </tr>
					                <tr>
					                    <th>Loại dịch vụ:</th>
					                    <td>
					                    	<input type="checkbox" /> Bảo hành
					                    	<input type="checkbox" /> Sửa chữa
					                    </td>
					                </tr>
					            </tbody>
					        </table>
					    </div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-6">
			    	<div class="panel panel-default">
			    		<div class="panel-heading">
							<h6 class="panel-title">Thông tin biên nhận</h6>
						</div>
				    	<div class="panel-body">
					        <table class="table">
					            <tbody>
					                <tr>
					                    <th width="100px">Mã bảo hành:</th>
					                    <td>{{$warranty['warranty_code']}}</td>
					                </tr>
					                <tr>
					                    <th>Ngày nhận:</th>
					                    <td>{{$warranty['received_date']}}</td>
					                </tr>
					                <tr>
					                    <th>Trạng thái:</th>
					                    <td>{{\Warranty::WARRANTY_STATUS[$warranty['status']]}}</td>
					                </tr>
					                <tr>
					                    <th>Thanh toán:</th>
					                    <td>{{\Warranty::PAYMENT_STATUS[$warranty['payment_status']]}}</td>
					                </tr>
					            </tbody>
					        </table>
					    </div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="panel panel-default">
			    		<div class="panel-heading">
							<h6 class="panel-title">Thông tin sản phẩm</h6>
						</div>
				    	<div class="panel-body">
				    		<div style="padding: 5px 0px 20px;">
				    			<p style="padding-bottom: 3px; margin: 0px; font-weight: bold; font-style: italic;">Tình trạng sản phẩm:</p>
				    			{{$warranty['device_description']}}
				    		</div>
					        <table cellspacing="0" class="table products">
					        	<thead>
					        		<tr>
					        			<th style="width: 10px">STT</th>
					        			<th style="width: 120px">Tên Model</th>
					        			<th style="width: 120px">Số Serial</th>
					        			<th style="width: 100px; text-align: center;">Số lượng</th>
					        			<th>Chi Tiết Bảo Hành</th>
					        		</tr>
					        	</thead>
					            <tbody>
					                <tr>
					                	<td style="text-align: center;">1</td>
					                    <td>{{$warranty['device_model']}}</td>
					                    <td>{{$warranty['device_serial']}}</td>
					                    <td style="text-align: center;"> 1 </td>
					                    <td style="white-space: pre-wrap;">{{$warranty['warranty_description']}}</td>
					                </tr>
					            </tbody>
					        </table>
				    		<div style="padding: 20px 0px; font-style: italic;">
				    			<p style="padding-bottom: 3px; margin: 0px;">Ghi chú:</p>
				    			{{$warranty['note']}}
				    		</div>
					    </div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-12" style="margin-top: 20px">
                    <div class="panel panel-default">
                        <div class="panel-footer">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong><center>Khách hàng xác nhận</center></strong>
                                    <center><i>(ký, họ tên)</i></center>
                                </div>
                                <div class="col-md-6 pull-right">
                                    <strong><center>Nhân viên nhận hàng</center></strong>
                                    <center><i>(ký, họ tên)</i></center>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>

<style>
    @media print {
		body{
			font-family: 'Times New Roman', serif;
		}
		h1, h6.panel-title{text-transform: uppercase;}
		h6.panel-title{color: #000; font-weight: bold; margin-bottom: 0px;}
		.col-md-6 {
		    width: 49.5%;
		    display: inline-block;
		}
		.panel {
		    margin-bottom: 20px;
		    border-color: #ddd;
		    color: #333;
		    background-color: #fff;
		    border: 1px solid transparent;
		    border-radius: 3px;
		}
		.panel-heading {
		    padding: 15px 0px 5px;
		    border-bottom: 1px solid transparent;
		    position: relative;
		}
		.panel-default>.panel-heading {
		    color: #333;
		    background-color: #fcfcfc;
		}
		.panel-title {
		    margin-top: 0;
		    margin-bottom: 0;
		    font-size: 16px;
		    position: relative;
		    font-weight: 470;
		}
		.panel-body {
		    padding: 0px;
		}
		table tr th{text-align: left; font-weight: 470;}
		table tbody tr th{width: 110px; padding: 0; }
		table tr th, table tr td{border-top: 1px solid #ddd; padding-bottom: 4px; padding-top: 6px; height:30px;}
		table{width: 100%}
		table.products{border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
		table.products tr td, table.products tr th{border-top: 1px solid #ddd;border-right: 1px solid #ddd; padding: 5px 10px;}
    }
</style>
	    </div>
    </div>
    <script>
	(function ($) {
		function PrintElem(elem) {
	        Popup($(elem).html());
	    }

	    function Popup(data) {
	        var mywindow = window.open('', 'new div', 'height=800,width=1000');
	        mywindow.document.write('<html><head><title>Biên Nhận Bảo Hành Và Sửa Chữa</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8">');
	        /*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
	        mywindow.document.write('</head><body >');
	        mywindow.document.write(data);
	        mywindow.document.write('</body></html>');

	        mywindow.print();
	        mywindow.close();

	        return true;
	    }

		$('#printWarranty').on('click', function() {
			PrintElem('#printDivWarranty');
			return false;
		});
	})(jQuery)
</script>
@endsection