@extends('layouts.app')
<!-- @section('style')
    <link rel="stylesheet" href="{{url('vue/select2/select2.min.css')}}">
    <style>
        .v-select input[type=search], .v-select input[type=search]:focus {

            width: 50% !important;
        }

        .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: 8px;
            padding: 4px 2px;

        }
    </style>
@stop -->
@section('content')
    
    <!— BEGIN CONTENT BODY —>

    <!— END PAGE BAR —>
    <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"<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>>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>

            </div>
        @endif
        <div class="portlet light bg-inverse">
            <h1 align="center">Salary Voucher</h1>
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-equalizer font-green-haze"></i>
                    <span class="caption-subject font-green-haze bold uppercase"></span>
                    {{--<span class="caption-helper"></span>--}}
                </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 hahahaha 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>صد ملیمون دالر پاشکستانی</td>
                                                <th> مقدار به حروف:</th>
                                                
                                            </tr>
                                            <tr>
                                              <td>ahmadi</td>
                                              <th>Parteculars:</th>
                                            </tr>

                                    
                                        
                                    </table>
                                </div> 
                            </div>


                            
                            <div class="row">
                                <div class="col-xs-12">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th align="center"> ایجاد کننده </th>
                                                <th align="center">  چک کننده </th>
                                                <th> قبول کننده </th>
                                                <th colspan="3"> </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                             <tr id="tr_sign">
                                                 <td rowspan="4" style = "text-align:center">شیبیب</td>
                                                 <td rowspan="4">شیی/td>
                                                 <td rowspan="4">سیبشسیب</td>
                                                 <td> دریافت</td>
                                                 <td> 12AF</td>
                                                 <td rowspan="4"></td>
                                             </tr>
                                             <tr id="tr_sign">
                                                <td colspan="2">امضا</td>
                                             </tr>
                                             <tr id="tr_sign">
                                                <td>نام</td>
                                                <td>Ahmad</td>
                                             </tr>
                                             <tr id="tr_sign">
                                                <td colspan="2"></td>
                                             </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                          <script>
                             window.print();
                          </script>
                        </div>
    </div>
</div>    
    
@endsection