@include('header')
<style>
    .barnameh_logo {
        width: 50px;
    }
</style>
<div class="x_panel">
    <div class="x_title">
        <div style="display: flex;align-items: center; justify-content: space-between">

            <h2> سامان خدمت
                <small>{{$order->order_number}}</small>
            </h2>
            <img src="../storage/app/public/uploads/home.png" class="barnameh_logo">
        </div>
    </div>
    <div class="x_content">

        <section class="content invoice">
            <!-- title row -->
            <div class="row">
                <div class="col-xs-12 invoice-header">
                    <div style="display: flex ; justify-content: space-between; align-items: center">
                        <h2>
                            صورت&zwnj;حساب <span>{{$order->order_number}}</span>
                        </h2>
                        <p style="font-weight: bold"> {{$order->service}}  </p>
                        <p style="font-weight: bold"> تاریخ {{$order->date}}  </p>
                    </div>
                </div>
            </div>
            <!-- info row -->
            <div class="row invoice-info">
                <div class="col-lg-6 col-sm-4 invoice-col">
                    کاربر
                    <address>
                        <strong>{{$user->name}}</strong>
                        <br>{{$order->address}}
                        <br>{{$user->phone}}
                    </address>

                </div>

                <div class="col-lg-6 col-sm-4 invoice-col">
                    استادکار
                    <address>
                        <strong>{{$worker->name}}</strong>
                        <br>{{$worker->phone}}
                    </address>
                </div>
            </div>

            <!-- Table row -->
            <div class="row">
                <div class="col-xs-12 table">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>عنوان خدمت</th>
                            <th>قیمت واحد</th>
                            <th>تعداد</th>
                            <th>قیمت کل</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($factor_info as $item)
                            <tr>
                                <td>{{$item->title}}</td>
                                <td>{{$item->price}}</td>
                                <td>{{$item->unit}}</td>
                                <td>{{$item->total_price}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="row">
                <!-- accepted payments column -->
                <div class="col-xs-6">
                    <p class="lead">روش&zwnj;های پرداخت:</p>
                    @if($order->pay_type == 'wallet')
                        <P>پرداخت توسط کیف پول</P>
                    @else
                        <P>پرداخت نقدی</P>
                    @endif
                </div>
                <!-- /.col -->
                <div class="col-xs-6">
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th style="width:50%">مجموع:</th>
                                <td>{{ number_format($order->price)}}</td>
                            </tr>

                            <tr>
                                <th style="width:50%"> مبلغ کد تخفیف:</th>
                                <td>{{ number_format($order->discount_price)}}</td>
                            </tr>

                            <tr>
                                <th>قابل پرداخت:</th>
                                <td>{{ number_format($order->factor_price)}}</td>
                            </tr>

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

            <div class="row no-print hidden-print">
                <div class="col-xs-12">
                    <button class="btn btn-default" onclick="window.print();"><i class="fa fa-print"></i> چاپ
                    </button>
                </div>
            </div>
        </section>
    </div>
</div>


@include('footer')