@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 }} 
                                    @if($invoice->movement_type == 'sales_invoice')
                                    @lang('dashboard_invoices.invoice')
                               @elseif($invoice->movement_type == 'sales_refund')
                                    @lang('dashboard_invoices.refund')
                               @elseif($invoice->movement_type == 'price_offer')
                                    @lang('dashboard_invoices.register_quote')
                               @elseif($invoice->movement_type == 'sales_order')
                                    @lang('dashboard_invoices.sale_order')
                               @elseif($invoice->movement_type == 'voucher_cash')
                                    @lang('dashboard_invoices.cash_sales')
                               @elseif($invoice->movement_type == 'sales_advance_payment')
                                    @lang('dashboard_invoices.down_payment')
                               @endif
                                    </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 }}  @lang('dashboard_sales_expenses.'.$invoice->movement_type) رقم #</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">
                                        @if ($invoice->movement_type != 'sales_invoice' && $invoice->movement_type != 'price_offer')
                                             <div class="col-6 ">
                                            <address>
                                                @if($invoice->movement_type == 'pay_sales_invoice')
                                                <strong>@lang('dashboard_sales_expenses.paid_from')</strong><br>
                                                
                                                @else
                                                <strong>@lang('dashboard_sales_expenses.pay_to')</strong><br>
                                                @endif 
                                                {{$invoice->client->name}}
                                                </address>
                                        </div>                                            
                                        @else
                                        <div class="col-6 "></div>
                                        @endif
                                       @if ($invoice->shipping_address != null)
                                            <div class="col-6 text-right">
                                                {{-- @if($invoice->movement_type != 'price_offer') text-right @else text-right  @endif --}}
                                            <address>
                                                    <strong>@lang('dashboard_sales_expenses.shipping_to')</strong><br>
                                                    {{$invoice->shipping_address}}
                                                </address>
                                        </div>
                                            
                                       
                                       @endif
                                       
                                    </div>
                                    <div class="row">
                                        <div class="col-6 mt-3">
                                            <address>
                                                    <strong>@lang('dashboard_sales_expenses.payment_method')</strong><br>
                                                    {{ $invoice->payment_type ?? "N/A" }}<br>
                                                  
                                                </address>
                                        </div>
                                        <div class="col-6 mt-3 text-right">
                                            <address>
                                                    <strong>@lang('dashboard_sales_expenses.order_date')</strong><br>
                                                    {{ $invoice->invoice_date }}<br><br>
                                                </address>
                                        </div>
                                    </div>
                                    <div class="py-2 mt-3">
                                        <h3 class="font-size-15 font-weight-bold">@lang('dashboard_sales_expenses.invoice_details')</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->account as $index => $account)
                                                    
                                                <tr>
                                                    {{-- {{ dd($product) }} --}}
                                                    <td>{{ $index +1 }}</td>
                                                    <td>{{ $account->name }}</td>
                                                    <td class="text-right">$ {{ $invoice->account[$index]->pivot->total }}</td>
                                                </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="2" class="text-right">Sub Total</td>
                                                    <td class="text-right">$ {{ $invoice->balance_before_discount }}</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->invoice_total }}</h4></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    @if ($invoice->movement_type == 'pay_sales_invoice')
                                        <div class="py-2 mt-3">
                                        <h4 class="font-size-15 font-weight-bold">{{$invoice->paid}} : @lang('dashboard_sales_expenses.paid_amount')</h4>
                                    </div>
                                    @endif
                                    
                                    <div class="d-print-none">
                                        <div class="float-right">
                                            <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 }},'{{$invoice->movement_type}}')" style="color: white" class="btn btn-primary w-md waves-effect waves-light">@lang('dashboard_sales_expenses.send')</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end row -->		
                </div>
            </div>						
                <!-- End Page-content -->
@endsection

@section('custom_script')
                <script> 

                function sendMail(id,type){
                    $.ajax({
                        url:"{{ route('dashboard.invoices.send.mail') }}",
                        method:'get',
                        data:{
                            id:id,
                            type:type
                        },
                        success:function(data){
                            alert('Mail Send Successfully');
                        }
                    })
                }
               
                </script>
                @isset($print)
                <script>
                $(window).ready(()=>{
                  window.print();
                });
                </script>
              @endif
@endsection