@extends('layouts.admin')

@section('page-title')
    {{__('Customer Statement')}}
@endsection

@push('script-page')
    <script type="text/javascript" src="{{ asset('js/html2pdf.bundle.min.js') }}"></script>
    <script>
        var filename = $('#filename').val();

        function saveAsPDF() {
            var element = document.getElementById('printableArea');
            var opt = {
                margin: 0.3,
                filename: filename,
                image: {type: 'jpeg', quality: 1},
                html2canvas: {scale: 4, dpi: 72, letterRendering: true},
                jsPDF: {unit: 'in', format: 'A4'}
            };
            html2pdf().set(opt).from(element).save();
        }

    </script>
@endpush
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{route('dashboard')}}">{{__('Dashboard')}}</a></li>
    <li class="breadcrumb-item"><a href="{{route('customer.index')}}">{{__('Customer')}}</a></li>
    <li class="breadcrumb-item"><a href="{{route('customer.show',\Crypt::encrypt($customer['id']))}}">{{$customer['name']}}</a></li>
    <li class="breadcrumb-item">{{__('Customer Statement')}}</li>
@endsection
@section('action-btn')
    <div class="float-end">
        <a href="#" class="btn btn-sm btn-primary" onclick="saveAsPDF()"  data-bs-toggle="tooltip" title="{{__('Download')}}">
            <span class="btn-inner--icon"><i class="ti ti-download"></i></span>
        </a>
    </div>

@endsection


@section('content')

    <div class="row">

        <div class="col-md-4 col-lg-4 col-xl-4">
            <div class="card bg-none invo-tab">
                <div class="card-body">

                {{Form::model($customerDetail,array('route' => array('customer.statement' , $customer->id), 'method' => 'post'))}}
                <h3 class="small-title">{{$customer['name'].' '.__('Statement')}}</h3>
                <div class="row issue_date">
                    <div class="col-md-12">
                        <div class="issue_date_main">
                        <div class="form-group">
                            {{ Form::label('from_date', __('From Date'),['class'=>'form-label']) }}<span class="text-danger">*</span>
                            {{Form::date('from_date', isset($data['from_date'])?$data['from_date']:null,array('class'=>'form-control','required'=>'required'))}}

                        </div>
                    </div>
                 
                        <div class="issue_date_main">
                        <div class="form-group">
                            {{ Form::label('until_date', __('Until Date'),['class'=>'form-label']) }}<span class="text-danger">*</span>
                            {{Form::date('until_date', isset($data['until_date'])?$data['until_date']:null,array('class'=>'form-control','required'=>'required'))}}

                        </div>
                    </div>
                    </div>

                </div>

                <div class="col-12 text-end">
                    <input type="submit" value="{{__('Apply')}}" class="btn btn-sm btn-primary">
                </div>
                {{Form::close()}}
                </div>
            </div>
        </div>


        <div class="col-md-8 col-lg-8 col-xl-8">
            <span id="printableArea">
                <div class="card">
                <div class="card-body">
                    <div class="invoice">
                        <div class="invoice-print">
                            <div class="row invoice-title mt-2">

                                <div class="col-xs-12 col-sm-12 col-nd-6 col-lg-6 col-12">
                                    <img src="{{$img}}" style="max-width: 250px"/>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-nd-6 col-lg-6 col-12 text-end">
                                    <strong>{{__('My Company')}}</strong><br>
                                    <h6 class="invoice-number">{{ $user->email }}</h6>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-12 text-center">
                                    <strong><h5>{{__('Statement of Account')}}</h5></strong>
                                    <strong>{{($data['from_date']).'  '.'to'.'  '.($data['until_date'])}}</strong>
                                </div>
                                <div class="col-12">
                                    <hr>
                                </div>
                            </div>


                            <div class="row">
                                @if(!empty($customer->billing_name))
                                    <div class="col-md-6">
                                        <small class="font-style">
                                            <strong>{{__('Billed To')}} :</strong><br>
                                            {{!empty($customer->billing_name)?$customer->billing_name:''}}<br>
                                            {{!empty($customer->billing_phone)?$customer->billing_phone:''}}<br>
                                            {{!empty($customer->billing_address)?$customer->billing_address:''}}<br>
                                            {{!empty($customer->billing_zip)?$customer->billing_zip:''}}<br>
                                            {{!empty($customer->billing_city)?$customer->billing_city:'' .', '}} {{!empty($customer->billing_state)?$customer->billing_state:'',', '}} {{!empty($customer->billing_country)?$customer->billing_country:''}}<br>
                                            <strong>{{__('Tax Number ')}} : </strong>{{!empty($customer->tax_number)?$customer->tax_number:''}}

                                        </small>
                                    </div>
                                @endif
                                @if(\App\Models\Utility::getValByName('shipping_display')=='on')
                                    <div class="col-md-6 text-end">
                                        <small>
                                            <strong>{{__('Shipped To')}} :</strong><br>
                                            {{!empty($customer->shipping_name)?$customer->shipping_name:''}}<br>
                                            {{!empty($customer->shipping_phone)?$customer->shipping_phone:''}}<br>
                                            {{!empty($customer->shipping_address)?$customer->shipping_address:''}}<br>
                                            {{!empty($customer->shipping_zip)?$customer->shipping_zip:''}}<br>
                                            {{!empty($customer->shipping_city)?$customer->shipping_city:'' . ', '}} {{!empty($customer->shipping_state)?$customer->shipping_state:'' .', '}},{{!empty($customer->shipping_country)?$customer->shipping_country:''}}<br>
                                            <strong>{{__('Tax Number ')}} : </strong>{{!empty($customer->tax_number)?$customer->tax_number:''}}

                                        </small>
                                    </div>
                                @endif
                            </div>

                            <div class="card mt-4">
                                <div class="card-body table-border-styletable-border-style">
                                    <div class="table-responsive">
                                    <table class="table align-items-center table_header">
                                        <thead>
                                        <tr>
                                            <th scope="col">{{__('Date')}}</th>
                                            <th scope="col">{{__('Invoice')}}</th>
                                            <th scope="col">{{__('Payment Type')}}</th>
                                            <th scope="col">{{__('Amount')}}</th>

                                        </tr>
                                        </thead>
                                        <tbody class="list">
                                        @php
                                            $total = 0;

                                        @endphp
                                        @forelse($invoice_payment as $payment)
                                            <tr>

                                                <td>{{\Auth::user()->dateFormat($payment->date)}} </td>
                                                <td>{{\Auth::user()->invoiceNumberFormat($payment->invoice_id)}}</td>
                                                <td>{{$payment->payment_type}} </td>
                                                <td> {{\Auth::user()->priceFormat(($payment->amount))}}</td>


                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="6" class="text-center text-dark"><p>{{__('No Data Found')}}</p></td>
                                            </tr>
                                        @endforelse
                                        <tr class="total">
                                            <td class="light_blue"><span></span><strong>{{__('TOTAL :')}}</strong></td>
                                            <td class="light_blue"></td>
                                            <td class="light_blue"></td>
                                            @foreach($invoice_payment as $key=>$payment)
                                           @php
                                               $total += $payment->amount;
                                           @endphp
                                            @endforeach

                                                <td class="light_blue"><span></span><strong>{{\Auth::user()->priceFormat($total)}}</strong></td>


                                        </tr>

                                        </tfoot>


                                        </tbody>
                                    </table>

                                </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
            </span>
        </div>
    </div>
@endsection