@extends('admin.root')
@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">{{$menu}}</span> - {{$sub_menu}}</h4>
                <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
            </div>
        </div>
    </div>
    <div class="content pt-0">
        <div class="card">
            <div class="card-header header-elements-inline">
                <h6 class="card-title">Daftar Invoice</h6>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                    </div>
                </div>
            </div>
            <table class="table datatable-basic">
                <thead>
                    <tr>
                        <th>No Invoice</th>
                        <th>Nama Lengkap</th>
                        <th>Email</th>
                        <th>Tanggal Invoice</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($data as $item)
                    <tr data-href="{{url('/')}}/admin/invoice/detail/{{$item->invoice_id}}">
                        <td>#{{ $item->invoice_id }}</td>
                        <td>{{ $item->userdata->namalengkap }}</td>
                        <td>{{ $item->userdata->email }}</td>
                        <td>{{ date('Y-m-d', strtotime($item->invoice_date)) }}</td>
                        <td>{{ $item->status->nama_status }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('styles')
<style>
    [data-href] {
        cursor: pointer;
    }

</style>
@endsection
@section('scripts')
<script>
    $('*[data-href]').on('click', function() {
        window.location = $(this).data("href");
    });

</script>
@endsection