@extends('layouts.master')
@section('content')
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Primary <span>Orders</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Orders</span></a></li>
            <li><span>List</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="body">
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <table class="table table-hover dt-responsive nowrap" id="example" style="width:100%">
                        <thead>
                            <tr>
                                <th>Date</th> 
                                <th>Distributor</th>  
                                <th>Amount</th>
                                <th>Action</th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($orders as $data)
                            <tr>
                                <td>{{$data->date}}</td> 
                                <td>{{$data->distributor}}</td>  
                                <td>{{number_format($data->order_total)}}</td>
                                <td>
                                    <a href="/edit_primary_order/{{$data->id}}" class="btn btn-edit">Edit</a>
                                    <button data-toggle="modal" id="{{$data->id}}" data-target="#order_detail_modal" class="btn btn-edit view_order_detail">Detail</button> 
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection