@extends('crudbooster::admin_template')
@push('bottom')
<link rel="stylesheet" href="{{ asset('/vendor/libs/datatables/datatables.css') }}">

<script src="{{ asset('/vendor/libs/datatables/datatables.js') }}"></script>

<script src="{{ asset('/js/tables_datatables.js') }}"></script>
@include('JSBlade.MJsblade')

@endpush

@section('content')

<div id="message-show"></div>

@if (Session::has('msg'))

<div class="alert alert-success">
    <p> {{ Session::get('msg')}}</p>
</div>

@endif
<div class="panel">
    <div id="responsive" class="panel-body table-responsive">
        <table id="order_table" class="datatables-demo table table-striped table-bordered" >
            <a href="">Button</a>
            <thead>
                <tr>
                    <th>Order key</th> 
                    <th>Firstname</th>
                    <th>Lastname</th>
                    <th>Email</th>
                    <th>Product Name</th>
                    <th>Order Note</th>
                    <th>Order Date</th>
                    <th>Order Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>

                @foreach($orders as $order)
                <tr>
                    <td>{{$order->order_key}} </td>
                    <td  width="100">{{$order->user->first_name}} </td>
                    <td  width="100">{{$order->user->last_name}} </td>
                    <td>{{$order->user->email}} </td>
                    <td>
                        @foreach($order->products()->get() as $product)
                            {{$product->product_name}} ,

                        @endforeach

                    </td>
                    <td>{{$order->order_note}} </td>
                    <td>{{date('Y-m-d',strtotime($order->created_at))}} </td>
                    @if ($order->order_status==true)
                        <td class="text-success">Active</td>
                    @else
                        <td class="text-danger">Pending</td>
                    @endif

                    <td class="pull-right">
                        <a class="btn btn-xs btn-success btn-edit" title="Edit Data" href="{{ url('admin/orders/edit/'.$order->id) }}"><i class="fa fa-pencil"></i></a>
                        @if($order->order_status == 0)
                        <button class="btn btn-xs btn-danger" title="Deactive"><i class="fa fa-check-circle"></i></button>
                        @endif
                        @if($order->order_status == 1)
                        <a class="btn btn-xs btn-danger" title="Deactive Order" href="{{ url('admin/orders/deactive/'.$order->id) }}"><i class="fa fa-ban"></i></a>
                        @endif
                        <a class="btn btn-xs btn-warning btn-delete" title="Delete" href="javascript:;" onclick="swal({
                            title:'Are you sure ?',
                            text: 'You will not be able to recover this record data',
                            type: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#ff0000',
                            confirmButtonText: 'Yes!',
                            cancelButtonText:'No',
                            closeOnConfirm: false },
                            function(){  location.href='{{ url('admin/orders/delete/'.$order->id) }}' });"><i class="fa fa-trash"></i></a>

                    </td>
                </tr>
                @endforeach
            </tbody>

            <tfoot>
                <tr>
                    <th>Order key</th>
                    <th>Firstname</th>
                    <th>Lastname</th>
                    <th>Email</th>
                    <th>Product Name</th>
                    <th>Order Note</th>
                    <th>Order Date</th>
                    <th>Order Status</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

@endsection