@extends('admin.layouts.app')

@section('content')
    <div class="container">
        <div class="card z-depth-2-top mt-4 mb-4">
            <div class="card-body">
                <div class="print" id="printableArea">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="row gutters-5">
                                <div class="col text-center text-md-left">
                                    <h2>Invoice</h2>
                                </div>
                                <div class="col-md-7 text-right">
                                    <h3>{{ translate('Purchase Code')}} : {{ $payment->payment_code }}</h3>
                                </div>
                            </div>
                            <hr>
                            <div class="col-sm-12">
                                <strong>{{translate('Purchase Date:')}}</strong> {{ $payment->created_at }}
                            </div>
                            <br>
                            <div class="col-sm-12">
                                <strong>{{ translate('Billed To,') }}</strong><br>
                                @if($payment->user != null)
                                  <b>{{ translate('Name:') }}</b> {{$payment->user->first_name.' '.$payment->user->last_name}}
                                  <br>
                                  <b>{{ translate('Email:') }}</b> {{$payment->user->email}}
                                  <br>
                                  <b>{{ translate('Phone:')}}</b> {{$payment->user->phone}}
                                @endif
                            </div>
                            <br>
                            <div class="col-sm-6">
                            <strong>{{ translate('Payment Method: ') }}</strong>
                                @if($payment->payment_method == "manual_payment")
                                {{ $payment->custom_payment_name }}
                                @else
                                {{ ucwords($payment->payment_method) }}
                                @endif
                                <br>
                            <strong>{{ translate('Payment Status: ') }}</strong>{{ translate($payment->payment_status) }}
                            </div>
                            <br>
                        </div>
                    </div>
                    <div class="row pt-5">
                    	<div class="col-md-12">
                        <h5><b>Purchase Summary</b></h5>
                    		<div class="card">
                    			<div class="card-body">
                    				<div class="table-responsive">
                                  <table class="table table-bordered">
                                  <thead>
                                      <tr>
                                      <td><strong>{{ translate('Item') }}</strong></td>
                                      <td class="text-center"><strong>{{ translate('Price') }}</strong></td>
                                      </tr>
                                  </thead>
                                  <tbody>
                                  <tr>
                                  <td>
                                    {{ translate('Package Name: ')}}
                                    @if($payment->package != null)
                                      {{ $payment->package->name }}
                                    @endif
                                  </td>
                                  <td class="text-center">{{single_price($payment->amount)}}</td>
                                  </tr>
                                      <tr>
                                      <td class="text-right"><strong>{{ translate('Total')}}</td>
                                      <td class="text-center">{{single_price($payment->amount)}}</td>
                                      </tr>
                                  </tbody>
                    					</table>
                    				</div>
                    			</div>
                    		</div>
                    	</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mt-5 mb-3">
                            <button type="button" class="btn btn-primary btn-sm" onclick="printDiv('printableArea')"><i class="las la-print"></i>