@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">{{ $advance->advance_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="advance-title">
                                        <h4 class="float-right font-size-16">{{ $advance->advance_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>
                                                    @if($type =='client')
                                                    {{$advance->client->name}}
                                                    @else
                                                    {{$advance->supplier->company_name}}
                                                    @endif
                                                </address>
                                        </div>
                                        <div class="col-6 text-right">
                                            <address>
                                                    <strong>يشحن الى:</strong><br>
                                                    {{$advance->shipping_address}}
                                                </address>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6 mt-3">
                                            <address>
                                                    <strong>وسيلة الدفع:</strong><br>
                                                    {{ $advance->payment_type ?? "N/A" }}<br>
                                                  
                                                </address>
                                        </div>
                                        <div class="col-6 mt-3 text-right">
                                            <address>
                                                    <strong>تاريخ الطلب</strong><br>
                                                    {{ $advance->advance_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 ($advance->payment as $index => $payment)
                                                    
                                                <tr>
                                                    {{-- {{ dd($product) }} --}}
                                                    <td>{{ $index +1 }}</td>
                                                    <td>{{ $payment->description }}</td>
                                                    <td class="text-right">$ {{ $payment->price }}</td>
                                                </tr>
                                                @endforeach
                                                {{-- <tr>
                                                    <td colspan="2" class="text-right">Sub Total</td>
                                                    <td class="text-right">$ {{ $advance->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">${{ $advance->total_advance }}</h4></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <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 href="{{ route('dashboard.advance.payment.send',$advance->id) }}" style="color: white" class="btn btn-primary w-md waves-effect waves-light">ارسل الفاتورة</a> --}}
                                            <a onclick="sendMail({{ $advance->id }})" style="color: white" class="btn btn-primary w-md waves-effect waves-light">ارسل الفاتورة</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end row -->		
											
											
											
											
											
					
					
                <!-- End Page-content -->
@endsection

@section('custom_script')
                    @if($type == 'client')
                    <script> 
    
                        function sendMail(id){
                            $.ajax({
                                url:"{{ route('dashboard.advance.payment.send') }}",
                                method:'get',
                                data:{
                                    advance:id,
                                },
                                success:function(data){
                                    // alert('Mail Send Successfully');
                                    alert(data);
                                }
                            })
                        }
                       
                        </script>

                @else
               

<script> 
    
    function sendMail(id){
        $.ajax({
            url:"{{ route('dashboard.suppliers.advance.payment.send') }}",
            method:'get',
            data:{
                advance:id,
            },
            success:function(data){
                alert('Mail Send Successfully');
            }
        })
    }
   
    </script>
                @endif

                @isset($print)
                <script>

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

           
                });
                </script>
              @endif
@endsection