@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 my-2">{{ $move->number }} {{--  @lang('dashboard_sales_expenses.'.$invoice->movement_type) @lang('dashboard_invoices.number') --}} #</h4>
                                        <div class="mb-4 text-primary font-weight-bold">
                                            PRONDL
                                            {{-- <img src="{{ asset('dash_board/assets/images/logo-light.png') }}" alt="logo" height="20" /> --}}
                                        </div>
                                    </div>
                                    <hr>

                                    <p class="text-center text-uppercase font-size-20 font-weight-bold text-dark">
                                        {{ $move->client->name }}
                                    </p>
                                    <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">
                                            <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 data-priority="1">التاريخ</th>
                                                    <th data-priority="1">الرقم </th>
                                                    <th data-priority="3">نوع العملية</th>
                                                    <th data-priority="3">نوع الحركة</th>
                                                    <th data-priority="1">المبلغ</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                 <tr>
                                                    <td>{{ $move->date }}</td>
                                                    <td>{{ $move->number }}</td>
                                                    <td>@lang('dashboard_sales_expenses.'.$move->amount_type)</td>
                                                    <td>@lang('dashboard_sales_expenses.'.$move->type)</td>
                                                    <td>{{ $move->amount }}</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({{ $move->id }})" 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){
                    $.ajax({
                        url:"{{ route('dashboard.banks.send.mail') }}",
                        method:'get',
                        data:{
                            id:id
                        },
                        success:function(data){
                            alert('Mail Send Successfully');
                        }
                    })
                }
               
                </script>
                @isset($print)
                <script>
                $(window).ready(()=>{
                  window.print();
                });
                </script>
              @endif
@endsection