@extends('frontend.layouts.contentLayoutMaster')

@section('title','消費紀錄')
@section('active', 'purchase')

@section('vendor-styles')

@endsection

@section('page-styles')
<style>
    .title-weight-bold{
        font-weight:1000 !important;
        font-size: 16px;
    }
</style>
@endsection

@section('content')
<section>
    <div class="row" id="table-hover-row">

        {{-- 電腦 --}}
        <div class="col-12 d-none d-lg-block">
            <div class="card">
                <div class="card-header">
                    {{-- <h4 class="card-title">列表</h4> --}}
                </div>
                <div class="card-content">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                        <thead>
                            <tr>
                                <th class="text-center">門店</th>
                                <th class="text-center">日期</th>
                                <th class="text-right">金額</th>
                                <th class="text-center">狀態</th>
                                <th class="text-center">明細</th>
                                {{-- <th>訂單編號</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @if ($purchases->isNotEmpty())
                                @foreach ($purchases as $purchase)
                                    <tr>
                                        <td  class="text-center">
                                            {{ $purchase->firm_service->name }}
                                        </td>
                                        <td class="text-center">
                                            {{ $purchase->purchase_at->format('Y/m/d') }}
                                        </td>
                                        <td class="text-right text-nowrap">
                                            $ {{ number_format($purchase->total) }}
                                        </td>
                                        <td class="text-center">
                                            <span class="{{ is_null($purchase->deleted_at) ? 'text-success' : 'text-danger' }}">
                                                {{ $status[is_null($purchase->deleted_at)] }}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <a href="{{ Route('frontend.purchases.show', $purchase->id) }}">
                                                <i class="badge-circle badge-circle-light-secondary bx bx-detail font-medium-1"></i>
                                            </a>
                                        </td>
                                        {{-- <td>{{ $purchase->order_code }}</td> --}}
                                    </tr>
                                @endforeach
                            @else 
                                @include('frontend.panels.list-no-data') 
                            @endif
                        </tbody>
                        </table>
                    </div>
                </div>

                <div class="card-footer">
                    {{ $purchases->withQueryString()->links('frontend.panels.pagination') }}
                </div>                
            </div>
        </div>

        {{-- 平版 + 手機 --}}
        <div class="col-12 d-block d-lg-none">

            <div class="card">
                <div class="card-header">
                    {{-- <h4 class="card-title">列表</h4> --}}
                </div>
                <div class="card-content">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                        <thead>
                            <tr>
                                <th class="text-center"><h3>消費紀錄</h3></th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($purchases->isNotEmpty())
                                @foreach ($purchases as $purchase)
                                    <tr>
                                        <td class="text-left">
                                            <div>
                                                <label class="title-weight-bold" for="">門店:</label>
                                                <span>
                                                    {{ $purchase->firm_service->name }}
                                                </span>
                                            </div>

                                            <div>
                                                <label class="title-weight-bold" for="">日期:</label>
                                                <span class="order-item-note campaign-label">
                                                    {{ $purchase->purchase_at->format('Y/m/d') }}
                                                </span>
                                            </div>
                                            <div>
                                                <label class="title-weight-bold" for="">金額:</label>
                                                <span>
                                                    $ {{ number_format($purchase->total) }}
                                                </span>
                                            </div>
                                            <div>
                                                <label class="title-weight-bold" for="">狀態:</label>
                                                <span class="{{ is_null($purchase->deleted_at) ? 'text-success' : 'text-danger' }}">
                                                    {{ $status[is_null($purchase->deleted_at)] }}
                                                </span>
                                            </div>
                                            <div>
                                                <label class="title-weight-bold" for="">明細:</label>
                                                <span class="text-primary">
                                                    <a href="{{ Route('frontend.purchases.show', $purchase->id) }}">
                                                        <i class="badge-circle-light-secondary bx bx-detail font-medium-5"></i>
                                                    </a>
                                                </span>
                                            </div>
                                            
                                        </td>
                                    </tr>
                                @endforeach
                            @else 
                                @include('frontend.panels.list-no-data') 
                            @endif
                        </tbody>
                        </table>
                    </div>
                </div>

                <div class="card-footer">
                    {{ $purchases->withQueryString()->links('frontend.panels.pagination') }}
                </div>                
            </div>
        </div>
    </div>
</section>

@endsection

@section('vendor-scripts')

@endsection

@section('page-scripts')

@endsection