@extends('layouts.app')

@section('content-header')
<section class="content-header">
    <h1>Transaction Detail</h1>
    
    {{ Breadcrumbs::render('transactions-detail', $invoice->bill_no, $invoice->id) }}
</section>
@endsection

@section('content')
<section class="content detail">
    <!-- Custom Tabs -->
    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab_1" data-toggle="tab">Detail</a></li>
            <li><a href="#tab_2" data-toggle="tab">Adjustments</a></li>
            <li><a href="#tab_3" data-toggle="tab">Add/Discounts</a></li>
            <li><a href="#tab_4" data-toggle="tab">Payments</a></li>
            <li><a href="#tab_5" data-toggle="tab">Item Boughts</a></li>
        </ul>
        
        <div class="tab-content">
            <div class="tab-pane active" id="tab_1">
                <div class="action pull-right">
                    @if (($login_user->hasPermission('edit transactions')) || ($login_user->hasRole('programmer')))
                        <a href="{{route('transactions.edit', ['id' => $invoice->id])}}" class="edit hide text-yellow" title="Edit">
                            <i class="fa fa-edit"></i><span>Edit</span>
                        </a>
                    @endif
                    @if (($login_user->hasPermission('delete transactions')) || ($login_user->hasRole('programmer')))
                        <a href="#" data-toggle="modal" data-target="#delete-transaction-modal" class="text-red delete">
                            <i class="fa fa-trash"></i><span>Delete</span>
                            <input type="hidden" class='delete-id' value="{{$invoice->id}}" />
                            <input type="hidden" class='delete-title' value="{{$invoice->id}}" />
                        </a>
                    @endif
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-item">
                            <label>Bill No:</label>
                            <span>{{$invoice->bill_no or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>Table No:</label>
                            <span>{{$invoice->table_no or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>Person:</label>
                            <span>{{$invoice->person or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>Subtotal:</label>
                            <span>Rp. {{number_format($invoice->subtotal)}}</span>
                        </div>
                        <div class="form-item">
                            <label>Points Spent:</label>
                            <span>{{number_format($invoice->point_spent)}}</span>
                        </div>
                        <div class="form-item">
                            <label>Points Earned:</label>
                            <span>{{number_format($invoice->point->sum('point_received'))}}</span>
                        </div>
                        <div class="form-item">
                            <label>Date:</label>
                            <span>{{date('M d, Y - H:i:s', strtotime($invoice->date_added))}}</span>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <h6>Branch</h6>

                        <div class="form-item">
                            <label>Branch ID:</label>
                            <span>{{$invoice->store_id}}</span>
                        </div>
                        <div class="form-item">
                            <label>Branch Name:</label>
                            <span>{{$invoice->store->name or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>POS ECR:</label>
                            <span>{{$invoice->ecr or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>POS ID:</label>
                            <span>{{$invoice->pos_id or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>POS Transaction:</label>
                            <span>{{$invoice->inv_no or '—'}}</span>
                        </div>
                        <div class="form-item">
                            <label>POS Location:</label>
                            <span>{{$invoice->pos_loc or '—'}}</span>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <h6>Customer</h6>

                        <div class="form-item">
                            <label>ID:</label>
                            <span>{{$invoice->customer->membership_no}}</span>
                        </div>

                        @if (isset($invoice->customer))
                            <div class="form-item">
                                <label>Name:</label>
                                <span>{{$invoice->customer->fname}} {{$invoice->customer->lname}}</span>
                            </div>
                            <div class="form-item">
                                <label>Member:</label>
                                <span>{{$invoice->customer->member->name or '—'}}</span>
                            </div>
                        @endif
                    </div>

                    <div class="col-md-2">
                        <h6>Clerk</h6>

                        <div class="form-item">
                            <label>Clerk ID:</label>
                            <span>{{$invoice->clerk_id}}</span>
                        </div>

                        <div class="form-item">
                            <label>Clerk Name:</label>
                            <span>{{$invoice->clerk->name or '—'}}</span>
                        </div>

                        <div class="form-item">
                            <label>Track:</label>
                            <span>{{$invoice->track or '—'}}</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-pane" id="tab_2">
                <table class="table table-bordered table-hover">
                    <thead>
                        <th>Adj. ID</th>
                        <th>Name</th>
                        <th class="number">Amount</th>
                    </thead>
                    <tbody>
                        @foreach ($invoice->adjustment as $adjustment)
                            <tr>
                                <td>{{$adjustment->adj_id or '—'}}</td>
                                <td>{{$adjustment->admin_adjustment->name or '—'}}</td>
                                <td class="number">Rp. {{number_format($adjustment->amount)}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="tab-pane" id="tab_3">
                <table class="table table-bordered table-hover">
                    <thead>
                        <th>Add/Disc. ID</th>
                        <th>Name</th>
                        <th class="number">Amount</th>
                    </thead>
                    <tbody>
                        @foreach ($invoice->discount as $discount)
                            <tr>
                                <td>{{$discount->disc_id or '—'}}</td>
                                <td>{{$discount->admin_discount->name or 'Discount'}}</td>
                                <td class="number">Rp. {{number_format($discount->amount)}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="tab-pane" id="tab_4">
                <table class="table table-hover table-striped">
                    <thead>
                        <th>Media ID</th>
                        <th>Name</th>
                        <th>Type</th>
                        <th class="number">Amount</th>
                    </thead>
                    <tbody>
                        @foreach ($invoice->payment as $payment)
                            <tr>
                                <td>{{$payment->media_id or '—'}}</td>
                                <td>{{$payment->admin_media->name or '—'}}</td>
                                <td>{{$payment->type or '—'}}</td>
                                <td class="number">Rp. {{number_format($payment->amount)}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="tab-pane" id="tab_5">
                <table class="table table-hover table-striped">
                    <thead>
                        <th class="number">PLU No</th>
                        <th>Name</th>
                        <th class="number">Qty</th>
                        <th class="number">Amount</th>
                    </thead>
                    <tbody>
                        @foreach ($invoice->item as $item)
                            <tr>
                                <td class="number">{{number_format($item->plu_id)}}</td>
                                <td>{{$item->admin_plu->name or '—'}}</td>
                                <td class="number">{{number_format($item->qty)}}</td>
                                <td class="number">Rp. {{number_format($item->amount)}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection

@include('invoices.delete')