@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="card card-body">
                        <h4 class="card-title">{{ $user->name }}</h4>
                        <hr>
                        <p class="font-weight-bold mb-4">{{ __('Profile') }}</p>
                        <p class="border-bottom border-light">{{ __('Status: ') }} {{ $user->status === 1 ? 'Active' : 'Inactive' }}</p>
                        <p class="border-bottom border-light">{{ __('Company: ' . $user->profile->company) }}</p>
                        <p class="border-bottom border-light">{{ __('Email: ' . $user->email) }}</p>
                        <p class="border-bottom border-light">{{ __('Phone: ' . $user->profile->phone) }}</p>
                        <p class="border-bottom border-light">{{ __('Address: ' . $user->profile->address) }}</p>
                        <p class="border-bottom border-light">{{ __('Zip code: ' . $user->profile->zip) }}</p>
                        <p class="border-bottom border-light">{{ __('Country: ' . $user->profile->country) }}</p>

                    </div>
                </div>

                <div class="col-md-8">
                    <div class="card card-body mb-4">
                        <h4 class="card-title">{{ __('Billing history') }}</h4>
                        <hr>
                        <div class="table-responsive">
                            <table class="table table-striped table-borderless" id="datatable1">
                                <thead>
                                <tr>
                                    <th>{{ __('Amount') }}</th>
                                    <th>{{ __('From') }}</th>
                                    <th>{{ __('To') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($user->resellerbills as $bill)
                                    <tr>
                                        <td>{{ auth()->user()->currency . $bill->amount }}</td>
                                        <td>{{ $bill->start }}</td>
                                        <td>{{ $bill->end }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card card-body">
                        <h4 class="card-title">{{ __('Payment history') }}</h4>
                        <hr>
                        <div class="table-responsive">
                            <table class="table table-striped table-borderless" id="datatable2">
                                <thead>
                                <tr>
                                    <th>{{ __('Amount') }}</th>
                                    <th>{{ __('Note') }}</th>
                                    <th>{{ __('Payment method') }}</th>
                                    <th>{{ __('Created on') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($user->resellerpayments as $pay)
                                    <tr>
                                        <td>{{ $pay->amount }}</td>
                                        <td>{{ $pay->note }}</td>
                                        <td>{{ $pay->payment_method }}</td>
                                        <td>{{ date('Y-m-d', strtotime($pay->created_at->tz(auth()->user()->timezone) )) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $("#datatable1").DataTable({
            "lengthMenu": [[20, 50, 100, -1], [20, 50, 100, "All"]]
        });
        $("#datatable2").DataTable({
            "lengthMenu": [[20, 50, 100, -1], [20, 50, 100, "All"]]
        });
    </script>
@endsection