@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?' active orders':'   الطلبات النشطة'}}

@endsection

@section('style')

@endsection

@section('content')
<div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                        <h6 class="bold">{{trans('delegates_dashboard.recent_orders')}}</h6>
                        <p class="mb-1">{{trans('delegates_dashboard.recent_order_info')}}</p>
                    </div>

                    <div class="form-group col-md p-0 m-0 ">
                        <div class="row align-items-center justify-content-between ">
                            <div class="col  p-0 password-cont">
                                <input type="text" class="form-control" id="dataTableSearchInput1"  aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.key_words')}}">
                                <i class="fa fa-search color-gray" ></i>
                            </div>
                        </div>
                    </div>
                    
                </div>
 

                

                <table id="dataTable1" data-order='[[ 1, "asc" ]]' data-page-length='25' class="table text-center  table-striped table-ed" style="width:100%">
                    <thead class="table-head">
                        <tr >
                            <th>{{trans('delegates_dashboard.number')}}</th>
                            <th>{{trans('delegates_dashboard.order_number')}}</th>
                            <th>{{trans('delegates_dashboard.name')}}</th>
                            <th>{{trans('delegates_dashboard.delegate')}}</th>
                            <th>{{trans('delegates_dashboard.address')}}</th>
                            <th>{{trans('delegates_dashboard.price')}}</th>
                            <th>{{trans('delegates_dashboard.created_at')}}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody data-class-name="table-body">
                      @foreach($orders as $order)
                        <tr>
                            <td>{{$order->id}}</td>
                            <td>#{{$order->citc_referenceCode??''}}</td>
                            <td>{{$order->user->name??''}}</td>
                            <td>{{$order->delegate->name??''}}</td>
                            <td>{{$order->receive_address??''}}</td>
                            <td>{{$order->total_price??''}} {{trans('delegates_dashboard.sr')}} </td> 
                            <td>{{Carbon\Carbon::parse($order->created_at)?->format('d/m/Y - H:i A')}}</td>
                            <td class="table-menu" >
                                <i onclick="openTableMenu(this)" class=" cp p-2 fa fa-ellipsis-h"></i>
                                <div class="menu-cont" >
                                    <ul class="white-bg round7 pt-1 pb-1 shadow1">
                                        <li> <a href="{{route('delegates_dashboard.order_details',$order->id)}}"><i class="fa fa-eye color1"></i> {{trans('delegates_dashboard.details')}}</a> </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                      @endforeach
                    </tbody>

                </table>



        



            </div>
  @endsection   

@section('scripts')
    <script>
        $(function(){
            $('.side-button .active').siblings('.side-dropdown').slideDown();
        });
    </script>
@endsection