@extends('Backend.Layouts.app')
@php
    $page_title = "Manage Orders";
@endphp

@section('content')

@if( request()->view_order )

<section class="container">
    <section class="card">
        <div class="card-header">
            <a href="?" class="text-muted"><i class="fa fa-arrow-left"></i> Go back</a>
        </div>
        <div class="card-body">
            @include( backend_file('orders.view_order'))
        </div>
     </section>
</section>

@else
<section class="container">
    <div class="card">
        <div class="card-header">
           <p class="float-right">
            {{ $orders->count() }} orders
           </p>
            <div class="float-left col-md-4">
                <form method="get">
                    <select name="fliter" class="filter_record form-control">
                        <option value=""> -Filter record - </option>
                        <option value="show_all"> Show all </option>
                        <option value="initiated"> Initiated </option>
                        <option value="cancelled"> Cancelled </option>
                        <option value="completed"> Completed </option>
                        <option value="processing"> Processing </option>
                    </select>
                </form>
            </div>
        </div>
        <section class="card-body">
            <div class="table-responsive">
                <table class="table table-condensed datatable">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Ref No</th>
                            <th>Status</th>
                            <th>School</th>
                            <th>Name</th>
                            <th>Phone number</th>
                            <th>Email</th>
                            <th>Admin</th>
                            <th>Last updated </th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ( $orders as $index => $order)
                           <tr>
                               <td>{{ ++$index }} </td>
                               <td>{{ $order->code_number }} </td>
                               <td>{{ $order->_status() }}</td>
                               <td>{{ $order->business_name }} </td>
                               <td>{{ $order->name }}</td>
                               <td>{{ $order->phone_number }}</td>
                               <td>{{ $order->email }}</td>
                               <td>{{ ( $admin = $order->admin ) ? $admin->fullnames() : '-'}}</td>
                               <td> {{ $order->updated_at }} </td>
                               <td>
                                <a class="btn btn-outline-info btn-sm" data-toggle="dropdown" href="javascript:void(0)">
                                    Actions
                                  </a> 
                                   <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                                    <span class="dropdown-item text-muted dropdown-header"><b> Select action</b> </span>
                                    <div class="dropdown-divider"></div>

                                    <a href="?view_order=1&ref={{ $order->code_number }}" class="dropdown-item">
                                        <i class='mr-2' class=""></i>
                                          <span class=""> View order </span>       
                                     </a>
                                     @if( in_array('can_modify_order', current_user()->permissions() ) )
                                    <a onclick="return confirm('Please, confirm this action')" href="?update_order=1&id={{$order->id}}&status=completed" class="dropdown-item">
                                        <i class='mr-2' class=""></i>
                                          <span class=""> Mark as completed </span>       
                                     </a>
                                     <a onclick="return confirm('Please, confirm this action')" href="?update_order=1&id={{$order->id}}&status=processing" class="dropdown-item">
                                        <i class='mr-2' class=""></i>
                                          <span class=""> Mark as processing </span>       
                                     </a>
                                     <a onclick="return confirm('Please, confirm this action')" href="?update_order=1&id={{$order->id}}&status=cancelled" class="dropdown-item">
                                        <i class='mr-2' class=""></i>
                                          <span class=""> Mark as cancelled </span>       
                                     </a>
                                     @endif
                                     
                                    </div>
                                     
                               </td>
                            </tr>
                        @empty
                            <tr>
                               <td colspan="10" class="text-center"> No Order records... </td>
                            </tr>
                        @endforelse
                        
                    </tbody>
                </table>
            </div>
        </section>
    </div>


    <script>
        $(function(){
            $('.filter_record').on('change', (e) => {
                var query = $('.filter_record').val();
                if( query == 'show_all'){
                      window.location.href = `?`;
                }else{
                    window.location.href = `?filter=1&q=${query}`;
                }
            });
        });
    </script>

    @endif
</section>
@stop