@extends('layouts/contentNavbarLayout')

@section('title', 'فاکتور')

@section('vendor-style')
    <link rel="stylesheet" href="{{asset('assets/vendor/libs/apex-charts/apex-charts.css')}}">
@endsection

@section('vendor-script')
    <script src="{{asset('assets/vendor/libs/apex-charts/apexcharts.js')}}"></script>
@endsection

@section('page-script')
    <script src="{{asset('assets/js/dashboards-analytics.js')}}"></script>
@endsection

@section('content')

    <style>
        .invoice {
            padding: 30px;
        }
        .invoice h2 {
            margin-top: 0px;
            line-height: 0.8em;
        }
        .invoice .small {
            font-weight: 300;
        }
        .invoice hr {
            margin-top: 10px;
            border-color: #ddd;
        }
        .invoice .table tr.line {
            border-bottom: 1px solid #ccc;
        }
        .invoice .table td {
            border: none;
        }
        .invoice .identity {
            margin-top: 10px;
            font-size: 1.1em;
            font-weight: 300;
        }
        .invoice .identity strong {
            font-weight: 600;
        }
        .grid {
            position: relative;
            width: 100%;
            background: #fff;
            color: #666666;
            border-radius: 2px;
            margin-bottom: 25px;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
        }
    </style>

    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light">سفارشات /  لیست /</span> فاکتور شماره {{ $invoiceDetails['id'] }}
    </h4>

    @php
        $productCountSum = 0;
        $productPriceSum = 0;
    @endphp
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="grid invoice">
                    <div class="grid-body">
                        <div class="invoice-title">
                            <div class="row">
                                <div class="col-xs-12">
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-xs-12">
                                    <h2>فاکتور فروش<br>
                                        <span class="small" style="font-size: 18px">شماره یکتا #{{ $invoiceDetails['id'] }}</span></h2>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-md-6 col-sm-12">
                                <address>
                                    <strong>طرف حساب:</strong><br>
                                    <a href="{{ route('dashboard.users.show', $invoiceDetails['user_id']) }}"> {{ $invoiceDetails['user']['first_name'] }}  {{ $invoiceDetails['user']['last_name'] }} </a><br>
                                </address>
                            </div>
                            <div class="col-md-6 col-sm-12 text-right">
                                <address>
                                    <strong>ارسال شده به:</strong><br>
                                    {{ $invoiceDetails['address'] }}<br>
                                    با توضیحات و شماره تماس :
                                    {{ $invoiceDetails['phone_number'] }}
                                </address>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-6 text-right">
                                <address>
                                    <strong>زمان ثبت سفارش:</strong><br>
                                    {{ date('Y-m-d H:i:s', strtotime($invoiceDetails['created_at'])) }}
                                </address>
                            </div>
                        </div>
                        <div class="row">
                            <h3>جزئیات سفارش</h3>
                            <div class="col-md-12 overflow-auto">
                                <table class="table table-striped" style="min-width: 38rem;">
                                    <thead>
                                    <tr class="line">
                                        <td><strong>#</strong></td>
                                        <td class="text-center"><strong>نام محصول</strong></td>
                                        <td class="text-center"><strong>تعداد طاقه</strong></td>
                                        <td class="text-center"><strong>متراژ</strong></td>
                                        <td class="text-center"><strong>قیمت هر متر</strong></td>
                                        <td class="text-center"><strong>قیمت کل</strong></td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($invoiceDetails['products'] as $index => $row)
                                        <tr>
                                            <td> {{ $index + 1 }} </td>
                                            <td><strong> {{ $row['code']['stock']['name'] }}  {{ $row['code']['name'] }}</strong></td>
                                            <td class="text-center">{{ $row['count'] }} </td>
                                            <td class="text-center">{{ $row['meterage'] ?? 'تنظیم نشده' }}</td>
                                            <td class="text-center">{{ $row['metrage_price'] ? number_format($row['metrage_price']) : 'تنظیم نشده' }}</td>
                                            <td class="text-center">{{ number_format($row['price']) }}</td>
                                        </tr>
                                        @php
                                            $productCountSum += $row['meterage'];
                                            $productPriceSum += $row['price'];

                                        @endphp
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row" style="display: flex;justify-content:end;">
                            <div class="col-md-6 col-sm-12 text-right float-start">
                                <address>
                                    @php
                                        $walletAmount = (!is_null($invoiceDetails['user']['deposit']) ? (($invoiceDetails['user']['deposit']['amount'] ) ?? 0) : 0);
                                        $factorPriceLeft = ((-1 * $walletAmount) + $productPriceSum);
                                    @endphp
                                    <span style="border-radius: 20px; padding: 5px 20px; float: left;width: auto;" class=""><strong>جمع فاکتور:</strong> {{ number_format($productPriceSum)  }} تومان </span><br><br>
                                    <hr>
                                    <h4> وضعیت پرداخت: </h4>
                                    <div style="padding-right: 1rem;">
                                        <span
                                        ><strong>بدهکاری/بستانکاری از قبل:</strong><span  class="{!!  (!is_null($invoiceDetails['user']['deposit']) ? ($invoiceDetails['user']['deposit']['amount'] > 0 ? 'text-success' : 'text-danger') : '')  !!}">
                                                {{ number_format($walletAmount) }}
                                                @if($walletAmount != 0)
                                                    تومان
                                                    {!!  ($walletAmount > 0 ? '<span class="text-success"> (بستانکار) </span>' : '<span class="text-danger"> (بدهکار)</span>')  !!}
                                                @endif
                                        </span>
                                        </span><br><br>
                                        @if($factorPriceLeft > 0)
                                            <span class="btn-secondary" style="border-radius: 20px; padding: 5px 20px;"><strong>مبلغ قابل پرداخت:</strong> {{ number_format(abs($factorPriceLeft)) }} تومان </span><br><br>
                                        @else
                                            <span class="btn-secondary" style="border-radius: 20px; padding: 5px 20px;"><strong>مبلغ قابل پرداخت:</strong> 0 تومان  </span><br><br>
                                        @endif
                                    </div>
                                </address>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection