@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">Invoice</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ asset('/') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Invoice</li>
        </ol>
        <div class="row justify-content-between">
            <div class="col-lg-12 col-md-12">
                <div class="card card-static-2 mt-30 mb-30">
                    <div class="card-title-2">
                        <h4>All Invoice</h4>
                    </div>
                    <div class="card-body-table">
                        <div class="table-responsive">
                            <table class="table ucp-table table-hover">
                                <thead>
                                <tr>
                                    <th style="width:60px">Order ID</th>
                                    <th style="width:60px">Tình trạng đơn hàng</th>
                                    <th>Tên</th>
                                    <th style="width: 300px">Tên công ty</th>
                                    <th>Địa chỉ</th>
                                    <th>Mã số thuế</th>
                                    <th>Email</th>
                                    <th>Số điện thoại</th>
                                    <th>Tình trạng</th>
                                    <th>Ngày cập nhật</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($invoices as $invoice)
                                    <tr>
                                        <td>ORDER#{{ $invoice->order->id }}</td>
                                        <td id="status-display-{{$invoice->id}}">
                                            @php
                                                $orderColor = config('status.order_color.' . $invoice->order->status);
                                                $orderStatus = config('status.order.' . $invoice->order->status);
                                            @endphp
                                            <span class="badge-item badge-status {{$orderColor}}">{{trans('admin::message.status.' . $orderStatus)}}</span>
                                        </td>
                                        <td>{{ $invoice->order->fullname ?: '-' }}</td>
                                        <td>{{ $invoice->company }}</td>
                                        <td>{{ $invoice->address ?: '-' }}</td>
                                        <td>{{ $invoice->taxcode ?: '-' }}</td>
                                        <td>{{ $invoice->email ?: '-' }}</td>
                                        <td>{{ $invoice->phone ?: '-' }}</td>
                                        <td>
                                            <span class="{{\App\Enums\InvoiceStatus::getStatus($invoice->status)}}">
                                                {{$invoice->status ?: \App\Enums\InvoiceStatus::PENDING}}
                                            </span>
                                        </td>
                                        <td>{{ $invoice->updated_at }}</td>
                                        <td>
                                            <a href="{{ action('InvoiceController@edit', ['id' => $invoice->id]) }}"
                                               class="edit-btn"
                                               title="Edit"><i class="fas fa-edit"></i></a>
                                            <a style="cursor: pointer;"
                                               onclick='delete_data("{{ action("InvoiceController@destroy", ['id' => $invoice->id]) }}")'
                                               title="Delete" title=""><i class="fas fa-trash"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 mb-30">
                {{ $invoices->links() }}
            </div>
        </div>
    </div>
    <div id="dialog-delete" style="display: none">
        <div class="modal-content">
            <div class="modal-header card-title-2">
                <h4 class="modal-title"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body card-title-2">
                <h4 class="modal-title">Bạn có muốn xóa ?</h4>
            </div>
            <div class="modal-footer card-title-2">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <a id="delete-link" class="btn btn-primary">Thực hiện</a>
            </div>
        </div>
    </div>
    <script>
      function delete_data(link) {
        $("#delete-link").attr("href", link)
        bPopup = $('#dialog-delete').bPopup();
      }
    </script>
@endsection