@extends('layouts.dashboard')

@section('content')

<div class="breadcrumbs">
    <div class="col-sm-4">
        <div class="page-header float-left">
            <div class="page-title">
                <h1>Purchasing Reports</h1>
            </div>
        </div>
    </div>
    <div class="col-sm-8">
        <div class="page-header float-right">
            <div class="page-title">
                <ol class="breadcrumb text-right">
                    <li><a href="{{ route('subscriptions') }}">Buy-Api</a></li>
                    <li class="active">Purchasing Report</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content mt-3">
    <div class="animated fadeIn">
        <div class="row">

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <strong class="card-title">List</strong>
                        <button type="button" class="btn btn-outline-primary btn-sm float-right">
                            <a href="{{ route('subscriptions') }}"  class="text-dark"> <i class="fa fa-backward"></i>&nbsp; Back </a></button>
                    </div>
                    <div class="card-body">
                        <table id="purchasing_table" class="table table-striped table-bordered table-responsive">
                            <thead>
                                <tr>
                                    <th>Subscription</th>
                                    <th>Per Request Price</br>(in {{ config('app.currency') }})</th>
                                    <th>Quantity</th>
                                    <th>Price</br>(in {{ config('app.currency') }})</th>
                                    <th>{{ config('app.tax_name') }}</br>(in %)</th>
                                    <th>Total Price</br>(in {{ config('app.currency') }})</th>
                                    <th>Purchased On</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($subscriptions as $subscription )
                                <tr>
                                    <td>{{ isset($subscription->subscription) ? $subscription->subscription->name:'-' }}</td>
                                    <td>{{ $subscription->per_request_price }}</td>
                                    <td>{{ $subscription->total_quantity }}</td>
                                    <td>{{ $subscription->total_price }}</td>
                                    <td>{{ $subscription->tax }}</td>
                                    <td>{{ $subscription->gross_price }}</td>
                                    <td>{{ date('d M Y H:i:s',strtotime($subscription->created_at)) }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="7" class="text-center">No data available</td></tr>
                                @endforelse

                            </tbody>
                        </table>

                        <div class="link">
                            {{ $subscriptions->onEachSide(2)->links() }}
                        </div>

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


        </div>
    </div><!-- .animated -->
</div><!-- .content -->


@endsection