@extends('layouts.admin-layout')
@section('title', 'All Orders ')
@section('content')
    <div class="content-wrapper">

        <section class="content">
            <div class="container-fluid">

                <div class="row">
                    <!-- left column -->
                    <div class="col-md-12 mt-5">

                        <div class="card">

                            <div class="card-body">
                                <h2>All Orders</h2>
                                <table id="example" class="table table-striped table-bordered" style="width:100%">
                                    <thead>
                                    <tr>
                                        <th>User Name</th>
                                        <th>Total Price</th>
                                        <th>Tracking No</th>
                                        <th>Order Status</th>
                                        <th>Detail View</th>
                                        {{--  <th>Edit</th>--}}
{{--                                        <th>Delete</th>--}}
                                    </tr>
                                    </thead>

                                    <tbody>
                                    @foreach($get_orders as  $order)
                                        <tr>
                                            <td>{{$order->user->name ? : ''}}</td>
                                            <td>{{$order->total_price ? : ''}}</td>
                                            <td>{{$order->tracking_no ? : ''}}</td>
                                            <td>
                                                @if(Auth::user()->hasRole('Admin'))
                                                <form
                                                      action="{{ route('admin.order.status.update', ['id' => $order->id]) }}"
                                                      method="post">
                                                    @csrf
                                                    <div class="form-group">

                                                        <select name="status" class="form-control" id="order_status">
                                                            <option value="Pending" @if($order->order_status == 'Pending') selected @endif>
                                                                Pending
                                                            </option>
                                                            <option value="In-progress" @if($order->order_status == 'In-progress') selected @endif>
                                                                In Progress
                                                            </option>
                                                            <option value="Complete" @if($order->order_status == 'Complete') selected @endif>
                                                                Complete
                                                            </option>
                                                            <option value="Decline" @if($order->order_status == 'Decline') selected @endif>
                                                                Decline
                                                            </option>
                                                        </select>
                                                    </div>
                                                </form>
                                                @else
                                                    <p>Status: {{ $order->order_status }}</p>
                                                @endif
                                            </td>
                                            <td><a href="{{route('admin.order.detail',['id'=>$order->id])}}">Detail View</a></td>
{{--                                            <td><a href="{{route('admin.order.delete',['id'=>$order->id])}}" class="btn btn-danger btn-sm">Delete</a></td>--}}

                                        </tr>
                                    @endforeach
                                    </tbody>

                                </table>

                            </div>


                            <!-- /.card -->
                        </div>
                    </div>

                </div>
            </div>
        </section>

    </div>

@endsection

@section('script')

    <script>

        $(document).ready(function () {
            $("table").DataTable({
                order: [0, 'dec']
            });
        });

    </script>

    {{--    <script>--}}
    {{--        $(document).ready(function () {--}}

    {{--            $.ajaxSetup({--}}
    {{--                headers: {--}}
    {{--                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')--}}
    {{--                }--}}
    {{--            });--}}


    {{--            $(document).on("click", '.delete-btn', function (e) {--}}
    {{--                alert();--}}
    {{--                var id = $(this).data('id');--}}

    {{--                e.preventDefault();--}}
    {{--                swal({--}}
    {{--                    title: "Are you sure?",--}}
    {{--                    text: "Once deleted, you will not be able to recover this imaginary file!",--}}
    {{--                    icon: "warning",--}}
    {{--                    buttons: true,--}}
    {{--                    dangerMode: true,--}}
    {{--                })--}}
    {{--                    .then((willDelete) => {--}}
    {{--                        if (willDelete) {--}}

    {{--                            $.ajax({--}}
    {{--                                url: '{{route('user.order.delete')}}',--}}
    {{--                                type: "post",--}}
    {{--                                dataType: "json",--}}
    {{--                                data: {id: id},--}}
    {{--                                success: function (response) {--}}
    {{--                                    window.location.reload();--}}
    {{--                                }--}}
    {{--                            });--}}

    {{--                        } else {--}}
    {{--                            // swal("You have caneled on deleting this data");--}}
    {{--                        }--}}
    {{--                    });--}}
    {{--            });--}}

    {{--        });--}}
    {{--    </script>--}}


    <script>
        $(document).on('change', '#order_status', function() {
            $(this).parents('form:first').submit();
        });
    </script>

@endsection