@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">  {{ translate('Orders') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page">  {{ translate('Orders') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">

        <div class="box">
            @if (Session::get('tenant_subscribtion_data')['sellers']['belongs_to_subscribtion'] == true && Session::get('tenant_controle_modules')['sellers'] == 1)
                <div class="box-header">
                    @include('admin.Seller.nav', ['seller_id' => $seller_id , 'active' => 'orders'])
                </div>
                <div class="box-body">
                    <i class="fa fa-filter" style="font-size: 2em;cursor: pointer;" aria-hidden="true" onclick="toggleFilter()"></i>
                    <div class="row">
                        <div class="col-md-2 col-lg-2 col-12 thumbnail p-20 filter-section">
                            <form id="sort_orders" action="" method="GET">
                                <div class="form-group">
                                    <select class="form-control" name="payment_type" id="payment_type" onchange="sort_orders()">
                                        <option value="">{{ translate('Filter by payment status') }}</option>
                                        <option value="1" @isset($payment_status) @if ($payment_status == 1) selected @endif @endisset>
                                            {{ translate('Paid') }}</option>
                                        <option value="0" @isset($payment_status) @if ($payment_status == 0) selected @endif @endisset>
                                            {{ translate('UnPaid') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control" name="delivery_status" id="delivery_status" onchange="sort_orders()">
                                        <option value="">{{ translate('Filter by deliver status') }}</option>
                                        <option value="pending" @isset($delivery_status) @if ($delivery_status == 'pending') selected @endif @endisset>
                                            {{ translate('pending') }}</option>
                                        <option value="on_review" @isset($delivery_status) @if ($delivery_status == 'on_review') selected @endif
                                        @endisset>{{ translate('On review') }}</option>
                                    <option value="ready_to_delever" @isset($delivery_status) @if ($delivery_status == 'ready_to_delever') selected @endif
                                    @endisset>{{ translate('Ready to delever') }}</option>
                                <option value="on_delivery" @isset($delivery_status) @if ($delivery_status == 'on_delivery') selected @endif
                                @endisset>{{ translate('On delivery') }}</option>
                            <option value="delivered" @isset($delivery_status) @if ($delivery_status == 'delivered') selected @endif
                            @endisset>{{ translate('Delivered') }}</option>
                    </select>
                                </div>
                            
                                <div class="form-group">
                                    <input type="text" class="form-control" id="search" name="search" @isset($sort_search)
                                    value="{{ $sort_search }}" @endisset
                                    placeholder="{{ translate('Type order code & hit Enter') }}">
                                </div>
            
                                <div class="form-group">
                                    <input type="date" class="form-control" id="from_date" name="from_date" @isset($from_date)
                            value="{{ $from_date }}" @endisset placeholder="{{ translate('From date') }}">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="to_date" name="to_date" @isset($to_date)
                                    value="{{ $to_date }}" @endisset placeholder="{{ translate('To date') }}">
                                </div>
                                <div class="form-group">
                                    <input type="button" value="{{ translate('Search') }}" class="form-control btn btn-primary" onclick="sort_orders()">
                                </div>
            
                            </form>
                        </div>
                        <div class="col-md col-lg col-12">
                            <div id="table_data">
                                <div class="table-responsive">
                                <table id="complex_header" class="table table-striped table-bordered display"
                                    style="width:100%">
                                        <thead>
                                            <tr class="text-center">
                                                <th>#</th>
                                                <th>{{ translate('Order code') }}</th>
                                                <th>{{ translate('Num. of products') }}</th>
                                                <th>{{ translate('Customer') }}</th>
                                                <th>{{ translate('Amount') }}</th>
                                                <th>{{ translate('Delivery status') }}</th>
                                                <th>{{ translate('Payment method') }}</th>
                                                <th>{{ translate('Payment status') }}</th>
                                                <th width="10%">{{ translate('Options') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($orders as $key => $order)
                                                @if ($order != null)
                                                    <tr>
                                                        <td>{{ $key + 1 + ($orders->currentPage() - 1) * $orders->perPage() }}</td>
                                                        <td class="text-center">
                                                            {{ $order->code }} @if ($order->viewed == 0)
                                                                <span class="float-left badge badge-info">{{ translate('New') }}</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            {{ count($order->OrderProduct) }}
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($order->user != null)
                                                                {{ $order->user->name }}
                                                            @endif
                                                        </td class="text-center">
                                                        <td class="text-center">
                                                            {{ single_price($order->total_price) }}
                                                            {{ currency_sympol()['symbol'] }}
                                                        </td class="text-center">
                                                        <td class="text-center">
                                                            {{ translate($order->delivery_status) }}
                                                        </td class="text-center">
                                                        <td class="text-center">
                                                            {{ translate($order->payment_type) }}
                                                        </td>
                                                        <td class="text-center">
                                                            <span class="badge badge--2 mr-4">
                                                                @if ($order->payment_status == 1)
                                                                    <i class="bg-green"></i> {{ translate('Paid') }}
                                                                @else
                                                                    <i class="bg-red"></i> {{ translate('UnPaid') }}
                                                                @endif
                                                            </span>
                                                        </td>
                                    
                                                        <td class="text-center">
                                                            <div class="dropdown">
                                                                <a class="text-fade" href="#" data-toggle="dropdown"><i
                                                                        class="fa fa-fw fa-list"></i></a>
                                                                <div class="dropdown-menu dropdown-menu-right">
                                
                                                                    <a class="dropdown-item" href="{{ route('Order.show', encrypt($order->id)) }}"><i
                                                                        class="mdi mdi-magnify"></i>
                                                                    {{ translate('View') }}</a>
                                                                    <a class="sa-warning dropdown-item submit_delete_form"
                                                                        data-title="{{ translate('Are you sure?') }}"
                                                                        data-no="{{ translate('Cancel') }}"
                                                                        data-yes="{{ translate('Yes, delete it!') }}"
                                                                        data-desc="{{ translate('You will not be able to recover this!') }}"
                                                                        href="#" data-href="{{ route('Order.destroy', $order->id) }}"><i
                                                                            class="fa fa-fw fa-trash"></i>{{ translate('Delete') }}
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                {{ $orders->appends(request()->input())->links() }}
                            </div>
                        </div>
                    </div>
                    
                </div>
            @else
                <div class="row" style="padding: 2em">
                    <div class="col-8 mx-auto text-center">
                        <br>
                        <img style="width: 12em;margin-bottom: 1em;" src="{{ url('/images/upgrad_limit.png') }}" alt="">
                        <h4>
                            {{ translate('You need to upgrade to use this feature.') }}
                        </h4>
                        <h4 style="color: chocolate">
                            {{ translate('Please Upgrade to use this feature.') }}
                        </h4>
                        <br>
                        <a class="btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg"
                            href="#">{{ translate('Upgrade now') }}</a>
                    </div>
                </div>

            @endif
        </div>
    </section>
@endsection

@section('script')

    <script type="text/javascript">
$('.filter-section').hide()
    function toggleFilter(){
        $('.filter-section').slideToggle();
    }
    
    function sort_orders(el) {
            $('#sort_orders').submit();
        }
    </script>
@endsection