@extends("layouts.user.app")
@section('page-title')
    {{ __('Dashboard') }}
@endSection
@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{ __('Orders') }}</h1>
            <p>{{ __('All Orders') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Orders') }}</a></li>
        </ul>
    </div>
@endsection
@section('css-links')
    <link rel="stylesheet" href="{{ asset('assets/css/' . app()->getLocale() . '/pages/orders.css') }}">
@endsection

@section('content')
    @include('includes.dialog')

    <div class="row">
        <div class="col-12">
            @include('user.order.parts.filter')
        </div>
        <div class="row col-lg-12">
            <div class="col-lg-12 p-3 text-right">
                <form action="{{ route('user.orders.excel') }}" method="post" id="form-excel">
                    @csrf
                    <input type="hidden" name="status" value="0">
                    <input type="hidden" name="StatusId" value={{ $status }}>
                    <input type="hidden" name="paymentMethod" value={{ $paymentMethod }}>
                    <input type="hidden" name="date_from" value="{{ $dateFrom }}">
                    <input type="hidden" name="date_to" value="{{ $dateTo }}">
                    <span class="download-excel btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i> {{ __('Export As Excel') }}</span>
                </form>
            </div>
        </div>

        <div class="col-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>
                                <tr>
                                    <th>#{{ __('ID') }}</th>
                                    <th>{{ __('User') }}</th>
                                    <th>{{ __('Date') }}</th>
                                    <th>{{ __('Time') }}</th>
                                    <th>{{ __('Branch Name') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th>{{ __('Payment Method') }}</th>
                                    <th>{{ __('Coupon') }}</th>
                                    <th>{{ __('Type') }}</th>
                                    <th>{{ __('Sub Total') }}</th>
                                    <th>{{ __('Delivery Price') }}</th>
                                    <th>{{ __('Sales Tax') }}</th>
                                    <th>{{ __('Total') }}</th>
                                    <th>{{ __('invoice') }}</th>
                                    <th>{{ __('Created at') }}</th>
                                    @if (isPermissionsAllowed('control-orders'))
                                        <th>{{ __('Control') }}</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach ($orders as $order)
                                    <tr>
                                        <td>{{ $order->id }}</td>
                                        <td>{{ $order->user->first_name . ' ' . $order->user->last_name }}</td>
                                        <td>{{ date('Y/m/d', strtotime($order->created_at)) }}</td>
                                        <td>{{ date('H:i:s', strtotime($order->created_at)) }}</td>
                                        <td>{{ $order->branch->name }}</td>
                                        <td><span class="status @if ($order->status == '0') red @elseif($order->status == '1') yellow @else green @endif">{{ $order->getStatusText() }}</span>
                                        </td>
                                        <td>{{ $order->payment->name }}</td>
                                        <td class="@if ($order->coupon_id) text-success @else text-danger @endif">{{ $order->coupon_id ? __('Yes') : __('No') }}</td>
                                        <td>{{ $order->getTypeText() }}</td>
                                        <td>{{ $order->subtotal }} {{ __('IQD') }}</td>
                                        <td>{{ $order->delivery }} {{ __('IQD') }}</td>
                                        <td>{{ number_format($order->delivery * $tax, 2) + number_format($order['vat_value'], 2) }}</td>
                                        <td>{{ $order->subtotal + $order->delivery }} {{ __('IQD') }}</td>
                                        <td>
                                            @if (!is_null($order->invoice_url))
                                                <a target="_blank" href="{{ $order->invoice_url }}" class="btn btn-primary mb-3">{{ __('invoice') }}</a>
                                            @endif
                                        </td>
                                        <td>{{ $order->created_at->diffForHumans() }}</td>
                                        @if (isPermissionsAllowed('control-orders'))
                                            <td>
                                                <a href="{{ route('user.orders.show', ['id' => $order->id]) }}" class="btn btn-primary mb-3">{{ __('Details') }}</a>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{ asset('assets/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript">
        $('#sampleTable').DataTable({
            "pageLength": 100,
            "order": [
                [0, "desc"]
            ]
        });
    </script>

    <script type="text/javascript">
        $(".download-excel").click(function(e) {
            e.preventDefault();

            let status = $("#status-filter option:selected").data("value");


            $(this).siblings("input[name='status']").val(status);


            $("#form-excel").submit();

        });
    </script>

    <script>
        /* $("#FilterButton").on("click", function (){
                let  url = $(this).data("url"),
                    status = $("#Status").val()
                    branch = $("#branch").val()
                    paymentMethod = $("#paymentMethod").val()
                    if(status)
                    url = url+"/"+status;
                    if(branch)
                    url = url+"/"+branch;
                    if(paymentMethod)
                    url = url+"/"+paymentMethod;
                console.log(url);
                //url = status ? `${url}/${status}` : url;
               // url = branch ? `${url}/${status}/${branch}` : url;
               // console.log(url);
                window.location = url
            });*/
    </script>
@endsection