@extends('layouts.app')
@section('content')
    <div class="row">
        @if (count($errors) > 0)
            <div class="m-heading-1 border-red m-bordered errors-action">
                <h4 class="error-title"><strong>Whoops!</strong> There were some problems with your input</h4>
                <ul class="error-body">
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="portlet light bg-inverse">
            <h1 align="center">سند پرداخت (PV)</h1>
            <div class="portlet-title">
                <div class="caption">
                    
                </div>
            </div>
                <div class="invoice">
                    <div class="row invoice-logo">
                        <div class="col-xs-6 invoice-logo-space">
                            <img src="../assets/pages/media/invoice/walmart.png" class="img-responsive" alt="" /> </div>
                        <div class="col-xs-6">
                            <span class="bold uppercase">CHACO ldkfjdkfj Inc.</span>
                                <br/> 25, Lorem Lis Street, Orange C
                                <br/> California, US
                                <br/>
                                <span class="bold">T</span> 1800 123 456
                                <br/>
                                <span class="bold">E</span> support@keenthemes.com
                                <br/>
                                <span class="bold">W</span> www.شرکت حسابداری خبرخ.com 
                        </div>
                    </div>
                </div>
                <div class="row">
                   <div class="col-xs-12">
                       <table class="table borderless">
                            <tr>
                                <td>2018 / 4 /5</td>
                                <th > :تاریخ </th>
                                <td>30000</td>
                                <th> : # </th> 
                            </tr>
                            <tr>
                                <td>098098</td><th>:شماره مشتری</th><td>ناسق</td><th>:نام مشتری</th>
                            </tr>
                        </table>
                    </div> 
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th> بلانس </th>
                                    <th> پرداختنی </th>
                                    <th> طلبات  </th>
                                    <th> اسعار </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> 9899 </td>
                                    <td> $2152 </td>
                                    <td> Hardware </td>
                                    <td> usd </td>
                                </tr>
                                 <tr>
                                    <td> 9899 </td>
                                    <td> $2152 </td>
                                    <td> Hardware </td>
                                    <td> usd </td>
                                </tr>
                                 <tr>
                                    <td> 9899 </td>
                                    <td> $2152 </td>
                                    <td> Hardware </td>
                                    <td> usd </td>
                                </tr>
                                <tr>
                                    <td> 9899 </td>
                                    <td> $2152 </td>
                                    <td> Hardware </td>
                                    <td> usd </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <table class="table borderless">
                            <tr>
                                {{-- <td align="lift">
                                    <td>6549789</td>
                                    <th> :جزئيات‌ </th>30l667689786000 &nbsp<span>USD</span>&nbsp<span>200</span></td>
                                <th class="col-xs-3">:مقدار رسید</th> --}}
                                <td>979879798</td>
                                <th>:جزئیات</th>
                                <td> 090809809809809809</td>
                                <th> :مقدار رسید</th>
                            </tr>
                            <tr>
                                <td>ghafoor</td>
                                <th>:پرداخت شده توسط</th>
                                <td>ahmadi</td><th>:دریافت شده توسط</th>
                            </tr>
                        </table>
                    </div> 
                </div>
                <div class="row">
                   <div class="col-xs-12">
                       {{-- <table class="table borderless">
                                <tr class="col-xs-12 col-xs-offset-9">
                                    <th><span>    :امضاء</span></th>
                                    
                                </tr>
                        </table> --}}
                        <hr>
                        <h3 class="col-xs-12 col-xs-offset-9" >   :امضاء</h3>
                    </div> 
                </div>
                <div class="row">
                    <div class="col-xs-8 invoice-block">
                        <br/>
                        <a class="btn btn-lg blue hidden-print margin-bottom-5" onclick="javascript:window.print();"> Print
                            <i class="fa fa-print"></i>
                        </a>
                    </div>
                </div>
        </div>
    </div>
@endsection