@extends('admin/layouts/default')

@section('page-header')
    Orders
@endsection

@section('content')
    <section class="content-header">
        <h1>Orders</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('admin.dashboard') }}">
                    <i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li><a href="#">Orders</a></li>
            <li class="active">orders</li>
        </ol>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <i class="livicon" data-name="user-add" data-size="18" data-c="#fff" data-hc="#fff" data-loop="true"></i>
                            Orders
                        </h3>
                                <span class="pull-right clickable">
                                    <i class="glyphicon glyphicon-chevron-up"></i>
                                </span>
                    </div>
                    <div class="panel-body">
    <div class="bgc-white bd bdrs-3 p-20 mB-20">
        <div class="table-responsive">
            <table id="dataTable" class="table table-striped table-bordered" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>User name</th>
                        <th>Email</th>
                        <th>Amount</th>
                        <th>Transaction</th>
                        <th>Payment Method</th>
                        <th>Ammount</th>
                        <th>Order Date</th>
                        <th>View</th>
                    </tr>
                </thead>

                <tfoot>
                    <tr>
                        <th>User name</th>
                        <th>Email</th>
                        <th>Ammount</th>
                        <th>Transaction</th>
                        <th>Payment Method</th>
                        <th>Amount</th>
                        <th>Order Date</th>
                        <th>View</th>
                    </tr>
                </tfoot>

                <tbody>
                    @foreach ($items as $item)
                        <tr>
                            <td>{{ $item->User->first_name ?? '-' }}</td>
                            <td>{{ $item->User->email ?? '-' }} </td>
                            <td>{{ Priceformat($item->order_price) }}</td>
                            @if($item->order_status == 0)
                            <td > - </td>
                            <td > - </td>
                            <td><span
                                    class="badge bgc-red-50 c-red-700 p-10 lh-0 tt-c badge-pill">Not paid</span>
                            </td>
                            @elseif($item->order_status == 1)
                            <td>{{ $item->Payment->transaction_no }}</td>
                            <td>{{ $item->Payment->type }}</td>
                            <td><span
                                class="badge bgc-green-50 c-green-700 p-10 lh-0 tt-c badge-pill">Paid</span>
                            </td>
                            @else
                            <td>-</td>
                            @endif
                            <td>{{ DateFormat($item->created_at) }}</td>
                            <td>
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <a href="{{ route('admin.orders.view', $item->order_id) }}" title="View Details" class="btn btn-primary btn-sm"><span class="ti-eye"></span>
                                        </a>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    @endforeach
                </tbody>

            </table>
        </div>
    </div>

    </div>
    </div>
    </div>
    </div>
    <!--row end-->
    </section>
@stop