@extends('dashboard.components.main')
@section('content')
<style>
    @page { size: auto;  margin: 0mm; }
    </style>

            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-flex align-items-center justify-content-between">
                                <h4 class="page-title mb-0 font-size-18">{{ $invoice->number }} فاتورة رقم #</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item active">@lang('dashboard_clients.welcome_platform')  </li>
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->


						   <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="invoice-title">
                                        <h4 class="float-right font-size-16">{{ $invoice->number }} فاتورة رقم #</h4>
                                        <div class="mb-4">
                                            <img src="{{ asset('dash_board/assets/images/logo-light.png') }}" alt="logo" height="20" />
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <address>
                                                    <strong>يدفع لى:</strong><br>
                                                    {{$invoice->supplier->company_name}}
                                                </address>
                                        </div>
                                        <div class="col-6 text-right">
                                            <address>
                                                    <strong>يشحن الى:</strong><br>
                                                    {{$invoice->shipping_address}}
                                                </address>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6 mt-3">
                                            <address>
                                                    <strong>وسيلة الدفع:</strong><br>
                                                    {{ $invoice->payment_type ?? "N/A" }}<br>

                                                </address>
                                        </div>
                                        <div class="col-6 mt-3 text-right">
                                            <address>
                                                    <strong>تاريخ الطلب</strong><br>
                                                    {{ $invoice->invoice_date }}<br><br>
                                                </address>
                                        </div>
                                    </div>
                                    <div class="py-2 mt-3">
                                        <h3 class="font-size-15 font-weight-bold">تفاصيل الفاتورة</h3>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-nowrap">
                                            <thead>
                                                <tr>
                                                    <th style="width: 70px;">الرقم.</th>
                                                    <th>المنتج</th>
                                                    <th class="text-right">السعر</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                @foreach ($invoice->product as $index => $product)

                                                <tr>
                                                    {{-- {{ dd($invoice->product[$index]->product) }} --}}
                                                    <td>{{ $index +1 }}</td>
                                                    <td>{{ $product->product->name }}</td>
                                                    <td class="text-right">$ {{ $product->selling_price }}</td>
                                                </tr>

                                                @endforeach
                                                @foreach ($invoice->service as $index => $service)

                                                <tr>
                                                    {{-- {{ dd($invoice->service[$index]->service) }} --}}
                                                    <td>{{ $index +1 }}</td>
                                                    <td>{{ $service->service->name }}</td>
                                                    <td class="text-right">$ {{ $service->selling_price }}</td>
                                                </tr>

                                                @endforeach
                                                @foreach ($invoice->account as $index => $account)

                                                <tr>
                                                    {{-- {{ dd($account) }} --}}
                                                    <td>{{ $index +1 }}</td>
                                                    <td>{{ $account->name }}</td>
                                                    <td class="text-right">$ {{ $account->selling_price }}</td>
                                                </tr>

                                                @endforeach
                                                <tr>
                                                    <td colspan="2" class="text-right">Sub Total</td>
                                                    <td class="text-right">$ {{ $invoice->total }}</td>
                                                </tr>

                                                <tr>
                                                    <td colspan="2" class="border-0 text-right">
                                                        <strong>Total</strong></td>
                                                    <td class="border-0 text-right">
                                                        <h4 class="m-0">${{ $invoice->total }}</h4></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="d-print-none">
                                        <div class="float-right">
                                            {{-- {{ $invoice->id }} --}}
                                            <a href="javascript:window.print()" class="btn btn-success waves-effect waves-light"><i class="fa fa-print"></i></a>
                                            <a  onclick="sendMail({{ $invoice->id }})" style="color: white" class="btn btn-primary w-md waves-effect waves-light">ارسل الفاتورة</a>
                                        </div>
                                        {{-- onclick="sendMail({{ $invoice->id }})" --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end row -->







                <!-- End Page-content -->
@endsection

@section('custom_script')
                <script>

                function sendMail(id){
                    $.ajax({
                        url:"{{ route('dashboard.suppliers.invoices.send') }}",
                        method:'get',
                        data:{
                            id:id,
                        },
                        success:function(data){
                            // console.log(data);
                            alert('Mail Send Successfully');
                        }
                    })
                }

                </script>
                @isset($print)
                <script>

                $(window).ready(()=>{
                  window.print();


                });
                </script>
              @endif
@endsection